@eturnity/eturnity_reusable_components 1.0.87 → 1.0.91

package/package.json

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

package/src/App.vue

@@ -21,6 +21,9 @@
               :optionItems="itemOptions"
               :optionsDisplay="['display_name', 'company_item_number', 'model']"
             /> -->
+            <td>
+              <search-input />
+            </td>
             <div class="icons-container">
               <three-dots :options="listOptions" :isLoading="false" />
             </div>
@@ -47,6 +50,7 @@ import styled from "vue-styled-components"
 import MainTable from "@/components/tables/mainTable"
 import ThreeDots from "@/components/threeDots"
 import Toggle from "@/components/inputs/toggle"
+import SearchInput from "@/components/inputs/searchInput"
 // import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
@@ -61,6 +65,7 @@ export default {
     MainTable,
     ThreeDots,
     Toggle,
+    SearchInput,
     // TableDropdown,
   },
   data() {

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

@@ -73,13 +73,13 @@ const Container = styled("label", containerAttrs)`
         ? "16px"
         : "25px"};
     background-color: ${(props) =>
-      props.isDisabled
-        ? props.theme.colors.lightGray
-        : !props.isChecked
-        ? "#fff"
-        : props.backgroundColor
+      props.isChecked
         ? props.backgroundColor
-        : props.theme.colors.green};
+          ? props.backgroundColor
+          : props.theme.colors.green
+        : props.isDisabled
+        ? props.theme.colors.lightGray
+        : "#fff"};
     border-radius: 4px;
     border: 1px solid
       ${(props) =>

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

@@ -35,7 +35,7 @@ const InputContainer = styled("input", inputAttrs)`
   width: 100%;
   box-sizing: border-box;
   cursor: ${(props) => (props.isDisabled ? "not-allowed" : "auto")};
-  background: ${(props) => props.theme.colors.white} + " !important";
+  background: ${(props) => props.theme.colors.white} !important;
   &::placeholder {
     color: ${(props) => props.theme.colors.darkGray};
   }

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

@@ -109,7 +109,7 @@ const TableContainer = styled.table`
   }
 
   td {
-    padding: 7px 15px 7px 10px;
+    padding: 6px 15px 7px 10px;
     border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
 
     &.empty {
@@ -197,6 +197,7 @@ const TableContainer = styled.table`
     .text {
       padding: 10px 15px 10px 15px;
       color: ${(props) => props.theme.colors.black};
+      cursor: auto;
     }
 
     .bold {