@secondstaxorg/sscomp 1.5.6 → 1.5.7

package/dist/index.js

@@ -1298,19 +1298,19 @@ const AuditLog = (props) => {
 const BankAcctsWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 29px;
+  gap: 24px;
 `;
 
 const Container$8 = styled.div`
   padding: 16px;
   background: ${theme.colors.white};
   border: 1px solid ${theme.colors["neutral-100"]};
-  border-top: 3px solid ${theme.colors["neutral-300"]};
+  border-top: 4px solid ${theme.colors["neutral-300"]};
   border-radius: 8px;
   display: flex;
   gap: 24px;
   &.is-active{
-    border-top: 3px solid ${theme.colors["success-500"]};
+    border-top: 4px solid ${theme.colors["success-500"]};
   }
 `;
 
@@ -1507,7 +1507,7 @@ const OutlineButton = (props) => {
         }
     },[width]);
 
-    return React$1.createElement(OutlineButtonComp, { className: `${!variant ? 'base' : variant} ${size} with-bg`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 19}}, children)
+    return React$1.createElement(OutlineButtonComp, { className: `${!variant ? 'base' : variant} ${size} with-bg`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 19}}, children)
 };
 
 const _jsxFileName$T = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\LoadingSpinner\\LoadingSpinner.tsx";
@@ -1653,8 +1653,8 @@ const Container$7 = styled.div`
   }
   .blank-logo{
     background: ${theme.colors["neutral-100"]};
-    width: 40px;
-    height: 40px;
+    width: 44px;
+    height: 44px;
     border-radius: 8px;
   }
 `;
@@ -1674,13 +1674,13 @@ const AccountInfo = styled.div`
   *{
     margin: 0;
   }
