imbric-theme 1.0.6 → 1.0.7

package/atoms/Modal/Modal.js

@@ -38,6 +38,8 @@ export const Modal = ({
   titleModal,
   isFullWidth,
   isFullWidthSoft,
+  onClickTitle,
+  isClickTitle,
 }) => {
   const isDesktop = useMedia(['(min-width: 992px)'], [true])
   const [onFadeOut, setOnFadeOut] = useState(false)
@@ -77,9 +79,25 @@ export const Modal = ({
               })}
             />
           )}
-          <Heading color='black' size='lg' weight='light'>
-            {titleModal}
-          </Heading>
+
+          {isClickTitle ?
+
+            <span style={{ cursor: 'pointer', textDecoration: 'underline', color: 'var(--color-primary)' }} onClick={onClickTitle}>
+              <Heading color='primary' size='lg' weight='light'>
+                {titleModal}
+              </Heading>
+            </span>
+
+            :
+
+            <Heading color='black' size='lg' weight='light'>
+              {titleModal}
+            </Heading>
+
+          }
+
+
+
         </div>
 
         {isFullWidth ?
@@ -108,6 +126,7 @@ Modal.propTypes = {
   isFullWidth: PropTypes.bool,
   isFullWidthSoft: PropTypes.bool,
   titleModal: PropTypes.string,
+  isClickTitle: PropTypes.bool,
 }
 
 Modal.defaultProps = {
@@ -115,7 +134,8 @@ Modal.defaultProps = {
   type: 'primary',
   titleModal: 'Ejemplo titulo',
   isFullWidth: false,
-  isFullWidthSoft: false
+  isFullWidthSoft: false,
+  isClickTitle: false
 }
 
 export default withStyles(styles)(Modal)

package/molecules/DynamicSelect/DynamicSelect.js

@@ -61,7 +61,9 @@ export const DynamicSelect = ({
   onSortEnd,
   formatGroupLabel,
   hideSelectedOptions,
-  menuPlacement
+  menuPlacement,
+  getOptionValue,
+  getOptionLabel
 }) => {
 
 
@@ -197,6 +199,8 @@ export const DynamicSelect = ({
           menuPosition='fixed'
           formatGroupLabel={formatGroupLabel}
           hideSelectedOptions={hideSelectedOptions}
+          getOptionValue={getOptionValue}
+          getOptionLabel={getOptionLabel}
         />
         :
         <Select
@@ -225,6 +229,8 @@ export const DynamicSelect = ({
           menuPosition='fixed'
           formatGroupLabel={formatGroupLabel}
           hideSelectedOptions={hideSelectedOptions}
+          getOptionValue={getOptionValue}
+          getOptionLabel={getOptionLabel}
         />}
 
 
@@ -254,6 +260,8 @@ DynamicSelect.propTypes = {
   sortableMultiSelect: PropTypes.bool,
   hideSelectedOptions: PropTypes.bool,
   menuPlacement: PropTypes.string,
+  getOptionValue: PropTypes.func,
+  getOptionLabel: PropTypes.func,
 }
 
 DynamicSelect.defaultProps = {
@@ -274,7 +282,9 @@ DynamicSelect.defaultProps = {
   instanceId: '',
   sortableMultiSelect: false,
   hideSelectedOptions: true,
-  menuPlacement: 'auto'
+  menuPlacement: 'auto',
+  // getOptionValue: () => { option => option.value },
+  // getOptionLabel: () => { option => option.label },
 }
 
 export default withStyles(styles)(DynamicSelect)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",

package/styles/tagos.css

@@ -267,7 +267,7 @@
     --spacing-md: 20;
     --spacing-lg: 40;
 
-    --font-family-sans: 'Lato', Arial, sans-serif;
+    --font-family-sans: 'Exo', 'Open Sans', sans-serif;
     --font-family-mono: 'Roboto Mono', 'Courier New', monospace;
 
     --font-size-mini: 12px;