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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.34-3d-master.3",
+  "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/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};
@@ -178,6 +180,10 @@ const InputWrapper = styled('div', inputAttrs)`
             required: false,
             default: null
         },
+        selectHeight: {
+            required: false,
+            default: null
+        },
         optionWidth: {
             required: false,
             default: null