@secondstaxorg/sscomp 1.6.58 → 1.6.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/index.css +2 -1
  2. package/dist/index.es.css +2 -1
  3. package/dist/index.es.js +282 -332
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/index.js +52 -98
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.min.css +2 -1
  8. package/dist/index.min.js +239 -289
  9. package/dist/index.min.js.map +1 -1
  10. package/package.json +1 -1
  11. package/types/components/Chart/style.d.ts +2 -1
  12. package/types/components/ChartMedium/style.d.ts +2 -1
package/dist/index.js CHANGED
@@ -1780,6 +1780,7 @@ const BreadcrumbContainer = styled.div`
1780
1780
  -webkit-line-clamp: 1;
1781
1781
  -webkit-box-orient: vertical;
1782
1782
  overflow:hidden;
1783
+ color:${theme.colors["neutral-900"]};
1783
1784
  }
1784
1785
  `;
1785
1786
 
@@ -15619,29 +15620,18 @@ const ExchangeCurr$2 = styled.div`
15619
15620
  gap: 8px;
15620
15621
  align-items: center;
15621
15622
  color: ${theme.colors["neutral-900"]};
15622
- .curr-name{
15623
- margin: 0;
15624
- font-weight: 500;
15625
- font-size: 16px;
15626
- line-height: 19px;
15627
- font-family: Circular Book Medium, sans-serif;
15628
- }
15629
- .curr-code{
15630
- margin: 0;
15631
- font-weight: 400;
15632
- font-size: 16px;
15633
- line-height: 19px;
15634
- }
15635
15623
  `;
15636
15624
 
15637
- const RateInfo$1 = styled.p`
15625
+ const RateInfo$1 = styled.div`
15626
+ display: flex;
15627
+ flex-direction: column;
15628
+ gap: 4px;
15629
+ `;
15630
+
15631
+ const ExchangeRate$1 = styled.p`
15638
15632
  display: flex;
15639
15633
  align-items: center;
15640
- gap: 8px;
15641
- margin: 0;
15642
- font-size: 14px;
15643
- font-weight: 400;
15644
- line-height: 17px;
15634
+ gap: 4px;
15645
15635
  .success{
15646
15636
  color: ${theme.colors["success-500"]};
15647
15637
  font-size: 12px;
@@ -15658,10 +15648,6 @@ const RateInfo$1 = styled.p`
15658
15648
 
15659
15649
  const RateDate$2 = styled.div`
15660
15650
  color: ${theme.colors["neutral-400"]};
15661
- font-size: 14px;
15662
- font-weight: 400;
15663
- line-height: 17px;
15664
- margin: 0;
15665
15651
  `;
15666
15652
 
15667
15653
  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) => {
15782
15768
  , React$1.createElement(ExchangeCurr$2, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 124}}
15783
15769
  , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 125}})
15784
15770
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 126}}
15785
- , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 127}}, exchCurrName)
15786
- , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 128}}, exchCurrCode)
15771
+ , React$1.createElement('p', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 127}}, exchCurrName)
15772
+ , React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 128}}, exchCurrCode)
15787
15773
  )
15788
15774
  )
15789
- , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 131}}
15790
- , React$1.createElement(RateInfo$1, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 132}}
15775
+ , React$1.createElement(RateInfo$1, { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 131}}
15776
+ , React$1.createElement(ExchangeRate$1, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 132}}
15791
15777
  , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 133}})
15792
15778
  , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 134}})
15793
15779
  , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 135}})
15794
15780
  , exchCurrCode, " 1.0000 = " , baseCurrCode, " " , graphData.datasets[0].data[graphData.datasets[0].data.length - 1]
15795
15781
  )
15796
- , 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')}`)
15782
+ , 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')}`)
15797
15783
  )
15798
15784
  )
15799
15785
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 141}}
@@ -15857,32 +15843,21 @@ const TextArea$2 = styled.div`
15857
15843
 
15858
15844
  const ExchangeCurr$1 = styled.div`
15859
15845
  display: flex;
15860
- gap: 8px;
15846
+ gap: 4px;
15861
15847
  align-items: center;
