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

package/components/Button/ButtonFilter.svelte

@@ -1,651 +0,0 @@
-<script>
-    import Icon from '../Icon/Icon.svelte';
-    export let className;
-    export let size = '';
-    export let label = 'search in';
-    export let isOpen = false;
-    let buttonStyles = ['efilter-btn', className, `efilter-btn-${size}`];
-</script>
-
-<form class="d-flex filter-component-section">
-    <div class="dropdown filter-button">
-        <button class={buttonStyles.join(' ')} on:click on:focus type="button">
-            {label}
-            <Icon iconName="caret-down-fill" className="custom-icon-filterbtn" />
-        </button>
-        {#if isOpen}
-            <ul class="dropdown-menu" aria-labelledby="">
-                <slot />
-            </ul>
-        {/if}
-    </div>
-</form>
-
-<style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
-@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");
-@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
-@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
-@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");
-@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
-.efilter-btn {
-  background-color: #007FD8;
-  color: #ffffff;
-  border: none;
-  cursor: pointer;
-  border-radius: 4px;
-  padding: 0px 24px;
-  height: 42px;
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
-  border: none;
-  outline: 1px solid #ffffff;
-  font-family: Roboto;
-}
-.efilter-btn-small {
-  height: 32px;
-  font-size: 12px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-family: Roboto;
-}
-.efilter-btn-small i {
-  font-size: 12px;
-}
-.efilter-btn-medium {
-  padding: 0px 24px;
-  height: 42px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  font-family: Roboto;
-}
-.efilter-btn-medium i {
-  font-size: 16px;
-}
-.ebtn-large {
-  height: 52px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  font-family: Roboto;
-}
-.ebtn-large i {
-  font-size: 16px;
-}
-.filter-button .dropdown-menu {
-  min-width: 7rem;
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-}
-.filter-button-menu {
-  text-align: center;
-  font-family: Roboto;
-}
-:global(.custom-icon-filterbtn) {
-  font-size: 12px;
-}
-:global(.ebg-none) {
-  background-color: #ffffff !important;
-}
-:global(.ebg-white) {
-  background-color: #ffffff;
-}
-:global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
-  background-color: #3AC82E;
-}
-:global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
-  background-color: #00A855;
-}
-:global(.ebg-secondaryLight, .eactive-secondaryLight:active, .ehover-secondaryLight:hover) {
-  background-color: #CBFFC7;
-}
-:global(.ebg-primary) {
-  background-color: #00AEE5;
-}
-:global(.ebg-primaryDark) {
-  background-color: #007FD8;
-}
-:global(.ebg-primaryLight) {
-  background-color: #CEF3FF;
-}
-:global(.ebg-danger) {
-  background-color: #FE4747;
-}
-:global(.ebg-dangerDark) {
-  background-color: #B02A37;
-}
-:global(.ebg-dangerLight) {
-  background-color: #f8d7da;
-}
-:global(.ebg-warning) {
-  background-color: #FFBA3A;
-}
-:global(.ebg-warningDark) {
-  background-color: #997404;
-  color: #ffffff !important;
-}
-:global(.ebg-warningLight) {
-  background-color: #FFF3CD;
-}
-:global(.ebg-info) {
-  background-color: #0DCAF0;
-}
-:global(.ebg-infoDark) {
-  background-color: #087990;
-}
-:global(.ebg-infoLight) {
-  background-color: #9EEAF9;
-}
-:global(.ebg-success) {
-  background-color: #00A96B;
-}
-:global(.ebg-successDark) {
-  background-color: #146C43;
-}
-:global(.ebg-successLight) {
-  background-color: #D1E7DD;
-}
-:global(.ebg-gray100) {
-  background-color: #F8F9FA;
-}
-:global(.ebg-gray200) {
-  background-color: #E9ECEF;
-}
-:global(.ebg-gray300) {
-  background-color: #DEE2E6;
-}
-:global(.ebg-gray400) {
-  background-color: #CED4DA;
-}
-:global(.ebg-gray500) {
-  background-color: #adb5bd;
-}
-:global(.ebg-gray600) {
-  background-color: #6C757D;
-}
-:global(.ebg-gray700) {
-  background-color: #495057;
-}
-:global(.ebg-gray800) {
-  background-color: #343A40;
-}
-:global(.ebg-gray900) {
-  background-color: #212529;
-}
-:global(.ebg-green100) {
-  background-color: #D1E7DD;
-}
-:global(.ebg-green200) {
-  background-color: #A3CFBB;
-}
-:global(.ebg-green300) {
-  background-color: #75B798;
-}
-:global(.ebg-green400) {
-  background-color: #479F76;
-}
-:global(.ebg-green500) {
-  background-color: #198754;
-}
-:global(.ebg-green600) {
-  background-color: #146C43;
-}
-:global(.ebg-green700) {
-  background-color: #0F5132;
-}
-:global(.ebg-green800) {
-  background-color: #0A3622;
-}
-:global(.ebg-green900) {
-  background-color: #051B11;
-}
-:global(.ebg-red100) {
-  background-color: #F8D7DA;
-}
-:global(.ebg-red200) {
-  background-color: #F1AEB5;
-}
-:global(.ebg-red300) {
-  background-color: #EA868F;
-}
-:global(.ebg-red400) {
-  background-color: #E35D6A;
-}
-:global(.ebg-red500) {
-  background-color: #DC3545;
-}
-:global(.ebg-red600) {
-  background-color: #B02A37;
-}
-:global(.ebg-red700) {
-  background-color: #842029;
-}
-:global(.ebg-red800) {
-  background-color: #58151C;
-}
-:global(.ebg-red900) {
-  background-color: #2C0B0E;
-}
-:global(.ebg-yellow100) {
-  background-color: #FFF3CD;
-}
-:global(.ebg-yellow200) {
-  background-color: #FFE69C;
-}
-:global(.ebg-yellow300) {
-  background-color: #FFDA6A;
-}
-:global(.ebg-yellow400) {
-  background-color: #FFCD39;
-}
-:global(.ebg-yellow500) {
-  background-color: #FFC107;
-}
-:global(.ebg-yellow600) {
-  background-color: #CC9A06;
-}
-:global(.ebg-yellow700) {
-  background-color: #997404;
-}
-:global(.ebg-yellow800) {
-  background-color: #664D03;
-}
-:global(.ebg-yellow900) {
-  background-color: #332701;
-}
-:global(.ebg-cyan100) {
-  background-color: #CFF4FC;
-}
-:global(.ebg-cyan200) {
-  background-color: #9EEAF9;
-}
-:global(.ebg-cyan300) {
-  background-color: #6EDFF6;
-}
-:global(.ebg-cyan400) {
-  background-color: #3DD5F3;
-}
-:global(.ebg-cyan500) {
-  background-color: #0DCAF0;
-}
-:global(.ebg-cyan600) {
-  background-color: #0AA2C0;
-}
-:global(.ebg-cyan700) {
-  background-color: #087990;
-}
-:global(.ebg-cyan800) {
-  background-color: #055160;
-}
-:global(.ebg-cyan900) {
-  background-color: #032830;
-}
-.etext-white {
-  color: #ffffff;
-}
-:global(.etext-dark) {
-  color: #000000;
-}
-:global(.etext-secondary) {
-  color: #3AC82E;
-}
-:global(.etext-secondaryDark) {
-  color: #00A855;
-}
-:global(.etext-secondaryLight) {
-  color: #CBFFC7;
-}
-:global(.etext-primary) {
-  color: #00AEE5;
-}
-:global(.etext-primaryDark) {
-  color: #007FD8;
-}
-:global(.etext-primaryLight) {
-  color: #CEF3FF;
-}
-:global(.etext-danger) {
-  color: #FE4747;
-}
-:global(.etext-dangerDark) {
-  color: #B02A37;
-}
-:global(.etext-dangerLight) {
-  color: #f8d7da;
-}
-:global(.etext-info) {
-  color: #0DCAF0;
-}
-:global(.etext-infoDark) {
-  color: #087990;
-}
-:global(.etext-infoLight) {
-  color: #9EEAF9;
-}
-:global(.etext-success) {
-  color: #00A96B;
-}
-:global(.etext-successDark) {
-  color: #146C43;
-}
-:global(.etext-successLight) {
-  color: #D1E7DD;
-}
-:global(.etext-warning) {
-  color: #FFBA3A;
-}
-:global(.etext-warningDark) {
-  color: #997404;
-}
-:global(.etext-warningLight) {
-  color: #FFF3CD;
-}
-:global(.etext-gray100) {
-  color: #F8F9FA;
-}
-:global(.etext-gray200) {
-  color: #E9ECEF;
-}
-:global(.etext-gray300) {
-  color: #DEE2E6;
-}
-:global(.etext-gray400) {
-  color: #CED4DA;
-}
-:global(.etext-gray500) {
-  color: #adb5bd;
-}
-:global(.etext-gray600) {
-  color: #6C757D;
-}
-:global(.etext-gray700) {
-  color: #495057;
-}
-:global(.etext-gray800) {
-  color: #343A40;
-}
-:global(.etext-gray900) {
-  color: #212529;
-}
-:global(.etext-green100) {
-  color: #D1E7DD;
-}
-:global(.etext-green200) {
-  color: #A3CFBB;
-}
-:global(.etext-green300) {
-  color: #75B798;
-}
-:global(.etext-green400) {
-  color: #479F76;
-}
-:global(.etext-green500) {
-  color: #198754;
-}
-:global(.etext-green600) {
-  color: #146C43;
-}
-:global(.etext-green700) {
-  color: #0F5132;
-}
-:global(.etext-green800) {
-  color: #0A3622;
-}
-:global(.etext-green900) {
-  color: #051B11;
-}
-:global(.etext-red100) {
-  color: #F8D7DA;
-}
-:global(.etext-red200) {
-  color: #F1AEB5;
-}
-:global(.etext-red300) {
-  color: #EA868F;
-}
-:global(.etext-red400) {
-  color: #E35D6A;
-}
-:global(.etext-red500) {
-  color: #DC3545;
-}
-:global(.etext-red600) {
-  color: #B02A37;
-}
-:global(.etext-red700) {
-  color: #842029;
-}
-:global(.etext-red800) {
-  color: #58151C;
-}
-:global(.etext-red900) {
-  color: #2C0B0E;
-}
-:global(.etext-yellow100) {
-  color: #FFF3CD;
-}
-:global(.etext-yellow200) {
-  color: #FFE69C;
-}
-:global(.etext-yellow300) {
-  color: #FFDA6A;
-}
-:global(.etext-yellow400) {
-  color: #FFCD39;
-}
-:global(.etext-yellow500) {
-  color: #FFC107;
-}
-:global(.etext-yellow600) {
-  color: #CC9A06;
-}
-:global(.etext-yellow700) {
-  color: #997404;
-}
-:global(.etext-yellow800) {
-  color: #664D03;
-}
-:global(.etext-yellow900) {
-  color: #332701;
-}
-:global(.etext-cyan100) {
-  color: #CFF4FC;
-}
-:global(.etext-cyan200) {
-  color: #9EEAF9;
-}
-:global(.etext-cyan300) {
-  color: #6EDFF6;
-}
-:global(.etext-cyan400) {
-  color: #3DD5F3;
-}
-:global(.etext-cyan500) {
-  color: #0DCAF0;
-}
-:global(.etext-cyan600) {
-  color: #0AA2C0;
-}
-:global(.etext-cyan700) {
-  color: #087990;
-}
-:global(.etext-cyan800) {
-  color: #055160;
-}
-:global(.etext-cyan900) {
-  color: #032830;
-}
-:global(.eoutline-secondary) {
-  outline: 1px solid #3AC82E;
-}
-:global(.eoutline-secondaryDark) {
-  outline: 1px solid #00A855;
-}
-:global(.eoutline-secondaryLight) {
-  outline: 1px solid #CBFFC7;
-}
-:global(.eoutline-primary) {
-  outline: 1px solid #00AEE5;
-}
-:global(.eoutline-primaryDark) {
-  outline: 1px solid #007FD8;
-}
-:global(.eoutline-primaryLight) {
-  outline: 1px solid #CEF3FF;
-}
-:global(.eoutline-danger) {
-  outline: 1px solid #FE4747;
-}
-:global(.eoutline-dangerDark) {
-  outline: 1px solid #B02A37;
-}
-:global(.eoutline-dangerLight) {
-  outline: 1px solid #f8d7da;
-}
-:global(.eoutline-success) {
-  outline: 1px solid #00A96B;
-}
-:global(.eoutline-successDark) {
-  outline: 1px solid #146C43;
-}
-:global(.eoutline-successLight) {
-  outline: 1px solid #D1E7DD;
-}
-:global(.eoutline-info) {
-  outline: 1px solid #0DCAF0;
-}
-:global(.eoutline-infoDark) {
-  outline: 1px solid #087990;
-}
-:global(.eoutline-infoLight) {
-  outline: 1px solid #9EEAF9;
-}
-:global(.eoutline-warning) {
-  outline: 1px solid #FFBA3A;
-}
-:global(.eoutline-warningDark) {
-  outline: 1px solid #997404;
-}
-:global(.eoutline-warningLight) {
-  outline: 1px solid #FFF3CD;
-}
-:global(.eradius) {
-  border-radius: 4px;
-}
-:global(.eradius-low) {
-  border-radius: 8px;
-}
-:global(.eradius-medium) {
-  border-radius: 16px;
-}
-:global(.eradius-full) {
-  border-radius: 50%;
-}
-.eshadow-non {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.eshadow-low {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
-}
-.eshadow-medium {
-  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
-}
-.eshadow-high {
-  box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
-}
-:global(.efs-small) {
-  font-family: Roboto;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-}
-:global(.efs-normal) {
-  font-family: Roboto;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 28px;
-}
-:global(.efs-strong) {
-  font-family: Roboto;
-  font-size: 17px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 28px;
-}
-:global(.efs-h6) {
-  font-family: Roboto;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
-:global(.efs-h5) {
-  font-family: Roboto;
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
-:global(.efs-h4) {
-  font-family: Roboto;
-  font-size: 24px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
-:global(.efs-h3) {
-  font-family: Roboto;
-  font-size: 28px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
-:global(.efs-h2) {
-  font-family: Roboto;
-  font-size: 32px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
-:global(.efs-h1) {
-  font-family: Roboto;
-  font-size: 40px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-  letter-spacing: -0.8px;
-}
-:global(.efs-h4D) {
-  font-family: Merriweather;
-  font-size: 52px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-}
-:global(.efs-h3D) {
-  font-family: Merriweather;
-  font-size: 58px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-}
-:global(.efs-h2D) {
-  font-family: Merriweather;
-  font-size: 64px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-  letter-spacing: -1.28px;
-}
-:global(.efs-h1D) {
-  font-family: Merriweather;
-  font-size: 72px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-}</style>

package/components/Button/ButtonFilter.svelte.d.ts

@@ -1,39 +0,0 @@
-/** @typedef {typeof __propDef.props}  ButtonFilterProps */
-/** @typedef {typeof __propDef.events}  ButtonFilterEvents */
-/** @typedef {typeof __propDef.slots}  ButtonFilterSlots */
-export default class ButtonFilter extends SvelteComponentTyped<{
-    className: any;
-    size?: string | undefined;
-    isOpen?: boolean | undefined;
-    label?: string | undefined;
-}, {
-    click: MouseEvent;
-    focus: FocusEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type ButtonFilterProps = typeof __propDef.props;
-export type ButtonFilterEvents = typeof __propDef.events;
-export type ButtonFilterSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        className: any;
-        size?: string | undefined;
-        isOpen?: boolean | undefined;
-        label?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        focus: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};