@secondstaxorg/sscomp 1.6.78 → 1.6.79

package/dist/index.js

@@ -24665,37 +24665,32 @@ const WidgetTitle = (props) => {
 };
 
 const SSXBarContainer = styled.div`
-  padding-inline: 32px;
-  height: 82px;
+  height: 81px;
   left: 0;
+  background-color: #fff;
   right: 0;
-  display: flex;
+  padding-left: 16.5px;
+  padding-right: 16.5px;
   align-items: center;
+  border-bottom: 1px solid var(--neutral-100, #e8eef7);
+  /* mobile screens */
+  @media (max-width: 767px) {
+    height: 76px;
+  }
+`;
+
+styled.div`
+  background: white;
+  color: ${theme.colors["error-900"]};
 `;
 
 const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SSXBar\\SSXBar.tsx";
 
 const SSXBar = (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]);
-
+    const {children, className} = props;
     return (
-        React$1.createElement(SSXBarContainer, { ...props, style: bgColor, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 25}}
-            , children
+        React$1.createElement(SSXBarContainer, { className: className, ...props, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 8}}
+            , children && children
         )
     )
 };