15862
15848
  color: ${theme.colors["neutral-900"]};
15863
- .curr-name{
15864
- margin: 0;
15865
- font-weight: 500;
15866
- font-size: 14px;
15867
- line-height: 17px;
15868
- font-family: Circular Book Medium, sans-serif;
15869
- }
15870
- .curr-code{
15871
- margin: 0;
15872
- font-weight: 400;
15873
- font-size: 14px;
15874
- line-height: 17px;
15875
- }
15876
15849
  `;
15877
15850
 
15878
- const RateInfo = styled.p`
15851
+ const RateInfo = styled.div`
15852
+ display: flex;
15853
+ flex-direction: column;
15854
+ gap: 4px;
15855
+ `;
15856
+
15857
+ const ExchangeRate = styled.p`
15879
15858
  display: flex;
15880
15859
  align-items: center;
15881
- gap: 8px;
15882
- margin: 0;
15883
- font-size: 12px;
15884
- font-weight: 400;
15885
- line-height: 14px;
15860
+ gap: 4px;
15886
15861
  .success{
15887
15862
  color: ${theme.colors["success-500"]};
15888
15863
  font-size: 12px;
@@ -15899,10 +15874,6 @@ const RateInfo = styled.p`
15899
15874
 
15900
15875
  const RateDate$1 = styled.div`
15901
15876
  color: ${theme.colors["neutral-400"]};
15902
- font-size: 14px;
15903
- font-weight: 400;
15904
- line-height: 17px;
15905
- margin: 0;
15906
15877
  `;
15907
15878
 
15908
15879
  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) => {
16020
15991
  , React$1.createElement(ExchangeCurr$1, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 121}}
16021
15992
  , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 122}})
16022
15993
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 123}}
16023
- , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 124}}, exchCurrName)
16024
- , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 125}}, exchCurrCode)
15994
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 124}}, exchCurrName)
15995
+ , React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 125}}, exchCurrCode)
16025
15996
  )
16026
15997
  )
16027
- , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 128}}
16028
- , React$1.createElement(RateInfo, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 129}}
15998
+ , React$1.createElement(RateInfo, { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 128}}
15999
+ , React$1.createElement(ExchangeRate, { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 129}}
16029
16000
  , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 130}})
16030
16001
  , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 131}})
16031
16002
  , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 132}})
16032
16003
  , exchCurrCode, " 1.0000 = " , baseCurrCode, " " , graphData.datasets[0].data[graphData.datasets[0].data.length - 1]
16033
16004
  )
16034
- , 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')}`)
16005
+ , 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')}`)
16035
16006
  )
16036
16007
  )
16037
16008
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 138}}
@@ -16071,7 +16042,7 @@ function dayDiff(rateDate){
16071
16042
  }
16072
16043
 
16073
16044
  const ChartContainer = styled.div`
16074
- width: 122px;
16045
+ width: 170px;
16075
16046
  height: 101px;
16076
16047
  border-radius: 8px;
16077
16048
  border: 1px solid ${theme.colors["neutral-100"]};
@@ -16104,12 +16075,6 @@ const ExchangeCurr = styled.div`
16104
16075
  line-height: 17px;
16105
16076
  font-family: Circular Book Medium, sans-serif;
16106
16077
  }
16107
- .curr-code{
16108
- margin: 0;
16109
- font-weight: 400;
16110
- font-size: 14px;
16111
- line-height: 17px;
16112
- }
16113
16078
  `;
16114
16079
 
16115
16080
  styled.p`
@@ -16136,10 +16101,6 @@ styled.p`
16136
16101
 
16137
16102
  const RateDate = styled.div`
16138
16103
  color: ${theme.colors["neutral-400"]};
16139
- font-size: 14px;
16140
- font-weight: 400;
16141
- line-height: 17px;
16142
- margin: 0;
16143
16104
  `;
16144
16105
 
16145
16106
  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) => {
16257
16218
  , React$1.createElement(ExchangeCurr, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 121}}
16258
16219
  , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag" , __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 122}})
16259
16220
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 123}}
16260
- , 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])
16261
- , 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')}`)
16221
+ , 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])
16222
+ , 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')}`)
16262
16223
  )
