@eturnity/eturnity_reusable_components 1.0.77 → 1.0.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.0.77",
+  "version": "1.0.81",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

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

@@ -104,9 +104,7 @@ const InputContainer = styled("input", inputProps)`
     props.isError ? props.theme.colors.red : props.theme.colors.black};
   width: ${(props) => (props.inputWidth ? props.inputWidth : "100%")};
   background-color: ${(props) =>
-    props.isDisabled
-      ? props.theme.colors.grey5 + " !important"
-      : "#fff !important"};
+    props.isDisabled ? props.theme.colors.grey5 : "#fff"};
   box-sizing: border-box;
 
   &::placeholder {

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

@@ -185,7 +185,7 @@ const ToggleDot = styled("span", toggleProps)`
       ? props.size === "medium"
         ? "translateX(25px)"
         : props.size === "small"
-        ? "translateX(13px)"
+        ? "translateX(12px)"
         : "translateX(25px)"
       : "translateX(0)"};
 

package/src/components/tableDropdown/index.vue

@@ -1,6 +1,6 @@
 <template>
   <dropdown-row :colspan="colSpan" @click="toggleOpen" ref="dropdownItem">
-    <component-container :colSpan="colSpan">
+    <component-container :colSpan="colSpan" class="table-dropdown">
       <component-item v-for="(item, index) in tableItems" :key="index">
         <template-button
           @click.stop="onTemplateClick(item.row)"
@@ -122,7 +122,7 @@ import SearchInput from "@eturnity/eturnity_reusable_components/src/components/i
 const DropdownRow = styled.td``
 
 const ComponentItem = styled.div`
-  padding-left: 12px;
+  /* padding-left: 12px; */
   overflow: hidden;
   text-overflow: ellipsis;
 `

package/src/components/tables/mainTable/index.vue

@@ -78,8 +78,16 @@ const TableContainer = styled.table`
   tbody {
     tr {
       &:hover {
-        background-color: ${(props) => props.theme.colors.grey5};
+        background-color: ${(props) => props.theme.colors.white};
         cursor: pointer;
+
+        .table-dropdown {
+          background-color: ${(props) => props.theme.colors.grey5} !important;
+        }
+
+        input {
+          background-color: ${(props) => props.theme.colors.grey5} !important;
+        }
       }
 
       td {
@@ -101,7 +109,7 @@ const TableContainer = styled.table`
   }
 
   td {
-    padding: 7px 15px;
+    padding: 7px 15px 7px 10px;
     border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
 
     &.empty {