@secondstaxorg/sscomp 1.6.59 → 1.6.62

package/dist/index.js

@@ -1780,6 +1780,7 @@ const BreadcrumbContainer = styled.div`
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow:hidden;
+    color:${theme.colors["neutral-900"]};
   }
 `;
 
@@ -15619,29 +15620,18 @@ const ExchangeCurr$2 = styled.div`
   gap: 8px;
   align-items: center;
   color: ${theme.colors["neutral-900"]};
-  .curr-name{
-    margin: 0;
-    font-weight: 500;
-    font-size: 16px;
-    line-height: 19px;
-    font-family: Circular Book Medium, sans-serif;
-  }
-  .curr-code{
-    margin: 0;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 19px;
-  }
 `;
 
-const RateInfo$1 = styled.p`
+const RateInfo$1 = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+
+const ExchangeRate$1 = styled.p`
   display: flex;
   align-items: center;
-  gap: 8px;
-  margin: 0;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 17px;
+  gap: 4px;
   .success{
     color: ${theme.colors["success-500"]};
     font-size: 12px;
@@ -15658,10 +15648,6 @@ const RateInfo$1 = styled.p`
 
 const RateDate$2 = styled.div`
   color: ${theme.colors["neutral-400"]};
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 17px;
-  margin: 0;
 `;
 
 const _jsxFileName$R = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Chart\\Chart.tsx";Chart$2.register( ...registerables );
@@ -15782,18 +15768,18 @@ const Chart = (props) => {
                         , React$1.createElement(ExchangeCurr$2, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 124}}
                             , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag"  , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 125}})
                             , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 126}}
-                                , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 127}}, exchCurrName)
-                                , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 128}}, exchCurrCode)
+                                , React$1.createElement('p', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 127}}, exchCurrName)
+                                , React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 128}}, exchCurrCode)
                             )
                         )
-                        , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 131}}
-                            , React$1.createElement(RateInfo$1, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 132}}
+                        , React$1.createElement(RateInfo$1, { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 131}}
+                            , React$1.createElement(ExchangeRate$1, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 132}}
                                 , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 133}})
                                 , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 134}})
                                 , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$R, 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$R, lineNumber: 138}}, `${dayDiff$2(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
+                            , React$1.createElement(RateDate$2, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$R, 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$R, lineNumber: 141}}
@@ -15857,32 +15843,21 @@ const TextArea$2 = styled.div`
 
 const ExchangeCurr$1 = styled.div`
   display: flex;
-  gap: 8px;
+  gap: 4px;
   align-items: center;
   color: ${theme.colors["neutral-900"]};
-  .curr-name{
-    margin: 0;
-    font-weight: 500;
-    font-size: 14px;
-    line-height: 17px;
-    font-family: Circular Book Medium, sans-serif;
-  }
-  .curr-code{
-    margin: 0;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 17px;
-  }
 `;
 
-const RateInfo = styled.p`
+const RateInfo = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+
+const ExchangeRate = styled.p`
   display: flex;
   align-items: center;
-  gap: 8px;
-  margin: 0;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 14px;
+  gap: 4px;
   .success{
     color: ${theme.colors["success-500"]};
     font-size: 12px;
@@ -15899,10 +15874,6 @@ const RateInfo = styled.p`
 
 const RateDate$1 = styled.div`
   color: ${theme.colors["neutral-400"]};
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 17px;
-  margin: 0;
 `;
 
 const _jsxFileName$Q = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ChartMedium\\ChartMedium.tsx";Chart$2.register( ...registerables );
@@ -16020,18 +15991,18 @@ const ChartMedium = (props) => {
                         , React$1.createElement(ExchangeCurr$1, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 121}}
                             , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag"  , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 122}})
                             , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 123}}
-                                , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 124}}, exchCurrName)
-                                , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 125}}, exchCurrCode)
+                                , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 124}}, exchCurrName)
+                                , React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 125}}, exchCurrCode)
                             )
                         )
-                        , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 128}}
-                            , React$1.createElement(RateInfo, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 129}}
+                        , React$1.createElement(RateInfo, { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 128}}
+                            , React$1.createElement(ExchangeRate, { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 129}}
                                 , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 130}})
                                 , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 131}})
                                 , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 132}})
                                 , exchCurrCode, " 1.0000 = "   , baseCurrCode, " " , graphData.datasets[0].data[graphData.datasets[0].data.length - 1]
                             )
-                            , React$1.createElement(RateDate$1, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 135}}, `${dayDiff$1(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
+                            , React$1.createElement(RateDate$1, { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 135}}, `${dayDiff$1(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: 138}}
@@ -16071,7 +16042,7 @@ function dayDiff(rateDate){
 }
 
 const ChartContainer = styled.div`
-  width: 122px;
+  width: 170px;
   height: 101px;
   border-radius: 8px;
   border: 1px solid ${theme.colors["neutral-100"]};
@@ -16104,12 +16075,6 @@ const ExchangeCurr = styled.div`
     line-height: 17px;
     font-family: Circular Book Medium, sans-serif;
   }
