amotify 0.0.59 → 0.0.60

package/src/atoms/FAI/parts.tsx

@@ -1,69 +1,69 @@
-import React from 'react';
+import React from 'react'
 import {
   Box
-} from '../Various/parts';
+} from '../Various/parts'
 
 import {
   FontAwesomeIcon
-} from '@fortawesome/react-fontawesome';
-import * as FontawesomeCore from '@fortawesome/fontawesome-svg-core';
+} from '@fortawesome/react-fontawesome'
+import * as FontawesomeCore from '@fortawesome/fontawesome-svg-core'
 
-import { faUser } from '@fortawesome/free-solid-svg-icons/faUser';
-import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
-import { faAngleRight } from '@fortawesome/free-solid-svg-icons/faAngleRight';
-import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
-import { faAngleUp } from '@fortawesome/free-solid-svg-icons/faAngleUp';
-import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown';
-import { faChevronLeft } from '@fortawesome/free-solid-svg-icons/faChevronLeft';
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight';
-import { faChevronUp } from '@fortawesome/free-solid-svg-icons/faChevronUp';
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
-import { faCaretLeft } from '@fortawesome/free-solid-svg-icons/faCaretLeft';
-import { faCaretRight } from '@fortawesome/free-solid-svg-icons/faCaretRight';
-import { faCaretUp } from '@fortawesome/free-solid-svg-icons/faCaretUp';
-import { faCaretDown } from '@fortawesome/free-solid-svg-icons/faCaretDown';
-import { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft';
-import { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight';
-import { faArrowUp } from '@fortawesome/free-solid-svg-icons/faArrowUp';
-import { faArrowDown } from '@fortawesome/free-solid-svg-icons/faArrowDown';
-import { faRotate } from '@fortawesome/free-solid-svg-icons/faRotate';
-import { faRedo } from '@fortawesome/free-solid-svg-icons/faRedo';
-import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
-import { faCheckCircle } from '@fortawesome/free-solid-svg-icons/faCheckCircle';
-import { faQuestion } from '@fortawesome/free-solid-svg-icons/faQuestion';
-import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons/faQuestionCircle';
-import { faExclamation } from '@fortawesome/free-solid-svg-icons/faExclamation';
-import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons/faExclamationTriangle';
-import { faHome } from '@fortawesome/free-solid-svg-icons/faHome';
-import { faShare } from '@fortawesome/free-solid-svg-icons/faShare';
-import { faSearch } from '@fortawesome/free-solid-svg-icons/faSearch';
-import { faYenSign } from '@fortawesome/free-solid-svg-icons/faYenSign';
-import { faHeart } from '@fortawesome/free-solid-svg-icons/faHeart';
-import { faStar } from '@fortawesome/free-solid-svg-icons/faStar';
-import { faEdit } from '@fortawesome/free-solid-svg-icons/faEdit';
-import { faPen } from '@fortawesome/free-solid-svg-icons/faPen';
-import { faCopy } from '@fortawesome/free-solid-svg-icons/faCopy';
-import { faFile } from '@fortawesome/free-solid-svg-icons/faFile';
-import { faTrashAlt } from '@fortawesome/free-solid-svg-icons/faTrashAlt';
-import { faBars } from '@fortawesome/free-solid-svg-icons/faBars';
-import { faDownload } from '@fortawesome/free-solid-svg-icons/faDownload';
-import { faLink } from '@fortawesome/free-solid-svg-icons/faLink';
-import { faLinkSlash } from '@fortawesome/free-solid-svg-icons/faLinkSlash';
-import { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons/faExternalLinkAlt';
-import { faGear } from '@fortawesome/free-solid-svg-icons/faGear';
-import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
-import { faMinus } from '@fortawesome/free-solid-svg-icons/faMinus';
-import { faEllipsisH } from '@fortawesome/free-solid-svg-icons/faEllipsisH';
-import { faEllipsisV } from '@fortawesome/free-solid-svg-icons/faEllipsisV';
-import { faPaperPlane } from '@fortawesome/free-solid-svg-icons/faPaperPlane';
-import { faImage } from '@fortawesome/free-solid-svg-icons/faImage';
+import { faUser } from '@fortawesome/free-solid-svg-icons/faUser'
+import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes'
+import { faAngleRight } from '@fortawesome/free-solid-svg-icons/faAngleRight'
+import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft'
+import { faAngleUp } from '@fortawesome/free-solid-svg-icons/faAngleUp'
+import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown'
+import { faChevronLeft } from '@fortawesome/free-solid-svg-icons/faChevronLeft'
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight'
+import { faChevronUp } from '@fortawesome/free-solid-svg-icons/faChevronUp'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown'
+import { faCaretLeft } from '@fortawesome/free-solid-svg-icons/faCaretLeft'
+import { faCaretRight } from '@fortawesome/free-solid-svg-icons/faCaretRight'
+import { faCaretUp } from '@fortawesome/free-solid-svg-icons/faCaretUp'
+import { faCaretDown } from '@fortawesome/free-solid-svg-icons/faCaretDown'
+import { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft'
+import { faArrowRight } from '@fortawesome/free-solid-svg-icons/faArrowRight'
+import { faArrowUp } from '@fortawesome/free-solid-svg-icons/faArrowUp'
+import { faArrowDown } from '@fortawesome/free-solid-svg-icons/faArrowDown'
+import { faRotate } from '@fortawesome/free-solid-svg-icons/faRotate'
+import { faRedo } from '@fortawesome/free-solid-svg-icons/faRedo'
+import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck'
+import { faCheckCircle } from '@fortawesome/free-solid-svg-icons/faCheckCircle'
+import { faQuestion } from '@fortawesome/free-solid-svg-icons/faQuestion'
+import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons/faQuestionCircle'
+import { faExclamation } from '@fortawesome/free-solid-svg-icons/faExclamation'
+import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons/faExclamationTriangle'
+import { faHome } from '@fortawesome/free-solid-svg-icons/faHome'
+import { faShare } from '@fortawesome/free-solid-svg-icons/faShare'
+import { faSearch } from '@fortawesome/free-solid-svg-icons/faSearch'
+import { faYenSign } from '@fortawesome/free-solid-svg-icons/faYenSign'
+import { faHeart } from '@fortawesome/free-solid-svg-icons/faHeart'
+import { faStar } from '@fortawesome/free-solid-svg-icons/faStar'
+import { faEdit } from '@fortawesome/free-solid-svg-icons/faEdit'
+import { faPen } from '@fortawesome/free-solid-svg-icons/faPen'
+import { faCopy } from '@fortawesome/free-solid-svg-icons/faCopy'
+import { faFile } from '@fortawesome/free-solid-svg-icons/faFile'
+import { faTrashAlt } from '@fortawesome/free-solid-svg-icons/faTrashAlt'
+import { faBars } from '@fortawesome/free-solid-svg-icons/faBars'
+import { faDownload } from '@fortawesome/free-solid-svg-icons/faDownload'
+import { faLink } from '@fortawesome/free-solid-svg-icons/faLink'
+import { faLinkSlash } from '@fortawesome/free-solid-svg-icons/faLinkSlash'
+import { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons/faExternalLinkAlt'
+import { faGear } from '@fortawesome/free-solid-svg-icons/faGear'
+import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus'
+import { faMinus } from '@fortawesome/free-solid-svg-icons/faMinus'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons/faEllipsisH'
+import { faEllipsisV } from '@fortawesome/free-solid-svg-icons/faEllipsisV'
+import { faPaperPlane } from '@fortawesome/free-solid-svg-icons/faPaperPlane'
+import { faImage } from '@fortawesome/free-solid-svg-icons/faImage'
 
 const FAIComps: React.FC<amotify.atoms.FAI.FAIParams> = ( params ) => {
   let {
     icon,
     iconParams,
     ...others
-  } = params;
+  } = params
 
   return <Box
     flexCenter
@@ -81,59 +81,59 @@ const FAIComps: React.FC<amotify.atoms.FAI.FAIParams> = ( params ) => {
         { ...iconParams }
       />
     </Box>
-  </Box>;
+  </Box>
 }
 
-const FAI: amotify.atoms.FAI.Method = FAIComps as any;
+const FAI: amotify.atoms.FAI.Method = FAIComps as any
 
-FAI.User = ( params ) => ( <FAI { ...params } icon={ faUser } /> );
-FAI.Times = ( params ) => ( <FAI { ...params } icon={ faTimes } /> );
-FAI.AngleRight = ( params ) => ( <FAI { ...params } icon={ faAngleRight } /> );
-FAI.AngleLeft = ( params ) => ( <FAI { ...params } icon={ faAngleLeft } /> );
-FAI.AngleUp = ( params ) => ( <FAI { ...params } icon={ faAngleUp } /> );
-FAI.AngleDown = ( params ) => ( <FAI { ...params } icon={ faAngleDown } /> );
-FAI.ChevronLeft = ( params ) => ( <FAI { ...params } icon={ faChevronLeft } /> );
-FAI.ChevronRight = ( params ) => ( <FAI { ...params } icon={ faChevronRight } /> );
-FAI.ChevronUp = ( params ) => ( <FAI { ...params } icon={ faChevronUp } /> );
-FAI.ChevronDown = ( params ) => ( <FAI { ...params } icon={ faChevronDown } /> );
-FAI.CaretLeft = ( params ) => ( <FAI { ...params } icon={ faCaretLeft } /> );
-FAI.CaretRight = ( params ) => ( <FAI { ...params } icon={ faCaretRight } /> );
-FAI.CaretUp = ( params ) => ( <FAI { ...params } icon={ faCaretUp } /> );
-FAI.CaretDown = ( params ) => ( <FAI { ...params } icon={ faCaretDown } /> );
-FAI.ArrowLeft = ( params ) => ( <FAI { ...params } icon={ faArrowLeft } /> );
-FAI.ArrowRight = ( params ) => ( <FAI { ...params } icon={ faArrowRight } /> );
-FAI.ArrowUp = ( params ) => ( <FAI { ...params } icon={ faArrowUp } /> );
-FAI.ArrowDown = ( params ) => ( <FAI { ...params } icon={ faArrowDown } /> );
-FAI.Rotate = ( params ) => ( <FAI { ...params } icon={ faRotate } /> );
-FAI.Redo = ( params ) => ( <FAI { ...params } icon={ faRedo } /> );
-FAI.Check = ( params ) => ( <FAI { ...params } icon={ faCheck } /> );
-FAI.CheckCircle = ( params ) => ( <FAI { ...params } icon={ faCheckCircle } /> );
-FAI.Question = ( params ) => ( <FAI { ...params } icon={ faQuestion } /> );
-FAI.QuestionCircle = ( params ) => ( <FAI { ...params } icon={ faQuestionCircle } /> );
-FAI.Exclamation = ( params ) => ( <FAI { ...params } icon={ faExclamation } /> );
-FAI.ExclamationTriangle = ( params ) => ( <FAI { ...params } icon={ faExclamationTriangle } /> );
-FAI.Home = ( params ) => ( <FAI { ...params } icon={ faHome } /> );
-FAI.Share = ( params ) => ( <FAI { ...params } icon={ faShare } /> );
-FAI.Search = ( params ) => ( <FAI { ...params } icon={ faSearch } /> );
-FAI.YenSign = ( params ) => ( <FAI { ...params } icon={ faYenSign } /> );
-FAI.Heart = ( params ) => ( <FAI { ...params } icon={ faHeart } /> );
-FAI.Star = ( params ) => ( <FAI { ...params } icon={ faStar } /> );
-FAI.Edit = ( params ) => ( <FAI { ...params } icon={ faEdit } /> );
-FAI.Pen = ( params ) => ( <FAI { ...params } icon={ faPen } /> );
-FAI.Copy = ( params ) => ( <FAI { ...params } icon={ faCopy } /> );
-FAI.File = ( params ) => ( <FAI { ...params } icon={ faFile } /> );
-FAI.TrashAlt = ( params ) => ( <FAI { ...params } icon={ faTrashAlt } /> );
-FAI.Bars = ( params ) => ( <FAI { ...params } icon={ faBars } /> );
-FAI.Download = ( params ) => ( <FAI { ...params } icon={ faDownload } /> );
-FAI.Link = ( params ) => ( <FAI { ...params } icon={ faLink } /> );
-FAI.LinkSlash = ( params ) => ( <FAI { ...params } icon={ faLinkSlash } /> );
-FAI.ExternalLinkAlt = ( params ) => ( <FAI { ...params } icon={ faExternalLinkAlt } /> );
-FAI.Gear = ( params ) => ( <FAI { ...params } icon={ faGear } /> );
-FAI.Plus = ( params ) => ( <FAI { ...params } icon={ faPlus } /> );
-FAI.Minus = ( params ) => ( <FAI { ...params } icon={ faMinus } /> );
-FAI.EllipsisH = ( params ) => ( <FAI { ...params } icon={ faEllipsisH } /> );
-FAI.EllipsisV = ( params ) => ( <FAI { ...params } icon={ faEllipsisV } /> );
-FAI.PaperPlane = ( params ) => ( <FAI { ...params } icon={ faPaperPlane } /> );
-FAI.Image = ( params ) => ( <FAI { ...params } icon={ faImage } /> );
+FAI.User = ( params ) => ( <FAI { ...params } icon={ faUser } /> )
+FAI.Times = ( params ) => ( <FAI { ...params } icon={ faTimes } /> )
+FAI.AngleRight = ( params ) => ( <FAI { ...params } icon={ faAngleRight } /> )
+FAI.AngleLeft = ( params ) => ( <FAI { ...params } icon={ faAngleLeft } /> )
+FAI.AngleUp = ( params ) => ( <FAI { ...params } icon={ faAngleUp } /> )
+FAI.AngleDown = ( params ) => ( <FAI { ...params } icon={ faAngleDown } /> )
+FAI.ChevronLeft = ( params ) => ( <FAI { ...params } icon={ faChevronLeft } /> )
+FAI.ChevronRight = ( params ) => ( <FAI { ...params } icon={ faChevronRight } /> )
+FAI.ChevronUp = ( params ) => ( <FAI { ...params } icon={ faChevronUp } /> )
+FAI.ChevronDown = ( params ) => ( <FAI { ...params } icon={ faChevronDown } /> )
+FAI.CaretLeft = ( params ) => ( <FAI { ...params } icon={ faCaretLeft } /> )
+FAI.CaretRight = ( params ) => ( <FAI { ...params } icon={ faCaretRight } /> )
+FAI.CaretUp = ( params ) => ( <FAI { ...params } icon={ faCaretUp } /> )
+FAI.CaretDown = ( params ) => ( <FAI { ...params } icon={ faCaretDown } /> )
+FAI.ArrowLeft = ( params ) => ( <FAI { ...params } icon={ faArrowLeft } /> )
+FAI.ArrowRight = ( params ) => ( <FAI { ...params } icon={ faArrowRight } /> )
+FAI.ArrowUp = ( params ) => ( <FAI { ...params } icon={ faArrowUp } /> )
+FAI.ArrowDown = ( params ) => ( <FAI { ...params } icon={ faArrowDown } /> )
+FAI.Rotate = ( params ) => ( <FAI { ...params } icon={ faRotate } /> )
+FAI.Redo = ( params ) => ( <FAI { ...params } icon={ faRedo } /> )
+FAI.Check = ( params ) => ( <FAI { ...params } icon={ faCheck } /> )
+FAI.CheckCircle = ( params ) => ( <FAI { ...params } icon={ faCheckCircle } /> )
+FAI.Question = ( params ) => ( <FAI { ...params } icon={ faQuestion } /> )
+FAI.QuestionCircle = ( params ) => ( <FAI { ...params } icon={ faQuestionCircle } /> )
+FAI.Exclamation = ( params ) => ( <FAI { ...params } icon={ faExclamation } /> )
+FAI.ExclamationTriangle = ( params ) => ( <FAI { ...params } icon={ faExclamationTriangle } /> )
+FAI.Home = ( params ) => ( <FAI { ...params } icon={ faHome } /> )
+FAI.Share = ( params ) => ( <FAI { ...params } icon={ faShare } /> )
+FAI.Search = ( params ) => ( <FAI { ...params } icon={ faSearch } /> )
+FAI.YenSign = ( params ) => ( <FAI { ...params } icon={ faYenSign } /> )
+FAI.Heart = ( params ) => ( <FAI { ...params } icon={ faHeart } /> )
+FAI.Star = ( params ) => ( <FAI { ...params } icon={ faStar } /> )
+FAI.Edit = ( params ) => ( <FAI { ...params } icon={ faEdit } /> )
+FAI.Pen = ( params ) => ( <FAI { ...params } icon={ faPen } /> )
+FAI.Copy = ( params ) => ( <FAI { ...params } icon={ faCopy } /> )
+FAI.File = ( params ) => ( <FAI { ...params } icon={ faFile } /> )
+FAI.TrashAlt = ( params ) => ( <FAI { ...params } icon={ faTrashAlt } /> )
+FAI.Bars = ( params ) => ( <FAI { ...params } icon={ faBars } /> )
+FAI.Download = ( params ) => ( <FAI { ...params } icon={ faDownload } /> )
+FAI.Link = ( params ) => ( <FAI { ...params } icon={ faLink } /> )
+FAI.LinkSlash = ( params ) => ( <FAI { ...params } icon={ faLinkSlash } /> )
+FAI.ExternalLinkAlt = ( params ) => ( <FAI { ...params } icon={ faExternalLinkAlt } /> )
+FAI.Gear = ( params ) => ( <FAI { ...params } icon={ faGear } /> )
+FAI.Plus = ( params ) => ( <FAI { ...params } icon={ faPlus } /> )
+FAI.Minus = ( params ) => ( <FAI { ...params } icon={ faMinus } /> )
+FAI.EllipsisH = ( params ) => ( <FAI { ...params } icon={ faEllipsisH } /> )
+FAI.EllipsisV = ( params ) => ( <FAI { ...params } icon={ faEllipsisV } /> )
+FAI.PaperPlane = ( params ) => ( <FAI { ...params } icon={ faPaperPlane } /> )
+FAI.Image = ( params ) => ( <FAI { ...params } icon={ faImage } /> )
 
 export { FAI }

package/src/atoms/Logo/parts.tsx

@@ -1,12 +1,12 @@
-import React from 'react';
+import React from 'react'
 import {
   Flex,
   Img
-} from '@atoms';
+} from '@atoms'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
-import { publicURI } from '../../launch';
+import { publicURI } from '../../launch'
 
 const SVG = {
   ComunIcon: () => {
@@ -81,7 +81,7 @@ const SVG = {
           } }
         />
       </g>
-    </svg>;
+    </svg>
   },
   MingooIcon: () => {
     const CircleSet = ( p: number ) => {
@@ -126,7 +126,7 @@ const SVG = {
             // fill: '#ffa500'
           } }
         />
-      </>;
+      </>
     }
     return <svg viewBox="0,0,1200,1200" className={ style.MingooIcon }>
       { CircleSet( 0 ) }
@@ -138,7 +138,7 @@ const SVG = {
       { CircleSet( 6 ) }
       { CircleSet( 7 ) }
       { CircleSet( 8 ) }
-    </svg>;
+    </svg>
   }
 }
 
@@ -161,7 +161,7 @@ const Mingoos = {
     mingoo
   </Logo.Title> ),
   LogoH: ( params: amotify.atoms.Logos.DefaultLogoTypes ) => {
-    let { size,color,...others } = params;
+    let { size,color,...others } = params
 
     return <Flex
       gap={ '1/2' }
@@ -170,10 +170,10 @@ const Mingoos = {
     >
       <Mingoos.Icon size={ size } color={ color } />
       <Mingoos.Title size={ size } color={ color } />
-    </Flex>;
+    </Flex>
   },
   LogoV: ( params: amotify.atoms.Logos.DefaultLogoTypes ) => {
-    let { size,color,...others } = params;
+    let { size,color,...others } = params
 
     return <Flex
       flexType="col"
@@ -188,7 +188,7 @@ const Mingoos = {
       <Mingoos.Title
         size={ size } color={ color }
       />
-    </Flex>;
+    </Flex>
   }
 }
 const Comuns = {
@@ -209,7 +209,7 @@ const Comuns = {
     comun
   </Logo.Title> ),
   LogoH: ( params: amotify.atoms.Logos.DefaultLogoTypes ) => {
-    let { size,color,...others } = params;
+    let { size,color,...others } = params
 
     return <Flex
       gap={ '1/2' }
@@ -218,10 +218,10 @@ const Comuns = {
     >
       <Comuns.Icon size={ size } color={ color } />
       <Comuns.Title size={ size } color={ color } />
-    </Flex>;
+    </Flex>
   },
   LogoV: ( params: amotify.atoms.Logos.DefaultLogoTypes ) => {
-    let { size,color,...others } = params;
+    let { size,color,...others } = params
 
     return <Flex
       flexType="col"
@@ -236,7 +236,7 @@ const Comuns = {
       <Comuns.Title
         size={ size } color={ color }
       />
-    </Flex>;
+    </Flex>
   }
 }
 export const Logo: amotify.atoms.Logos.Methods = {
@@ -247,7 +247,7 @@ export const Logo: amotify.atoms.Logos.Methods = {
       className = '',
       children: Children,
       ...others
-    } = props;
+    } = props
 
     return <Flex
       verticalAlign='center'
@@ -259,7 +259,7 @@ export const Logo: amotify.atoms.Logos.Methods = {
       { ...others }
     >
       { $.is.function( Children ) ? <Children /> : Children }
-    </Flex >;
+    </Flex >
   },
   Title: ( props: amotify.atoms.Logos.Params ) => {
     let {
@@ -268,7 +268,7 @@ export const Logo: amotify.atoms.Logos.Methods = {
       className = '',
       children: Children,
       ...others
-    } = props;
+    } = props
 
     return <Flex
       verticalAlign='center'
@@ -285,7 +285,7 @@ export const Logo: amotify.atoms.Logos.Methods = {
       } }
     >
       { $.is.function( Children ) ? <Children /> : Children }
-    </Flex>;
+    </Flex>
   },
 
   Brands: {

package/src/atoms/Various/parts.tsx

@@ -1,32 +1,32 @@
-import React from 'react';
+import React from 'react'
 import {
   StyleConverter
-} from '@global';
+} from '@global'
 
-import { publicURI } from '../../launch';
+import { publicURI } from '../../launch'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
 export const Box: React.FC<amotify.atoms.BoxInput> = ( params ) => {
   let {
     freeCSS,
     ...Params
-  } = StyleConverter.ToClassName( params );
-  return <div { ...Params } />;
+  } = StyleConverter.ToClassName( params )
+  return <div { ...Params } />
 }
 export const Span: React.FC<amotify.atoms.SpanProps> = ( params ) => {
   let {
     freeCSS,
     ...Params
-  } = StyleConverter.ToClassName( params );
-  return <span { ...Params } />;
+  } = StyleConverter.ToClassName( params )
+  return <span { ...Params } />
 }
 
 export const Placeholder: React.FC<amotify.atoms.PlaceholderParams> = ( params ) => {
   let {
     color = 'cloud',
     ...others
-  } = params;
+  } = params
 
   let DefStyles: amotifyUniStyleParams = {
     flexCenter: true,
@@ -51,10 +51,10 @@ export const Placeholder: React.FC<amotify.atoms.PlaceholderParams> = ( params )
         style[ 'Color_' + color ],
       ].join( ' ' ) }
     />
-  </Box>;
+  </Box>
 }
 
-let Img: amotify.atoms.Image.Methods = {} as any;
+let Img: amotify.atoms.Image.Methods = {} as any
 {
   const ImageComp: React.FC<amotify.atoms.Image.CompInput> = ( params ) => {
     let {
@@ -62,7 +62,7 @@ let Img: amotify.atoms.Image.Methods = {} as any;
       alt = '',
       showExpand,
       ...others
-    } = params;
+    } = params
 
     others.freeCSS = {
       cursor: showExpand ? 'zoom-in' : 'inherit',
@@ -71,43 +71,43 @@ let Img: amotify.atoms.Image.Methods = {} as any;
     let {
       className = '',
       ...Others
-    } = StyleConverter.ToClassName( others );
+    } = StyleConverter.ToClassName( others )
 
     let ClassName = [
       style.Img,
       style[ 'ShowExpand_' + showExpand ],
       className
-    ].join( ' ' );
+    ].join( ' ' )
 
     return <img
       src={ src }
       alt={ alt }
       className={ ClassName }
       onMouseDown={ ( event ) => {
-        if ( showExpand ) event.stopPropagation();
+        if ( showExpand ) event.stopPropagation()
       } }
       onTouchStart={ ( event ) => {
-        if ( showExpand ) event.stopPropagation();
+        if ( showExpand ) event.stopPropagation()
       } }
       onClick={ ( event ) => {
         if ( showExpand ) {
-          event.stopPropagation();
+          event.stopPropagation()
           amotify.fn.Sheet.open( {
             type: 'image',
             src: showExpand != true ? showExpand : src
-          } );
+          } )
         }
       } }
       { ...Others }
