@visns-studio/visns-components 5.0.11 → 5.0.12

package/package.json

@@ -75,7 +75,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.0.11",
+    "version": "5.0.12",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/Field.jsx

@@ -314,7 +314,7 @@ function Field({
                         <span>{settings.label}</span>
                     </div>
                 );
-            } else if (['richeditor'].includes(settings.type)) {
+            } else if (['richeditor', 'textarea'].includes(settings.type)) {
                 return settings.label;
             }
         }
@@ -1664,6 +1664,7 @@ function Field({
                 'signature',
                 'table_radio',
                 'table_text',
+                'textarea',
                 'time',
                 'toggle',
             ].includes(settings.type)
@@ -1882,7 +1883,9 @@ function Field({
         <div className={formItemClass} style={formItemStyle}>
             <label
                 className={
-                    settings.type === 'richeditor' ? '' : styles.fi__label
+                    ['richeditor', 'textarea'].includes(settings.type)
+                        ? ''
+                        : styles.fi__label
                 }
             >
                 {renderLabel()}

package/src/components/crm/generic/styles/AuditLog.module.scss

@@ -106,5 +106,9 @@
         background: rgba(#f4f4f4, 0.65);
         margin: 5px;
         border-radius: 5px;
+
+        p {
+            font-size: 0.85rem;
+        }
     }
 }

package/src/components/crm/generic/styles/GenericDetail.module.scss

@@ -233,6 +233,10 @@
         background: rgba(#f4f4f4, 0.65);
         margin: 5px;
         border-radius: 5px;
+
+        p {
+            font-size: 0.85rem;
+        }
     }
 }
 

package/src/components/crm/generic/styles/GenericDynamic.module.scss

@@ -277,6 +277,10 @@
     border: 1px solid rgba(var(--highlight-color-rgb), 0.85);
 }
 
+.formItem textarea {
+    line-height: 1.65 !important;
+}
+
 input[type='file'] {
     background: var(--item-color) !important;
     border-radius: var (--br) !important;

package/src/components/crm/generic/styles/GenericFormBuilder.module.scss

@@ -270,6 +270,10 @@
     border: 1px solid rgba(var(--primary-color-rgb), 0.85);
 }
 
+.formItem textarea {
+    line-height: 1.65 !important;
+}
+
 input[type='file'] {
     background: var(--item-color) !important;
     border-radius: var (--br) !important;

package/src/components/crm/styles/Field.module.scss

@@ -144,7 +144,7 @@ select:not(:placeholder-shown) + .fi__span {
     background: var(--tertiary-color) !important;
     font-weight: 400 !important;
     transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1) !important;
-    z-index: 999 !important;
+    z-index: 1 !important;
     color: rgba(var(--paragraph-rgb), 0.65) !important;
 }
 
@@ -221,6 +221,10 @@ select:not(:placeholder-shown) + .fi__span {
     border: 1px solid rgba(var(--paragraph-color-rgb), 0.85);
 }
 
+.formItem textarea {
+    line-height: 1.65 !important;
+}
+
 input[type='file'] {
     background: white !important;
     border-radius: var(--br) !important;

package/src/components/crm/styles/QrCode.module.scss

@@ -69,6 +69,10 @@
         background: rgba(#f4f4f4, 0.65);
         margin: 5px;
         border-radius: 5px;
+
+        p {
+            font-size: 0.85rem;
+        }
     }
 }
 

package/src/components/styles/global.css

@@ -10,7 +10,9 @@
 
 html,
 body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol';
     height: 100%;
     text-rendering: geometricPrecision;
     font-stretch: 75% 125%;
@@ -19,7 +21,9 @@ body {
 body {
     background: var(--bg-color);
     font-weight: var(--para-weight);
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol';
     font-style: normal;
     overflow-x: hidden;
     overscroll-behavior: none;
@@ -113,6 +117,11 @@ input[type]:not([type='search']):not([type='url']):not([type='hidden']):not(
     padding: 0 !important;
 }
 
+.popup-overlay {
+    background: rgba(0, 0, 0, 0.65) !important;
+    backdrop-filter: blur(3px);
+}
+
 .AutocompletePlace-results {
     z-index: 999;
     width: 500px;
@@ -191,4 +200,4 @@ input[type]:not([type='search']):not([type='url']):not([type='hidden']):not(
 
 .visns-select__menu {
     z-index: 999 !important;
-}
+}