@secondstaxorg/sscomp 1.4.8 → 1.5.1

package/dist/index.js

@@ -109,7 +109,7 @@ const ButtonComp = styled.button`
   //sizes
   &.sm{
     padding: 8px 16px;
-    font-size: 14px;
+    font-size: 14px; 
     height: 33px;
     line-height: 17px;
     font-family: 'Circular Book Medium', sans-serif;
@@ -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)
                     ))
                 )
             
@@ -24295,7 +24302,7 @@ styled.div`
 `;
 
 const OffersContainer = styled.div`
-  padding: 24px;
+  padding-top: 16px;
   border-radius: 8px;
   background: ${theme.colors.white};
   min-height: 597px;