@secondstaxorg/sscomp 1.6.51 → 1.6.52

package/dist/index.es.js

@@ -2874,6 +2874,7 @@ button{
   align-items: center;
   justify-content: space-between;
   height: 72px;
+  gap: 16px;
   color:${s["neutral-50"]};
   &.light{
     background:${s["neutral-100"]};
@@ -2883,13 +2884,25 @@ button{
     background:${s["neutral-900"]};
     color: ${s["neutral-50"]};
   }
+  @media (max-width: 720px) {
+    flex-direction: column;
+    height: fit-content;
+    align-items: start;
+    width: 100%;
+  }
 `,qd=l.div`
   display: flex;
   gap: 16px;
   .filterContainer{
     width: 200px;
   }
-`,Jd="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\NewsFilterBar\\NewsFilterBar.tsx",$d=e=>{const{countries:i,outlets:r,selectedCountryFxn:n,selectedOutletFxn:o,theme:l}=e;return t.createElement(Kd,{className:l,...e,__self:void 0,__source:{fileName:Jd,lineNumber:14}},t.createElement("h4",{className:"heading6Medium",__self:void 0,__source:{fileName:Jd,lineNumber:15}},"News"),t.createElement(qd,{__self:void 0,__source:{fileName:Jd,lineNumber:16}},i&&i.length>0&&t.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:Jd,lineNumber:18}},t.createElement(oc,{options:i,returnedSelection:e=>{n&&n(e)},placeholder:"Select Country",__self:void 0,__source:{fileName:Jd,lineNumber:19}})),r&&r.length>0&&t.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:Jd,lineNumber:25}},t.createElement(oc,{options:r,returnedSelection:e=>{o&&o(e)},placeholder:"Select Outlet",__self:void 0,__source:{fileName:Jd,lineNumber:26}}))))},eu=l.div`
+  @media (max-width: 720px) {
+    width: 100%;
+    .filterContainer{
+      width: 100%;
+    }
+  }
+`,Jd="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\NewsFilterBar\\NewsFilterBar.tsx",$d=e=>{const{countries:n,outlets:o,selectedCountryFxn:l,selectedOutletFxn:s,theme:a}=e,[c,d]=i(720);return r((()=>{d(window.innerWidth),window.addEventListener("resize",(function(){d(window.innerWidth)}))}),[]),t.createElement(Kd,{className:a,...e,__self:void 0,__source:{fileName:Jd,lineNumber:22}},t.createElement("h4",{className:c<=720?"paragraph2Medium":"heading6Medium",__self:void 0,__source:{fileName:Jd,lineNumber:23}},"News"),t.createElement(qd,{__self:void 0,__source:{fileName:Jd,lineNumber:24}},n&&n.length>0&&t.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:Jd,lineNumber:26}},t.createElement(oc,{options:n,returnedSelection:e=>{l&&l(e)},placeholder:"Select Country",__self:void 0,__source:{fileName:Jd,lineNumber:27}})),o&&o.length>0&&t.createElement("div",{className:"filterContainer",__self:void 0,__source:{fileName:Jd,lineNumber:33}},t.createElement(oc,{options:o,returnedSelection:e=>{s&&s(e)},placeholder:"Select Outlet",__self:void 0,__source:{fileName:Jd,lineNumber:34}}))))},eu=l.div`
   background: ${s["neutral-50"]};
   border-radius: 8px;
   display: inline-flex;
@@ -2924,7 +2937,10 @@ button{
     background:${s["neutral-900"]};
     color: ${s["neutral-50"]};
   }
-`,nu="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\NewsTitleBar\\NewsTitleBar.tsx",ou=e=>{const{title:i,theme:r}=e;return t.createElement(ru,{className:r,...e,__self:void 0,__source:{fileName:nu,lineNumber:13}},t.createElement("h5",{className:"heading6Medium",__self:void 0,__source:{fileName:nu,lineNumber:14}},i))},lu=l.div`
+  @media (max-width: 720px) {
+    height: 48px;
+  }
+`,nu="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\NewsTitleBar\\NewsTitleBar.tsx",ou=e=>{const{title:n,theme:o}=e,[l,s]=i(720);return r((()=>{s(window.innerWidth),window.addEventListener("resize",(function(){s(window.innerWidth)}))}),[]),t.createElement(ru,{className:o,...e,__self:void 0,__source:{fileName:nu,lineNumber:21}},t.createElement("h5",{className:l<=720?"paragraph2Medium":"heading6Medium",__self:void 0,__source:{fileName:nu,lineNumber:22}},n))},lu=l.div`
   display: flex;
   gap: 4px;
   flex-direction: column;