16263
16224
  )
16264
16225
  )
@@ -16266,7 +16227,7 @@ const ChartSmall = (props) => {
16266
16227
  , React$1.createElement(GraphArea, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 130}}
16267
16228
  , React$1.createElement(Line, { data: graphData, options: options, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 131}})
16268
16229
  )
16269
- , React$1.createElement('div', { style: {height:'10px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 133}})
16230
+ , React$1.createElement('div', { style: {height:'15px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 133}})
16270
16231
  )
16271
16232
  )
16272
16233
 
@@ -16582,7 +16543,7 @@ const CountrySelector = (props) => {
16582
16543
  React$1.createElement(DropdownContainer, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 60}}
16583
16544
  , label &&
16584
16545
  React$1.createElement(LabelContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 62}}
16585
- , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 63}}, label)
16546
+ , React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 63}}, label)
16586
16547
  )
16587
16548
 
16588
16549
  , React$1.createElement(DropdownField$1, { style: {borderColor:passedOption.optionShortName ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 66}}
@@ -16611,13 +16572,13 @@ const CountrySelector = (props) => {
16611
16572
 
16612
16573
  , React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 90}}
16613
16574
  , React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 91}})
16614
- , passedOption.optionName
16575
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 92}}, passedOption.optionName)
16615
16576
  , !passedOption.optionName &&
16616
16577
  React$1.createElement(React$1.Fragment, null
16617
- , initialText
16578
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 95}}, initialText)
16618
16579
  , !initialText &&
16619
16580
  React$1.createElement(React$1.Fragment, null
16620
- , placeholder && React$1.createElement('span', { className: "placeholder", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 98}}, placeholder)
16581
+ , placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 98}}, placeholder)
16621
16582
  )
16622
16583
 
16623
16584
  )
@@ -16639,7 +16600,7 @@ const CountrySelector = (props) => {
16639
16600
  React$1.createElement(OptionsList$1, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 117}}
16640
16601
  , sectionTitle &&
16641
16602
  React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 119}}
16642
- , sectionTitle
16603
+ , React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 120}}, sectionTitle)
16643
16604
  )
16644
16605
 
16645
16606
  , optionsRec.map((country, index) => (
@@ -16655,7 +16616,7 @@ const CountrySelector = (props) => {
16655
16616
  },200);
16656
16617
  }, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 126}}
16657
16618
  , country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 135}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 135}})
16658
- , country.optionName
16619
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 136}}, country.optionName)
16659
16620
  )
16660
16621
 
16661
16622
  , country.subName &&
@@ -16668,7 +16629,7 @@ const CountrySelector = (props) => {
16668
16629
  selectedOption(country);
16669
16630
  },200);
16670
16631
  }, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 140}}
16671
- , React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 149}}, country.optionName)
16632
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 149}}, country.optionName)
16672
16633
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 150}}
16673
16634
  , country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 151}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 151}})
16674
16635
  )
@@ -18322,7 +18283,7 @@ const DropdownList = (props) => {
18322
18283
  React$1.createElement(React$1.Fragment, null
18323
18284
  , label &&
18324
18285
  React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 47}}
18325
- , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 48}}, label)
18286
+ , React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 48}}, label)
18326
18287
  )
18327
18288
 
18328
18289
  , React$1.createElement(DropdownField, { style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 51}}
@@ -18350,13 +18311,13 @@ const DropdownList = (props) => {
18350
18311
  }, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 69}})
18351
18312
 
18352
18313
  , React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 75}}
18353
- , passedOption.label
18314
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 76}}, passedOption.label)
18354
18315
  , !passedOption.label &&
18355
18316
  React$1.createElement(React$1.Fragment, null
18356
- , initialText
18317
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 79}}, initialText)
18357
18318
  , !initialText &&
18358
18319
  React$1.createElement(React$1.Fragment, null
18359
- , placeholder && React$1.createElement('span', { className: "placeholder", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 82}}, placeholder)
18320
+ , placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 82}}, placeholder)
18360
18321
  )
18361
18322
 
18362
18323
  )
