@secondstaxorg/sscomp 1.6.78 → 1.6.81

package/dist/index.js

@@ -21934,9 +21934,6 @@ const RibbonItem = styled.a`
   display: inline-block;
   padding: 16px;
   text-decoration: none;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 17px;
   text-wrap: nowrap;
   &.dark{
     background: ${theme.colors["neutral-900"]};
@@ -21973,7 +21970,7 @@ const Ribbon = (props) => {
             , links && links.length > 0 &&
                 React$1.createElement(RibbonContainer, {__self: undefined, __source: {fileName: _jsxFileName$k, lineNumber: 19}}
                     , links.map((link,index) => (
-                        React$1.createElement(RibbonItem, { key: index, href: link.url, target: openInNewTab ? '_blank' : '_self', className: `${bgColor} ${currentPageItem && currentPageItem === link.label ? 'current' : ''}`, onClick: (e)=>{
+                        React$1.createElement(RibbonItem, { key: index, href: link.url, target: openInNewTab ? '_blank' : '_self', className: `paragraph1Regular ${bgColor} ${currentPageItem && currentPageItem === link.label ? 'current' : ''}`, onClick: (e)=>{
                             if (navigationOverride) {
                                 e.preventDefault();
                                 navigationOverride(link);
@@ -24665,37 +24662,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
         )
     )
 };