sag_components 2.0.0-beta41 → 2.0.0-beta42

package/dist/index.d.ts

@@ -847,6 +847,7 @@ declare namespace TotalDoughnutChart {
             value: PropTypes.Requireable<number>;
             name: PropTypes.Requireable<string>;
         }>[]>;
+        const legendBelow: PropTypes.Requireable<boolean>;
         const itemsPercentagesValueAside: PropTypes.Requireable<boolean>;
         const itemsBoldedValues: PropTypes.Requireable<boolean>;
         const itemsValuesSeparateLine: PropTypes.Requireable<boolean>;
@@ -877,6 +878,8 @@ declare namespace TotalDoughnutChart {
         export { currencyType_1 as currencyType };
         const legendData_1: any[];
         export { legendData_1 as legendData };
+        const legendBelow_1: boolean;
+        export { legendBelow_1 as legendBelow };
         const itemsPercentagesValueAside_1: boolean;
         export { itemsPercentagesValueAside_1 as itemsPercentagesValueAside };
         const itemsBoldedValues_1: boolean;

package/dist/index.esm.js

@@ -26359,7 +26359,6 @@ const scrollableStyles$5 = `
 const ControlsContainer$4 = styled.div`
   position: relative;
   font-family: "Poppins", sans-serif;
-  font-style: normal;
   font-size: ${props => props.rootFont};
   color: ${props => props.textColor};
   width: ${props => props.width};
@@ -26455,6 +26454,8 @@ const TextAfterValue = styled.div`
 `;
 const DoughnutChartAndLegendContainer = styled.div`
   display: flex;
+  flex-direction: ${props => props.legendBelow ? 'column' : 'row'};
+  gap: 12px;
   justify-content: space-between;
   margin-top: auto;
   padding: 0 20px ;
@@ -26520,6 +26521,7 @@ const TotalDoughnutChart = props => {
     currencySign,
     currencyType,
     legendData,
+    legendBelow,
     itemsPercentagesValueAside,
     itemsBoldedValues,
     itemsValuesSeparateLine,
@@ -26614,7 +26616,9 @@ const TotalDoughnutChart = props => {
     className: "CurrencySign"
   }, currencySign ? getCurrencySign(currencyType, value) : ''), dotCut ? getFormattedValue(value && Math.abs(value) > 0 && value % 1 !== 0 ? value?.toFixed(2) : value) : getNumberWithCommas(value), dotCut ? getFormattedUnits(value) : ''), textAfterValue ? /*#__PURE__*/React$1.createElement(TextAfterValue, {
     className: "TextAfterValue"
-  }, textAfterValue) : '', addingBenchmark && /*#__PURE__*/React$1.createElement(Benchmark, null))), /*#__PURE__*/React$1.createElement(DoughnutChartAndLegendContainer, null, /*#__PURE__*/React$1.createElement(DoughnutChartContainer, {
+  }, textAfterValue) : '', addingBenchmark && /*#__PURE__*/React$1.createElement(Benchmark, null))), /*#__PURE__*/React$1.createElement(DoughnutChartAndLegendContainer, {
+    legendBelow: legendBelow
+  }, /*#__PURE__*/React$1.createElement(DoughnutChartContainer, {
     width: width,
     height: height,
     ref: DoughnutChartContainerRef
@@ -26658,6 +26662,7 @@ TotalDoughnutChart.propTypes = {
     value: PropTypes.number,
     name: PropTypes.string
   })),
+  legendBelow: PropTypes.bool,
   itemsPercentagesValueAside: PropTypes.bool,
   itemsBoldedValues: PropTypes.bool,
   itemsValuesSeparateLine: PropTypes.bool,
@@ -26680,6 +26685,7 @@ TotalDoughnutChart.defaultProps = {
   currencySign: false,
   currencyType: 'USD',
   legendData: [],
+  legendBelow: false,
   itemsPercentagesValueAside: true,
   itemsBoldedValues: true,
   itemsValuesSeparateLine: true,