-    />;
+    />
   }
-  Img = ImageComp as any;
+  Img = ImageComp as any
   Img.uri = {
     comunIcon: publicURI + 'app/admin/@logo/icon.png',
     comunIconClear: publicURI + 'app/admin/@logo/iconClear.png',
     mingooIcon: '',
     defaultIcon: ( type ) => {
-      return publicURI + '@env/@icon/' + ( type || 'image' ) + '.png';
+      return publicURI + '@env/@icon/' + ( type || 'image' ) + '.png'
     },
   }
 }
@@ -118,7 +118,7 @@ export const Flex: React.FC<amotify.atoms.FlexProps> = ( props ) => {
     children,
     freeCSS,
     ...others
-  } = props;
+  } = props
 
   return <Box
     flexType={ 'row' }
@@ -130,21 +130,21 @@ export const Flex: React.FC<amotify.atoms.FlexProps> = ( props ) => {
     } }
     { ...others }
     children={ children }
-  />;
+  />
 }
 
 export const FlexBr: React.FC<amotifyUniStyleParams> = ( params ) => ( <Box
   width={ 1 }
   flexSizing='none'
   { ...params }
-/> );
+/> )
 
 export const Grid: React.FC<amotify.atoms.GridProps> = ( props ) => {
   let {
     children,
     freeCSS,
     ...others
-  } = props;
+  } = props
 
   return <Box
     freeCSS={ {
@@ -153,7 +153,7 @@ export const Grid: React.FC<amotify.atoms.GridProps> = ( props ) => {
     } }
     { ...others }
     children={ children }
-  />;
+  />
 }
 
 export const Paragraph: React.FC<amotify.atoms.ParagraphProps> = ( props ) => ( <p { ...StyleConverter.ToClassName( props ) } /> )