-  .curr-code{
-    margin: 0;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 17px;
-  }
 `;
 
 styled.p`
@@ -16136,10 +16101,6 @@ styled.p`
 
 const RateDate = styled.div`
   color: ${theme.colors["neutral-400"]};
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 17px;
-  margin: 0;
 `;
 
 const _jsxFileName$P = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ChartSmall\\ChartSmall.tsx";Chart$2.register( ...registerables );
@@ -16257,8 +16218,8 @@ const ChartSmall = (props) => {
                         , React$1.createElement(ExchangeCurr, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 121}}
                             , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag"  , __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 122}})
                             , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 123}}
-                                , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 124}}, exchCurrCode, " " , graphData.datasets[0].data[graphData.datasets[0].data.length - 1])
-                                , React$1.createElement(RateDate, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 125}}, `${dayDiff(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
+                                , React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 124}}, exchCurrCode, " " , graphData.datasets[0].data[graphData.datasets[0].data.length - 1])
+                                , React$1.createElement(RateDate, { className: "footerBook", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 125}}, `${dayDiff(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
                             )
                         )
                     )
@@ -16266,7 +16227,7 @@ const ChartSmall = (props) => {
                         , React$1.createElement(GraphArea, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 130}}
                             , React$1.createElement(Line, { data: graphData, options: options, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 131}})
                         )
-                        , React$1.createElement('div', { style: {height:'10px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 133}})
+                        , React$1.createElement('div', { style: {height:'15px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 133}})
                     )
                 )
             
@@ -19999,15 +19960,10 @@ const TabItem = styled.div`
   padding: 16px 0;
   color: ${theme.colors["neutral-900"]};
   cursor: pointer;
