@secondstaxorg/sscomp 1.5.1 → 1.5.3

package/dist/index.js

@@ -95,7 +95,7 @@ const ButtonComp = styled.button`
   color:${theme.colors["neutral-900"]};
   border-radius: 8px;
   border: none;
-  width: 100%;
+  width: fit-content;
   cursor: pointer;
   display: flex;
   justify-content: center;
@@ -221,13 +221,7 @@ const _jsxFileName$10 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compo
  */
 const Button$1 = (props) => {
     const {variant, size, disabled,children} = props;
-        return (
-            React$1.createElement(React$1.Fragment, null
-                , React$1.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 12}}
-                    , children
-                )
-            )
-        )
+        return React$1.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 10}}, children)
 };
 
 const Container$b = styled.div`
@@ -1354,7 +1348,7 @@ const OutlineButtonComp = styled.button`
   border-radius: 8px;
   border: 1px solid;
   text-transform: capitalize;
-  width: 100%;
+  width: fit-content;
   cursor: pointer;
   display:flex;
   justify-content:center;
@@ -17001,7 +16995,7 @@ const DatePickerContainer = styled.div`
 
 const InputField$3 = styled.div`
   border: 1px solid ${theme.colors["neutral-200"]};
-  width: 100%;
+  width: 430px;
   display: flex;
   border-radius: 8px;
   background: #ffffff;
@@ -17471,6 +17465,7 @@ const InputLabel$3 = styled.div`
 `;
 
 const InputField$2 = styled.div`
+  width: 430px;
   border: 1px solid ${theme.colors["neutral-200"]};
   border-radius: 8px;
   background: #ffffff;
@@ -18124,7 +18119,7 @@ const FieldContainer = styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
-  width: 100%;
+  width: 430px;
 `;
 
 const LabelContainer = styled.div`
@@ -18396,6 +18391,7 @@ const DropdownList = (props) => {
 };
 
 const RateContainer$1 = styled.div`
+  width: 420px;
   padding: 16px;
   border-radius: 8px;
   background: ${theme.colors.white};
@@ -18558,6 +18554,7 @@ const IndicesContainer = styled.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
+  width: 420px;
 `;
 
 const IndicesItem = styled.div`
@@ -18894,7 +18891,7 @@ const LPRequestTable = (props) => {
                     , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 68}}, "Provider")
                     , showBroker && React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 69}}, "Broker")
                     , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 70}}, "Client ID" )
-                    , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 71}}, "Transaction Amount" )
+                    , React$1.createElement('th', { style: {minWidth:400}, __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 71}}, "Transaction Amount" )
                     , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 72}}, "Transaction ID" )
                     , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 73}}, "Status")
                     , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 74}}, "Date")
@@ -19793,6 +19790,7 @@ const MarketdataWidgetContainer = styled.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
+  width: 420px;
 `;
 
 const MarketDataItemContainer = styled.div`
@@ -19904,6 +19902,10 @@ const MarketData = (props) => {
     )
 };
 
+const WidgetContainer = styled.div`
+  width: 420px;
+`;
+
 const MarketMoversWidget = styled.div`
   display: flex;
   flex-direction: column;
@@ -20168,7 +20170,7 @@ const MarketMovers = (props) => {
     ];
 
     return (
-        React$1.createElement(React$1.Fragment, null
+        React$1.createElement(WidgetContainer, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 112}}
             , React$1.createElement(Tab, { tabs: tabs, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 113}})
             , lastUpdated && React$1.createElement(LastUpdated, {__self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 114}}, "Last updated on "   , lastUpdated)
         )
@@ -20485,7 +20487,7 @@ const InputField$1  = styled.input`
 
 const InputContainer$2 = styled.div`
   height: 50px;
-  width: 100%;
+  width: 430px;
   border-radius: 8px;
   border: 1px solid ${theme.colors["neutral-200"]};
   display: flex;
@@ -21204,6 +21206,7 @@ const Container$5 = styled.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
+  width: 420px;
 `;
 
 const RateContainer = styled.div`
@@ -21405,7 +21408,7 @@ const InputField  = styled.input`
 const InputContainer$1 = styled.div`
   position: relative;
   height: 50px;
-  width: 100%;  
+  width: 430px;  
   border-radius: 8px;
   border: 1px solid ${theme.colors["neutral-200"]};
   display: flex;
@@ -21636,6 +21639,7 @@ const SearchBarContainer = styled.div`
   display: flex;
   gap: 8px;
   justify-content: space-between;
+  width: 344px;
 `;
 
 const SearchBox = styled.input`
@@ -22921,7 +22925,7 @@ const TextAreaField  = styled.textarea`
 const InputContainer = styled.div`
   position: relative;
   height: auto;
-  width: 100%;  
+  width: 430px;  
   border-radius: 8px;
   border: 1px solid ${theme.colors["neutral-200"]};
   display: flex;
@@ -24276,20 +24280,36 @@ const WidgetTitle = (props) => {
 };
 
 const SSXBarContainer = styled.div`
-  background: ${theme.colors["neutral-900"]};
+  padding-inline: 32px;
   height: 82px;
   left: 0;
   right: 0;
   display: flex;
-  //justify-content: space-around;
   align-items: center;
 `;
 
 const _jsxFileName$1 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SSXBar\\SSXBar.tsx";
+
 const SSXBar = (props) => {
-    const {children} = props;
+    const {children,background} = props;
+    const [bgColor,setBgColor] = React$1.useState(null);
+
+    const lightStyles = {
+        background:theme.colors.white,
+        borderBottom:`1px solid ${theme.colors["neutral-100"]}`
+    };
+    const darkStyles = {
+        background:theme.colors["neutral-900"],
+        color:theme.colors.white
+    };
+
+    React$1.useEffect(()=>{
+        if (background === 'light') setBgColor(lightStyles);
+        if (background === 'dark') setBgColor(darkStyles);
+    },[background]);
+
     return (
-        React$1.createElement(SSXBarContainer, { ...props, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 7}}
+        React$1.createElement(SSXBarContainer, { ...props, style: bgColor, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 25}}
             , children
         )
     )