@secondstaxorg/sscomp 1.6.24 → 1.6.26

package/dist/index.js

@@ -15665,7 +15665,6 @@ const _jsxFileName$Q = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
 /**
  * This component displays a historical chart of currency performance between selected currencies.
  */
-
 const Chart = (props) => {
     const {ratesData,exchCurrFlag,baseCurrCode,exchCurrName,exchCurrCode} = props;
     const [graphData,setGraphData] = React$1.useState({});
@@ -15774,30 +15773,30 @@ const Chart = (props) => {
     return (
         React$1.createElement(React$1.Fragment, null
             , graphData.labels && graphData.labels.length > 0 &&
-                React$1.createElement(ChartContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 123}}
-                    , React$1.createElement(TextArea$3, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 124}}
-                        , React$1.createElement(ExchangeCurr$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 125}}
-                            , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag"  , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 126}})
-                            , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 127}}
-                                , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 128}}, exchCurrName)
-                                , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 129}}, exchCurrCode)
+                React$1.createElement(ChartContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 122}}
+                    , React$1.createElement(TextArea$3, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 123}}
+                        , React$1.createElement(ExchangeCurr$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 124}}
+                            , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag"  , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 125}})
+                            , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 126}}
+                                , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 127}}, exchCurrName)
+                                , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 128}}, exchCurrCode)
                             )
                         )
-                        , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 132}}
-                            , React$1.createElement(RateInfo$1, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 133}}
-                                , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 134}})
-                                , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 135}})
-                                , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 136}})
+                        , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 131}}
+                            , React$1.createElement(RateInfo$1, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 132}}
+                                , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 133}})
+                                , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 134}})
+                                , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 135}})
                                 , exchCurrCode, " 1.0000 = "   , baseCurrCode, " " , graphData.datasets[0].data[graphData.datasets[0].data.length - 1]
                             )
-                            , React$1.createElement(RateDate$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 139}}, `${dayDiff$2(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
+                            , React$1.createElement(RateDate$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 138}}, `${dayDiff$2(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
                         )
                     )
-                    , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 142}}
-                        , React$1.createElement(GraphArea$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 143}}
-                            , React$1.createElement(Line, { data: graphData, options: options, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 144}})
+                    , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 141}}
+                        , React$1.createElement(GraphArea$2, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 142}}
+                            , React$1.createElement(Line, { data: graphData, options: options, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 143}})
                         )
-                        , React$1.createElement('div', { style: {height:'10px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 146}})
+                        , React$1.createElement('div', { style: {height:'10px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 145}})
                     )
                 )
             
@@ -16391,6 +16390,7 @@ const DropdownField$1  = styled.div`
   background: ${theme.colors.white};
   border: 1px solid;
   border-radius: 8px;
+  box-sizing: border-box;
   transition: 300ms ease-out;
   color: ${theme.colors["neutral-900"]};
   cursor: pointer;
@@ -18172,6 +18172,7 @@ const DropdownField  = styled.div`
   background: ${theme.colors.white};
   border: 1px solid;
   border-radius: 8px;
+  box-sizing: border-box;
   transition: 300ms ease-out;
   color: ${theme.colors["neutral-900"]};
   cursor: pointer;
@@ -20352,17 +20353,19 @@ const TitleBarContainer$2 = styled.div`
   background: ${theme.colors["neutral-900"]};
   padding: 11px 16px;
   border-radius: 8px;
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 72px;
   color:${theme.colors["neutral-50"]};
-  .title-bar-text{
-    font-size: 16px;
-    font-weight: 500;
-    font-family: Circular Book Medium, sans-serif;
-    line-height: 19px;
-    margin: 0;
+  &.light{
+    background:${theme.colors["neutral-100"]};
+    color: ${theme.colors["neutral-900"]};
+  }
+  &.dark{
+    background:${theme.colors["neutral-900"]};
+    color: ${theme.colors["neutral-50"]};
   }
 `;
 
@@ -20375,29 +20378,28 @@ const NewsFilters = styled.div`
 `;
 
 const _jsxFileName$u = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\NewsFilterBar\\NewsFilterBar.tsx";
-
 /**
  * Filter bar for news items on the news application
  */
 const NewsFilterBar = (props) => {
-    const {countries,outlets,selectedCountryFxn,selectedOutletFxn} = props;
+    const {countries,outlets,selectedCountryFxn,selectedOutletFxn,theme} = props;
 
     return (
-        React$1.createElement(TitleBarContainer$2, { ...props, __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 13}}
-            , React$1.createElement('h4', { className: "title-bar-text", __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 14}}, "News")
-            , React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 15}}
+        React$1.createElement(TitleBarContainer$2, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 14}}
+            , React$1.createElement('h4', { className: "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 15}}, "News")
+            , React$1.createElement(NewsFilters, {__self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 16}}
                 , countries && countries.length > 0 &&
-                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 17}}
+                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 18}}
                         , React$1.createElement(DropdownList, { options: countries, returnedSelection: (selCountry) => {
                             if (selectedCountryFxn) selectedCountryFxn(selCountry);
-                        }, initialText: "Select Country" , __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 18}})
+                        }, placeholder: "Select Country" , __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 19}})
                     )
                 
                 , outlets && outlets.length > 0 &&
-                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 24}}
+                    React$1.createElement('div', { className: "filterContainer", __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 25}}
                         , React$1.createElement(DropdownList, { options: outlets, returnedSelection: (selOutlet) => {
                             if (selectedOutletFxn) selectedOutletFxn(selOutlet);
-                        }, initialText: "Select Outlet" , __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 25}})
+                        }, placeholder: "Select Outlet" , __self: undefined, __source: {fileName: _jsxFileName$u, lineNumber: 26}})
                     )
                 
             )
@@ -20453,33 +20455,32 @@ const NewsSourceTag = (props) => {
 };
 
 const TitleBarContainer$1 = styled.div`
-  background: ${theme.colors["neutral-900"]};
   padding: 11px 16px;
   border-radius: 8px;
   display: flex;
   align-items: center;
-  //height: 72px;
-  color:${theme.colors["neutral-50"]};
-  .title-bar-text{
-    font-size: 16px;
-    font-weight: 500;
-    font-family: Circular Book Medium, sans-serif;
-    line-height: 19px;
-    margin: 0;
+  height: 72px;
+  box-sizing: border-box;
+  &.light{
+    background:${theme.colors["neutral-100"]};
+    color: ${theme.colors["neutral-900"]};
+  }
+  &.dark{
+    background:${theme.colors["neutral-900"]};
+    color: ${theme.colors["neutral-50"]};
   }
 `;
 
 const _jsxFileName$s = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\NewsTitleBar\\NewsTitleBar.tsx";
-
 /**
  * Component to display a section title on the news application where news items are displayed
  */
 const NewsTitleBar = (props) => {
-    const {title} = props;
+    const {title,theme} = props;
 
   return (
-      React$1.createElement(TitleBarContainer$1, { ...props, __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 12}}
-          , React$1.createElement('h4', { className: "title-bar-text", __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 13}}, title)
+      React$1.createElement(TitleBarContainer$1, { className: theme, ...props, __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 13}}
+          , React$1.createElement('h5', { className: "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName$s, lineNumber: 14}}, title)
       )
   )
 };