@@ -18385,7 +18346,7 @@ const DropdownList = (props) => {
18385
18346
  setPassedOption(option);
18386
18347
  returnedSelection(option);
18387
18348
  },200);
18388
- }, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 103}}, option.label)
18349
+ }, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 103}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 111}}, option.label))
18389
18350
  ))
18390
18351
  )
18391
18352
 
@@ -19999,15 +19960,10 @@ const TabItem = styled.div`
19999
19960
  padding: 16px 0;
20000
19961
  color: ${theme.colors["neutral-900"]};
20001
19962
  cursor: pointer;
20002
- font-size: 16px;
20003
- font-weight: 500;
20004
- font-family: Circular Book Medium, sans-serif;
20005
- line-height: 19px;
20006
- letter-spacing: -0.02em;
20007
19963
  border-bottom: 2px solid ${theme.colors["neutral-100"]};
20008
19964
  &.active{
20009
19965
  border-bottom: 2px solid ${theme.colors["neutral-900"]};
20010
- background: ${theme.colors["neutral-50"]};
19966
+ background: ${theme.colors["neutral-100"]};
20011
19967
  animation: select-tab 0.2s ease-out;
20012
19968
  @keyframes select-tab{
20013
19969
  from{
@@ -20015,7 +19971,7 @@ const TabItem = styled.div`
20015
19971
  background: transparent;
20016
19972
  }
20017
19973
  to{
20018
- background: ${theme.colors["neutral-50"]};
19974
+ background: ${theme.colors["neutral-100"]};
20019
19975
  border-color: ${theme.colors["neutral-900"]};
20020
19976
  }
20021
19977
  }
@@ -20049,7 +20005,7 @@ const Tab = (props) => {
20049
20005
  React$1.createElement(TabItem, { key: index, className: tabIndex === index ? 'active' : '', style: {background:tabIndex === index ? tab.activeBgHexColor : ''}, onClick: ()=>{
20050
20006
  setTabIndex(index);
20051
20007
  if (selectedTab) selectedTab(index);
20052
- }, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 18}}, tab.tabName)
20008
+ }, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 18}}, React$1.createElement('span', { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 21}}, tab.tabName))
20053
20009
  )
20054
20010
  })
20055
20011
  )
@@ -20968,12 +20924,9 @@ const ModalCard = styled.div`
20968
20924
  const CardHead = styled.div`
20969
20925
  display: flex;
20970
20926
  justify-content: space-between;
20971
- h3{
20927
+ align-items: center;
20928
+ h5{
20972
20929
  color:${theme.colors["neutral-900"]};
20973
- font-weight: 700;
20974
- font-size: 23px;
20975
- letter-spacing: -0.02em;
20976
- line-height: 28px;
20977
20930
  margin: 0;
20978
20931
  }
20979
20932
  button{
@@ -21022,7 +20975,7 @@ const PopupModal = (props) => {
21022
20975
  React$1.createElement(Backdrop, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 22}}
21023
20976
  , React$1.createElement(ModalCard, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 23}}
21024
20977
  , React$1.createElement(CardHead, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 24}}
21025
- , React$1.createElement('h3', {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 25}}, title)
20978
+ , React$1.createElement('h5', { className: "heading5Bold", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 25}}, title)
21026
20979
  , React$1.createElement('button', { onClick: ()=>{
21027
20980
  closeFxn();
21028
20981
  enableScroll();
@@ -21833,6 +21786,7 @@ const TitleBarContainer = styled.div`
21833
21786
  align-items: center;
21834
21787
  justify-content: space-between;
21835
21788
  color:${theme.colors["neutral-50"]};
21789
+ box-sizing: border-box;
21836
21790
  .search-term{
21837
21791
  font-size: 16px;
21838
21792
  font-weight: 500;
@@ -24106,7 +24060,7 @@ const UserRolesTable = (props) => {
24106
24060
  , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 64}}
24107
24061
  , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 65}}
24108
24062
  , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 66}}
24109
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 67}}, "Title"
24063
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 67}}, "Name"
24110
24064
 
24111
24065
  , sortDir === 'desc' &&
24112
24066
  React$1.createElement(React$1.Fragment, null