monica-alexandria 3.6.21 → 3.6.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "3.6.21",
+  "version": "3.6.22",
   "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/export/components/alert/Alert_Loading.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
+import { IconSvg } from '../../svg/IconSvg'
 
 const Alert = styled.div`
 
@@ -9,10 +10,17 @@ const AlertLoading = styled(Alert)`
 
 `
 
+const AlertIcon = styled.div`
+
+`
+
 export const Alert_Loading = (props) => {
 
   return (
     <AlertLoading>
+        <AlertIcon>
+          <IconSvg icon='Loading' />
+        </AlertIcon>
         <p>{props.message}</p>
     </AlertLoading>
   )

package/src/export/components/form/Google_Search.js

@@ -79,6 +79,7 @@ export const Google_Search = (props) => {
                 placeholder= {props.placeholder}
                 onChange={onChange}
                 defaultValue={currentSearch.defaultValue}
+                value={props.value}
                 disabled={props.isLoading}
             />
             <GoogleLabel>{props.placeholder}</GoogleLabel>

package/src/stories/form/Google.stories.jsx

@@ -21,5 +21,6 @@ Google.args = {
     defaultValue: '(optional) default value of the input',
     sanitize : '(boolean) greeklish activation',
     placeholder : 'type in something',
-    results: 'map results to display'
+    getResults: '(results)=>{{your setState}}(result)',
+    value: 'get input value'
 }