monica-alexandria 3.4.25 → 3.4.26

package/dist/index.es.js

@@ -552,7 +552,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         right: 1rem;
     }
 
-`,te=t=>e.createElement(ee,null,e.createElement(d,{Icon:"Dropdown",class_Icon:"Dropdown_IconAdapt"}),t.items?e.createElement("select",{className:t.className,onChange:t.onChange,defaultValue:t.defaultValue},t.items.map(((t,n)=>e.createElement("option",{key:n},t)))):null,t.children),ne=n({language:"el",setLanguage:()=>{}}),re=n({region:"Greece",setRegion:()=>{}}),ae=n({activeMenu:"Main",setActiveMenu:()=>{}}),oe=n({hamState:!1,setHamState:()=>{}}),ie=n({theme:"light",setTheme:()=>{}}),ce=n({slider:!1,toggleSlider:()=>{}}),le=o.div`
+`,te=t=>e.createElement(ee,null,e.createElement(d,{Icon:"Dropdown",class_Icon:"Dropdown_IconAdapt"}),t.items?e.createElement("select",{className:t.className,onChange:t.onChange,defaultValue:t.defaultValue},t.items.map(((t,n)=>e.createElement("option",{value:t.value,key:n},t.text)))):null,t.children),ne=n({language:"el",setLanguage:()=>{}}),re=n({region:"Greece",setRegion:()=>{}}),ae=n({activeMenu:"Main",setActiveMenu:()=>{}}),oe=n({hamState:!1,setHamState:()=>{}}),ie=n({theme:"light",setTheme:()=>{}}),ce=n({slider:!1,toggleSlider:()=>{}}),le=o.div`
     
 `,se=o.div`
     display: grid;

package/dist/index.js

@@ -552,7 +552,7 @@
         right: 1rem;
     }
 
-`,q=e=>r.default.createElement(O,null,r.default.createElement(s,{Icon:"Dropdown",class_Icon:"Dropdown_IconAdapt"}),e.items?r.default.createElement("select",{className:e.className,onChange:e.onChange,defaultValue:e.defaultValue},e.items.map(((e,t)=>r.default.createElement("option",{key:t},e)))):null,e.children),W=e.createContext({language:"el",setLanguage:()=>{}}),U=e.createContext({region:"Greece",setRegion:()=>{}}),X=e.createContext({activeMenu:"Main",setActiveMenu:()=>{}}),J=e.createContext({hamState:!1,setHamState:()=>{}}),Y=e.createContext({theme:"light",setTheme:()=>{}}),Q=e.createContext({slider:!1,toggleSlider:()=>{}}),ee=l.default.div`
+`,q=e=>r.default.createElement(O,null,r.default.createElement(s,{Icon:"Dropdown",class_Icon:"Dropdown_IconAdapt"}),e.items?r.default.createElement("select",{className:e.className,onChange:e.onChange,defaultValue:e.defaultValue},e.items.map(((e,t)=>r.default.createElement("option",{value:e.value,key:t},e.text)))):null,e.children),W=e.createContext({language:"el",setLanguage:()=>{}}),U=e.createContext({region:"Greece",setRegion:()=>{}}),X=e.createContext({activeMenu:"Main",setActiveMenu:()=>{}}),J=e.createContext({hamState:!1,setHamState:()=>{}}),Y=e.createContext({theme:"light",setTheme:()=>{}}),Q=e.createContext({slider:!1,toggleSlider:()=>{}}),ee=l.default.div`
     
 `,te=l.default.div`
     display: grid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "3.4.25",
+  "version": "3.4.26",
   "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/button/Red_.js

@@ -0,0 +1,46 @@
+import React from 'react'
+import styled from 'styled-components'
+import { IconSvg } from '../../svg/IconSvg'
+import { Button } from '../../helpers/Button'
+
+const Red = styled(Button)`
+    background: ${props => props.theme === 'dark' ? 'var(--gloom)' : 'var(--grey)'};
+    border: 1px solid ${props => props.theme === 'dark' ? 'var(--gloom)' : 'var(--grey)'};
+    border-radius: var(--normalRadius);
+
+    span{
+        color: ${props => props.theme === 'dark' ? 'var(--red)' : 'var(--black)'};
+    }
+
+    svg{
+        fill: ${props => props.theme === 'dark' ? 'var(--blanc)' : 'var(--black)'};
+    }
+
+    &:hover{
+        background: ${props => props.theme === 'dark' ? 'var(--gloomDark)' : 'var(--greyLight)'};
+        border: 1px solid ${props => props.theme === 'dark' ? 'var(--gloomDark)' : 'var(--greyLight)'};
+    }
+`
+
+export const Red_ = (props) => {
+  return (
+    <Red size={props.size} onClick={props.onClick}>
+        {props.iconLeft ?
+            <IconSvg Icon={props.iconLeft} />
+        :
+            null
+        }
+        {props.text ?
+            <span>{props.text}</span>
+        :
+            null
+        }
+        {props.iconRight ?
+            <IconSvg Icon={props.iconRight} />
+        :
+            null
+        }
+    </Red>
+  )
+}
+

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

@@ -44,7 +44,7 @@ export const Dropdown_ = (props) => {
         {props.items ?
             <select className = {props.className} onChange = {props.onChange} defaultValue = {props.defaultValue}>
                 {props.items.map ((option, i) => 
-                    <option key={i}>{option}</option>
+                    <option value={option.value} key={i}>{option.text}</option>
                 )}
             </select>
         :