@eturnity/eturnity_reusable_components 8.16.9-SLD.4 → 8.16.9-SLD.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.16.9-SLD.4",
+  "version": "8.16.9-SLD.5",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/edit_stroke.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path class='isStrokePath' d="M2.1068 13.2607L2.95525 10.7154C2.97979 10.6418 3.02115 10.5748 3.07603 10.52L11.5353 2.06066C11.7306 1.8654 12.0472 1.8654 12.2424 2.06066L13.9393 3.75756C14.1346 3.95282 14.1346 4.2694 13.9393 4.46466L5.48004 12.924C5.42515 12.9789 5.35824 13.0202 5.2846 13.0448L2.73925 13.8932C2.34837 14.0235 1.9765 13.6516 2.1068 13.2607Z" stroke="lime"/>
+</svg>

package/src/components/buttons/buttonIcon/index.vue

@@ -4,6 +4,7 @@
       :app-theme="appTheme"
       :button-size="buttonSize"
       :custom-color="customColor"
+      :height="height"
       :is-active="isActive"
       :is-disabled="isDisabled"
       :min-width="minWidth"
@@ -13,6 +14,7 @@
       <IconContainer
         :app-theme="appTheme"
         :button-size="buttonSize"
+        :height="height"
         :type="type"
         :variant="variant"
       >
@@ -30,7 +32,7 @@
           size="14px"
         />
       </IconContainer>
-      <ButtonContainer :button-size="buttonSize">
+      <ButtonContainer :button-size="buttonSize" :height="height">
         {{ text }}
       </ButtonContainer>
     </ButtonWrapper>
@@ -64,9 +66,11 @@
     variant: String,
     appTheme: String,
     isActive: Boolean,
+    height: String,
   }
   const ButtonWrapper = styled('div', ButtonAttrs)`
     display: grid;
+    height: ${({ height }) => height};
     grid-template-columns: auto 1fr;
     font-size: ${(props) =>
       props.theme?.mainButton?.size?.[props.buttonSize]?.fontSize};
@@ -128,9 +132,11 @@
 
   const ButtonContainerAttrs = {
     buttonSize: String,
+    height: String,
   }
   const ButtonContainer = styled('div', ButtonContainerAttrs)`
     display: flex;
+    height: ${({ height }) => height};
     align-items: center;
     justify-content: center;
     padding: ${(props) =>
@@ -143,9 +149,11 @@
     appTheme: String,
     type: String,
     variant: String,
+    height: String,
   }
   const IconContainer = styled('div', IconContainerAttrs)`
     display: grid;
+    height: ${({ height }) => height};
     align-items: center;
     justify-items: center;
     width: ${(props) =>
@@ -236,6 +244,10 @@
         type: Boolean,
         default: false,
       },
+      height: {
+        type: String,
+        default: 'auto',
+      },
     },
     data() {
       return {

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

@@ -84,7 +84,6 @@
   const OptionIconContainer = styled.div`
     display: flex;
     align-items: center;
-    margin-right: 5px;
   `
   const Container = styled.div``
 
@@ -156,6 +155,7 @@
     margin-right: -1px;
     transition: all 0.1s ease-in-out;
     overflow: hidden;
+    gap: 5px;
     & :hover {
       cursor: pointer;
     }