sag_components 2.0.0-beta301 → 2.0.0-beta303

package/dist/index.js

@@ -3754,14 +3754,24 @@ const LinnerDataBox = props => {
 const TextFieldContainer = styled__default["default"].div`
     position: relative;
     width: ${props => props.width};
+    display: flex;
+    align-items: center;
+    align-self: flex-end;
 `;
 const IconWrapper$3 = styled__default["default"].div`
   position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
   left: ${props => props.position === 'left' ? '10px' : 'unset'};
   right: ${props => props.position === 'right' ? '10px' : 'unset'};
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  pointer-events: none;
+  
+  & > * {
+    display: block;
+  }
 `;
 const TextFieldInput = styled__default["default"].input`
   width: 100%;
@@ -3770,14 +3780,17 @@ const TextFieldInput = styled__default["default"].input`
   font-weight: 400;
   padding: 6px 16px;
   border-radius: 8px;
-  padding-right: ${props => props.position === 'right' ? '30px' : '10px'};
+  padding-left: ${props => props.position === 'left' ? '40px' : '16px'};
+  padding-right: ${props => props.position === 'right' ? '40px' : '16px'};
   border: 1px solid #B1B1B1;
   background: transparent;
-  text-indent: ${props => props.position === 'left' ? '14px' : '0'};
+  box-sizing: border-box;
+  
   &:hover, 
   &:focus {
     border: 1px solid #212121;
   }
+  
   &::placeholder {
     color: #B1B1B1;
   }
@@ -42970,6 +42983,9 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
   }, {
     status: "Cancelled",
     palette: ["#EBA6AF", "#8B1538"]
+  }, {
+    status: "Submitted",
+    palette: ["#B9D5D5", "#2F4F4F"]
   }],
   onCommentSave = () => {},
   commentTextLimit = 150,