@secondstaxorg/sscomp 1.6.59 → 1.6.61

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();
@@ -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