@secondstaxorg/sscomp 1.4.9 → 1.5.2

package/dist/index.js

@@ -221,7 +221,13 @@ 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(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 10}}, children)
+        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
+                )
+            )
+        )
 };
 
 const Container$b = styled.div`
@@ -21578,7 +21584,8 @@ const RibbonContainer = styled.div`
   border-radius: 100px;
   //display: inline-block;
   overflow: hidden;
-  min-width: 784px;
+  //max-width: 784px;
+  width: fit-content;
 `;
 const RibbonItem = styled.a`
   display: inline-block;
@@ -21610,14 +21617,14 @@ const _jsxFileName$h = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
  * Menu item displayed at the top of the LP app containing links to different products of the SSX ecosystem
  */
 const Ribbon = (props) => {
-    const {links,bgColor} = props;
+    const {links,bgColor,openInNewTab} = props;
 
     return (
         React$1.createElement(React$1.Fragment, null
             , links && links.length > 0 &&
                 React$1.createElement(RibbonContainer, {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 14}}
                     , links.map((link,index) => (
-                        React$1.createElement(RibbonItem, { key: index, href: link.url, target: "_blank", className: bgColor, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 16}}, link.label)
+                        React$1.createElement(RibbonItem, { key: index, href: link.url, target: openInNewTab ? '_blank' : '_self', className: bgColor, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 16}}, link.label)
                     ))
                 )
             
@@ -24269,20 +24276,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
         )
     )