-  font-size: 16px;
-  font-weight: 500;
-  font-family: Circular Book Medium, sans-serif;
-  line-height: 19px;
-  letter-spacing: -0.02em;
   border-bottom: 2px solid ${theme.colors["neutral-100"]};
   &.active{
     border-bottom: 2px solid ${theme.colors["neutral-900"]};
-    background: ${theme.colors["neutral-50"]};
+    background: ${theme.colors["neutral-100"]};
     animation: select-tab 0.2s ease-out;
     @keyframes select-tab{
       from{
@@ -20015,7 +19971,7 @@ const TabItem = styled.div`
         background: transparent;
       }
       to{
-        background: ${theme.colors["neutral-50"]};
+        background: ${theme.colors["neutral-100"]};
         border-color: ${theme.colors["neutral-900"]};
       }
     }
@@ -20049,7 +20005,7 @@ const Tab = (props) => {
                             React$1.createElement(TabItem, { key: index, className: tabIndex === index ? 'active' : '', style: {background:tabIndex === index ? tab.activeBgHexColor : ''}, onClick: ()=>{
                                 setTabIndex(index);
                                 if (selectedTab) selectedTab(index);
-                            }, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 18}}, tab.tabName)
+                            }, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 18}}, React$1.createElement('span', { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 21}}, tab.tabName))
                         )
                     })
                 )
@@ -20968,12 +20924,9 @@ const ModalCard = styled.div`
 const CardHead = styled.div`
   display: flex;
   justify-content: space-between;
-  h3{
+  align-items: center;
+  h5{
     color:${theme.colors["neutral-900"]};
-    font-weight: 700;
-    font-size: 23px;
-    letter-spacing: -0.02em;
-    line-height: 28px;
     margin: 0;
   }
   button{
@@ -21022,7 +20975,7 @@ const PopupModal = (props) => {
         React$1.createElement(Backdrop, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 22}}
             , React$1.createElement(ModalCard, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 23}}
                 , React$1.createElement(CardHead, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 24}}
-                    , React$1.createElement('h3', {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 25}}, title)
+                    , React$1.createElement('h5', { className: "heading5Bold", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 25}}, title)
                     , React$1.createElement('button', { onClick: ()=>{
                         closeFxn();
                         enableScroll();
@@ -21522,6 +21475,7 @@ const InputContainer$1 = styled.div`
   justify-content: space-between;
   overflow: hidden;
   transition: 300ms ease-out;
+  box-sizing: border-box;
   &:hover{
     border: 1px solid ${theme.colors["primary-300"]};
   }
@@ -21758,7 +21712,7 @@ const SearchBarContainer = styled.div`
   width: 344px;
 `;
 
-const SearchBox = styled.input`
+styled.input`
   padding: 13px 16px;
   //height: 48px;
   width: 100%;
@@ -21774,7 +21728,7 @@ const SearchBox = styled.input`
   }
 `;
 
-const SearchButton = styled.button`
+styled.button`
   width: 60px;
   //height: 48px;
   background: ${theme.colors["primary-500"]};
@@ -21799,7 +21753,6 @@ const SearchButton = styled.button`
 `;
 
 const _jsxFileName$j = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SearchBar\\SearchBar.tsx";
-
 /**
  * A search field added on the news application to implement search
  */
@@ -21811,12 +21764,12 @@ const SearchBar = (props) => {
         React$1.createElement('form', { onSubmit: (e)=>{
             e.preventDefault();
             submitFxn(searchStr);
-        }, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 13}}
-            , React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 17}}
-                , React$1.createElement(SearchBox, { type: "text", placeholder: "Search", value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 18}})
-                , React$1.createElement(SearchButton, { type: "submit", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 19}}
-                    , React$1.createElement('svg', { width: "21", height: "21", viewBox: "0 0 21 21"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 20}}
-                        , React$1.createElement('path', { d: "M20.21 19.29L16.5 15.61C17.9401 13.8144 18.6375 11.5353 18.4488 9.2413C18.2601 6.9473 17.1997 4.81278 15.4855 3.27664C13.7714 1.74051 11.5338 0.91951 9.23292 0.98247C6.93203 1.04543 4.74272 1.98756 3.11514 3.61514C1.48756 5.24272 0.545427 7.43204 0.482466 9.73292C0.419506 12.0338 1.2405 14.2714 2.77664 15.9855C4.31278 17.6997 6.4473 18.7601 8.7413 18.9488C11.0353 19.1375 13.3144 18.4401 15.11 17L18.79 20.68C18.883 20.7737 18.9936 20.8481 19.1154 20.8989C19.2373 20.9497 19.368 20.9758 19.5 20.9758C19.632 20.9758 19.7627 20.9497 19.8846 20.8989C20.0064 20.8481 20.117 20.7737 20.21 20.68C20.3902 20.4935 20.491 20.2443 20.491 19.985C20.491 19.7257 20.3902 19.4765 20.21 19.29V19.29ZM9.5 17C8.11553 17 6.76215 16.5895 5.611 15.8203C4.45986 15.0511 3.56265 13.9579 3.03284 12.6788C2.50303 11.3997 2.3644 9.99223 2.6345 8.63437C2.9046 7.2765 3.57128 6.02922 4.55025 5.05025C5.52922 4.07128 6.7765 3.4046 8.13436 3.1345C9.49223 2.86441 10.8997 3.00303 12.1788 3.53284C13.4579 4.06266 14.5511 4.95986 15.3203 6.11101C16.0895 7.26215 16.5 8.61553 16.5 10C16.5 11.8565 15.7625 13.637 14.4497 14.9497C13.137 16.2625 11.3565 17 9.5 17V17Z"                                                                                                                            , fill: "#F7F9FC", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 21}})
+        }, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 15}}
+            , React$1.createElement(SearchBarContainer, {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 19}}
+                , React$1.createElement(TextField, { type: "text", width: 284, placeholder: "Search", value: searchStr, onChange: (e)=>{setSearchStr(e.target.value);}, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 20}})
+                , React$1.createElement(Button$1, { variant: "primary", size: "lg", width: "fit-content", type: "submit", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 21}}
+                    , React$1.createElement('svg', { width: "21", height: "21", viewBox: "0 0 21 21"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 22}}
+                        , React$1.createElement('path', { d: "M20.21 19.29L16.5 15.61C17.9401 13.8144 18.6375 11.5353 18.4488 9.2413C18.2601 6.9473 17.1997 4.81278 15.4855 3.27664C13.7714 1.74051 11.5338 0.91951 9.23292 0.98247C6.93203 1.04543 4.74272 1.98756 3.11514 3.61514C1.48756 5.24272 0.545427 7.43204 0.482466 9.73292C0.419506 12.0338 1.2405 14.2714 2.77664 15.9855C4.31278 17.6997 6.4473 18.7601 8.7413 18.9488C11.0353 19.1375 13.3144 18.4401 15.11 17L18.79 20.68C18.883 20.7737 18.9936 20.8481 19.1154 20.8989C19.2373 20.9497 19.368 20.9758 19.5 20.9758C19.632 20.9758 19.7627 20.9497 19.8846 20.8989C20.0064 20.8481 20.117 20.7737 20.21 20.68C20.3902 20.4935 20.491 20.2443 20.491 19.985C20.491 19.7257 20.3902 19.4765 20.21 19.29V19.29ZM9.5 17C8.11553 17 6.76215 16.5895 5.611 15.8203C4.45986 15.0511 3.56265 13.9579 3.03284 12.6788C2.50303 11.3997 2.3644 9.99223 2.6345 8.63437C2.9046 7.2765 3.57128 6.02922 4.55025 5.05025C5.52922 4.07128 6.7765 3.4046 8.13436 3.1345C9.49223 2.86441 10.8997 3.00303 12.1788 3.53284C13.4579 4.06266 14.5511 4.95986 15.3203 6.11101C16.0895 7.26215 16.5 8.61553 16.5 10C16.5 11.8565 15.7625 13.637 14.4497 14.9497C13.137 16.2625 11.3565 17 9.5 17V17Z"                                                                                                                            , fill: "#F7F9FC", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 23}})
                     )
                 )
             )
@@ -24107,7 +24060,7 @@ const UserRolesTable = (props) => {
                     , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 64}}
                     , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 65}}
                         , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 66}}
-                            , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 67}}, "Title"
+                            , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 67}}, "Name"
 
                                 , sortDir === 'desc' &&
                                     React$1.createElement(React$1.Fragment, null