@eturnity/eturnity_reusable_components 1.2.34-3d-master.2 → 1.2.34-3d-master.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.34-3d-master.2",
+  "version": "1.2.34-3d-master.5",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/assets/svgIcons/align_panel.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"><path d="M3.32 2.668c-.472.22-.937.707-1.09 1.142-.17.478-.163 40.686.006 41.27.08.277.228.512.485.768.852.852 2.09.819 2.901-.079.584-.646.542 1.105.519-21.492L6.12 3.96l-.233-.42c-.527-.951-1.609-1.319-2.567-.872m5.5 9.512.02 9.38H36.2l.02-9.38.021-9.38H8.799l.021 9.38m23.74.02v5.48h-20V6.72h20v5.48M13.016 29.362c-2.807 1.987-5.093 3.643-5.08 3.678.026.073 10.119 8.16 10.182 8.16.022 0 .049-1.125.061-2.5l.021-2.5 14.02-.02 14.02-.02v-5.52H18.162l-.021-2.446-.021-2.445-5.104 3.613" fill-rule="evenodd"/></svg>

package/src/components/inputs/inputNumber/index.vue

@@ -333,7 +333,6 @@ export default {
     },
     borderColor:{
       required:false,
-      default: false
     },
     textAlign: {
       required: false,

package/src/components/inputs/inputText/index.vue

@@ -21,6 +21,7 @@
             :isError="isError"
             :inputWidth="inputWidth"
             :minWidth="minWidth"
+            :inputHeight="inputHeight"
             :value="value"
             @input="onChangeHandler"
             @blur="onInputBlur"
@@ -71,7 +72,7 @@ const InputLabel = styled('div', labelAttrs)`
     props.labelFontColor:
     props.theme.colors.eturnityGrey
   };
-  
+
   font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
   font-weight: 700;
 `
@@ -102,6 +103,7 @@ const inputProps = {
   fontColor: String,
   backgroundColor:String,
   borderColor:String,
+  inputHeight:String,
 }
 const InputContainer = styled('input', inputProps)`
   border: ${(props) =>
@@ -134,6 +136,7 @@ const InputContainer = styled('input', inputProps)`
       
   width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
   min-width: ${(props) => (props.minWidth ? props.minWidth : 'unset')};
+  max-height: ${(props) => props.inputHeight};
   box-sizing: border-box; // to allow width of 100% with padding
   font-weight: 500;
   cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
@@ -228,6 +231,10 @@ export default {
       required: false,
       default: null
     },
+    inputHeight: {
+      required: false,
+      default: null
+    },
     minWidth: {
       required: false,
       default: null

package/src/components/inputs/select/index.vue

@@ -25,6 +25,7 @@
             <selectButton 
                 @click="toggleDropdown" 
                 :isActive="isActive"
+                :selectHeight="selectHeight"
                 :bgColor="buttonBgColor || colorMode=='dark'?'transparentBlack1':'white'"
                 :fontColor="buttonFontColor || colorMode=='dark'?'white':'black'"
                 
@@ -105,7 +106,7 @@ const LabelWrapper = styled.div`
   align-items: center;
   justify-content: start;
 `
-const selectButtonAttrs={bgColor:String,fontColor:String,isActive:Boolean}
+const selectButtonAttrs={bgColor:String,fontColor:String,isActive:Boolean,selectHeight:String}
 const selectButton = styled('div',selectButtonAttrs)`
     position:relative;
     box-sizing: border-box;
@@ -117,6 +118,7 @@ const selectButton = styled('div',selectButtonAttrs)`
     min-height:36px;
     display: flex;
     align-items: center;
+    max-height:${props=>props.selectHeight};
     border:1px solid ${(props)=>props.theme.colors.grey4}
     background-color:${(props) => props.theme.colors[props.bgColor]?props.theme.colors[props.bgColor]:props.bgColor};
     color:${(props) => props.theme.colors[props.fontColor]?props.theme.colors[props.fontColor]:props.fontColor};
@@ -139,7 +141,7 @@ const selectDropdown = styled('div',selectDropdownAttrs)`
     background-color:${(props) => props.theme.colors[props.bgColor]?props.theme.colors[props.bgColor]:props.bgColor};
     color:${(props) => props.theme.colors[props.fontColor]?props.theme.colors[props.fontColor]:props.fontColor};
     max-height:300px;
-    overflow-y:scroll;
+    overflow-y:auto;
 `
   const DropdownWrapper=styled('div')`
   position:relative;
@@ -178,6 +180,10 @@ const InputWrapper = styled('div', inputAttrs)`
             required: false,
             default: null
         },
+        selectHeight: {
+            required: false,
+            default: null
+        },
         optionWidth: {
             required: false,
             default: null