-  p.acct-no{
+ /* p.acct-no{
     color: ${theme.colors["neutral-900"]};
     font-family: Circular Book Medium, sans-serif;
     font-weight: 500;
     font-size: 16px;
-    line-height: 19px;
-  }
+    line-height: 28px;
+  }*/
   p.bank-name{
     font-weight: 500;
     font-family: Circular Book Medium, sans-serif;
@@ -1698,7 +1698,6 @@ const AccountInfo = styled.div`
 `;
 
 const _jsxFileName$R = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\BankSelector\\BankSelector.tsx";
-
 /**
  * In the LP application, when making an LP request, there is a stage in the process where the broker will need to select the bank account into which to receive the exchanged funds.
  * This is the component that handles the selection of the bank account.
@@ -1708,7 +1707,7 @@ const BankSelector = (props) => {
     const [selIndex,setSelIndex] = React$1.useState(null);
 
     return (
-        React$1.createElement(MapContainer, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 14}}
+        React$1.createElement(MapContainer, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 15}}
             , bankAcct && bankAcct.length > 0 && bankAcct.map((acct
 
 
@@ -1719,32 +1718,32 @@ const BankSelector = (props) => {
                 React$1.createElement(Container$7, { key: index, className: `${selIndex === index ? 'active':''}`, onClick: ()=>{
                     selectedBank(acct);
                     setSelIndex(index);
-                }, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 22}}
+                }, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 23}}
                     , !acct.bankLogo &&
-                        React$1.createElement('div', { className: "blank-logo", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 27}})
+                        React$1.createElement('div', { className: "blank-logo", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 28}})
                     
                     , acct.bankLogo &&
-                        React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 30}}
-                            , React$1.createElement('img', { src: acct.bankLogo, alt: "Bank logo" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 31}})
+                        React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 31}}
+                            , React$1.createElement('img', { src: acct.bankLogo, alt: "Bank logo" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 32}})
                         )
                     
-                    , React$1.createElement(Dets, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 34}}
-                        , React$1.createElement(AccountInfo, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 35}}
-                            , React$1.createElement('p', { className: "acct-no", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 36}}, acct.acctNo)
-                            , React$1.createElement('p', { className: "bank-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 37}}, acct.bankName)
-                            , React$1.createElement('p', { className: "acct-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 38}}, acct.acctName)
-                            , React$1.createElement('p', { className: "curr", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 39}}, acct.currency)
+                    , React$1.createElement(Dets, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 35}}
+                        , React$1.createElement(AccountInfo, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 36}}
+                            , React$1.createElement('p', { className: "acct-no paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 37}}, acct.acctNo)
+                            , React$1.createElement('p', { className: "bank-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 38}}, acct.bankName)
+                            , React$1.createElement('p', { className: "acct-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 39}}, acct.acctName)
+                            , React$1.createElement('p', { className: "curr", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 40}}, acct.currency)
                         )
-                        , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 41}}
+                        , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 42}}
                             , selIndex !== index ?
                                 //gray check mark
-                                React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 44}}
-                                    , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998V7.70998Z"                                                                                                         , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 45}})
+                                React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 45}}
+                                    , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998V7.70998Z"                                                                                                         , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 46}})
                                 )
                                 :
                                 //violet check mark
-                                React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 49}}
-                                    , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998Z"                                                                                                         , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 50}})
+                                React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 50}}
+                                    , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998Z"                                                                                                         , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 51}})
                                 )
                             
                         )
@@ -19055,14 +19054,14 @@ const MenuItemContainer = styled.div`
   justify-content: space-between;
   align-items: center;
   .icon-angle-right{
-    color:#A4BBDD;
+    color:${theme.colors["neutral-400"]};
     font-size: 12px !important;
   }
   i:first-of-type{
     font-size: 18px;
   }
   &.active{
-    border-left: 2px solid ${theme.colors["primary-500"]};
+    border-left: 3px solid ${theme.colors["primary-500"]};
     background: ${theme.colors["primary-50"]};
     color: ${theme.colors["primary-500"]};
   }
@@ -21243,7 +21242,7 @@ const RateContainer = styled.div`
 
 const Currencies = styled.div`
   display: flex;
-  gap: 26px;
+  gap: 24px;
   align-items: center;
   height: 30px;
   .currency{
@@ -23347,7 +23346,7 @@ const ActionsContainer$1 = styled.div`
     color: ${theme.colors["neutral-900"]};
     font-weight: 500;
     font-size: 16px;
-    line-height: 19px;
+    line-height: 28px;
     font-family: Circular Book Medium,sans-serif;
     margin: 0;
   }
@@ -23360,7 +23359,7 @@ const ActionsListContainer$1 = styled.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
-  height: 346px;
+  height: 337px;
   overflow-y: auto;
   &.scroll-bar-hidden{
     overflow: hidden;
@@ -23540,7 +23539,7 @@ const UpdateUserActions$1 = (props) => {
                                     )
                                 )
                             )
-                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 123}}, "No options available"  )
+                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 123}}, "No actions available"  )
                         )
                     
                 )
@@ -23576,7 +23575,7 @@ const UpdateUserActions$1 = (props) => {
                                     )
                                 )
                             )
-                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 159}}, "No options available"  )
+                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 159}}, "No actions added yet"   )
                         )
                     
                 )
@@ -23599,7 +23598,7 @@ const ActionsContainer = styled.div`
     color: ${theme.colors["neutral-900"]};
     font-weight: 500;
     font-size: 16px;
-    line-height: 19px;
+    line-height: 28px;
     font-family: Circular Book Medium,sans-serif;
     margin: 0;
   }
@@ -23796,7 +23795,7 @@ const UpdateUserActions = (props) => {
                                     )
                                 )
                             )
-                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 124}}, "No options available"  )
+                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 124}}, "No actions available"  )
                         )
                     
                 )
@@ -23837,7 +23836,7 @@ const UpdateUserActions = (props) => {
                                     )
                                 )
                             )
-                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 165}}, "No options available"  )
+                            , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 165}}, "No actions added yet"   )
                         )
                     
                 )