sag_components 2.0.0-beta255 → 2.0.0-beta257

package/dist/index.esm.js

@@ -35663,14 +35663,15 @@ const MainContainer = styled.div`
   justify-content: flex-start;
   align-items: flex-start;
   width: ${props => props.width || '300px'};
+  min-width: ${props => props.width || 'unset'};
   height: ${props => props.height || '45px'};  
+  min-height: ${props => props.multiline ? '80px' : 'auto'};
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-size: 14px;
   border-radius: ${props => props.size === 'small' ? '8px' : '12px'};  
   padding: 0;
   cursor: ${props => props.disabled ? 'not-allowed' : 'default'};
-  min-height: ${props => props.multiline ? '80px' : 'auto'};
 `;
 const Label$3 = styled.label`
   font-size: ${props => props.isFocused || props.hasValue ? '14px' : '14px'};
@@ -36110,19 +36111,15 @@ const ToggleInput = styled.input`
 const ToggleSlider = styled.span`
   display: block;
   position: relative;
-  background: ${_ref => {
-  let {
-    checked,
-    disabled
-  } = _ref;
-  return checked ? "#006d6a" : disabled ? "#B1B1B1" : "#D0D0D0";
-}};
+  background: ${({
+  checked,
+  disabled
+}) => checked ? "#006d6a" : disabled ? "#B1B1B1" : "#D0D0D0"};
   border-radius: 999px;
   transition: background 0.2s;
-  ${_ref2 => {
-  let {
-    size
-  } = _ref2;
+  ${({
+  size
+}) => {
   switch (size) {
     case "s":
       return css`width: 40px; height: 20px;`;
@@ -36138,18 +36135,14 @@ const ToggleSlider = styled.span`
     left: 3px;
     top: 50%;
     transform: translateY(-50%);
-    background: ${_ref3 => {
-  let {
-    disabled
-  } = _ref3;
-  return disabled ? "#D0D0D0" : "#fff";
-}};
+    background: ${({
+  disabled
+}) => disabled ? "#D0D0D0" : "#fff"};
     border-radius: 50%;
     transition: left 0.2s, width 0.2s, height 0.2s;
-    ${_ref4 => {
-  let {
-    size
-  } = _ref4;
+    ${({
+  size
+}) => {
   switch (size) {
     case "s":
       return css`width: 14px; height: 14px;`;
@@ -36159,11 +36152,10 @@ const ToggleSlider = styled.span`
       return css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${_ref5 => {
-  let {
-    checked,
-    size
-  } = _ref5;
+    left: ${({
+  checked,
+  size
+}) => {
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -42049,6 +42041,7 @@ const EditableCell = styled.div`
   display: flex;
   gap: 10px;
   align-items: center;
+  justify-content: end;
 `;
 const PencilButton = styled.button`
   display: flex;