sag_components 1.0.1068 → 2.0.0-beta1

package/dist/types/components/PieChart/PieChart.stories.d.ts

@@ -0,0 +1,295 @@
+declare namespace _default {
+    export const title: string;
+    export { PieChart as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace width {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        export namespace height {
+            const name_1: string;
+            export { name_1 as name };
+            export namespace control_1 {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export namespace textcolor {
+            const name_2: string;
+            export { name_2 as name };
+            const description_2: string;
+            export { description_2 as description };
+            export namespace control_2 {
+                const type_2: string;
+                export { type_2 as type };
+                export const presetColors: string[];
+            }
+            export { control_2 as control };
+        }
+        export namespace title_1 {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export { title_1 as title };
+        export namespace value {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+                export const min: number;
+                export const max: number;
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace currencySign {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace currencyType {
+            const name_6: string;
+            export { name_6 as name };
+            export const options: string[];
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+        }
+        export namespace dotCut {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace isPercent {
+            const _default: boolean;
+            export { _default as default };
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace legendData {
+            const name_9: string;
+            export { name_9 as name };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace itemsBoldedValues {
+            const _default_1: boolean;
+            export { _default_1 as default };
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace itemsPercentagesValueAside {
+            const _default_2: boolean;
+            export { _default_2 as default };
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_10 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace itemsValuesSeparateLine {
+            const _default_3: boolean;
+            export { _default_3 as default };
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_11 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace hideTitleAndValue {
+            const _default_4: boolean;
+            export { _default_4 as default };
+            const name_13: string;
+            export { name_13 as name };
+            export namespace control_12 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_12 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace addingBenchmark {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_13 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_13 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        export namespace textAfterValue {
+            const name_15: string;
+            export { name_15 as name };
+            export namespace control_14 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_14 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        export namespace noDataText {
+            const name_16: string;
+            export { name_16 as name };
+            export namespace control_15 {
+                const type_15: string;
+                export { type_15 as type };
+            }
+            export { control_15 as control };
+            const description_15: string;
+            export { description_15 as description };
+        }
+    }
+}
+export default _default;
+export function TotalCost3rows(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace TotalCost3rows {
+    namespace args {
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const textcolor_1: string;
+        export { textcolor_1 as textcolor };
+        const title_2: string;
+        export { title_2 as title };
+        const value_1: number;
+        export { value_1 as value };
+        const currencySign_1: boolean;
+        export { currencySign_1 as currencySign };
+        const currencyType_1: string;
+        export { currencyType_1 as currencyType };
+        const dotCut_1: boolean;
+        export { dotCut_1 as dotCut };
+        const isPercent_1: boolean;
+        export { isPercent_1 as isPercent };
+        export { arrLegendDat3rows as legendData };
+        const itemsBoldedValues_1: boolean;
+        export { itemsBoldedValues_1 as itemsBoldedValues };
+        const itemsPercentagesValueAside_1: boolean;
+        export { itemsPercentagesValueAside_1 as itemsPercentagesValueAside };
+        const itemsValuesSeparateLine_1: boolean;
+        export { itemsValuesSeparateLine_1 as itemsValuesSeparateLine };
+        const hideTitleAndValue_1: boolean;
+        export { hideTitleAndValue_1 as hideTitleAndValue };
+        const addingBenchmark_1: boolean;
+        export { addingBenchmark_1 as addingBenchmark };
+        const textAfterValue_1: string;
+        export { textAfterValue_1 as textAfterValue };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+    }
+}
+export function TotalCost5rows(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace TotalCost5rows {
+    export namespace args_1 {
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const textcolor_2: string;
+        export { textcolor_2 as textcolor };
+        const title_3: string;
+        export { title_3 as title };
+        const value_2: number;
+        export { value_2 as value };
+        const currencySign_2: boolean;
+        export { currencySign_2 as currencySign };
+        const currencyType_2: string;
+        export { currencyType_2 as currencyType };
+        const dotCut_2: boolean;
+        export { dotCut_2 as dotCut };
+        const isPercent_2: boolean;
+        export { isPercent_2 as isPercent };
+        export { arrLegendDat5rows as legendData };
+        const itemsBoldedValues_2: boolean;
+        export { itemsBoldedValues_2 as itemsBoldedValues };
+        const itemsPercentagesValueAside_2: boolean;
+        export { itemsPercentagesValueAside_2 as itemsPercentagesValueAside };
+        const itemsValuesSeparateLine_2: boolean;
+        export { itemsValuesSeparateLine_2 as itemsValuesSeparateLine };
+        const hideTitleAndValue_2: boolean;
+        export { hideTitleAndValue_2 as hideTitleAndValue };
+        const addingBenchmark_2: boolean;
+        export { addingBenchmark_2 as addingBenchmark };
+        const textAfterValue_2: string;
+        export { textAfterValue_2 as textAfterValue };
+        const noDataText_2: string;
+        export { noDataText_2 as noDataText };
+    }
+    export { args_1 as args };
+}
+import { PieChart } from "./PieChart";
+declare const arrLegendDat3rows: {
+    name: string;
+    value: number;
+    color: string;
+}[];
+declare const arrLegendDat5rows: ({
+    name: string;
+    value: null;
+    color: string;
+} | {
+    name: string;
+    value: undefined;
+    color: string;
+} | {
+    name: string;
+    value: number;
+    color: string;
+})[];

package/dist/types/components/PieChart/PieChart.style.d.ts

@@ -0,0 +1,18 @@
+export const ControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Controls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const TitleAndValueContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const CurrencySignAndFormattedValueContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const FormattedValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const CurrencySign: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const TextAfterValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const DoughnutChartAndLegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const DoughnutChartContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LegendControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LegendTitleAndFormatedValueContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LegendColorRectangle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LegendTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const LegendFormattedValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/types/components/PopupCharts/PopupCharts.d.ts

@@ -0,0 +1,64 @@
+export default PopupCharts;
+declare function PopupCharts(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace PopupCharts {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const chartType: PropTypes.Requireable<string>;
+        const popupChartsItemsData: PropTypes.Requireable<(PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            chartType: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+            legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+                color: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<number>;
+            }> | null | undefined)[]>;
+            noDataText: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        const isPopupChartsOpen: PropTypes.Requireable<boolean>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const subtitleTextColor: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const chartType_1: string;
+        export { chartType_1 as chartType };
+        const isPopupChartsOpen_1: boolean;
+        export { isPopupChartsOpen_1 as isPopupChartsOpen };
+        const popupChartsItemsData_1: ({
+            title: string;
+            chartType: string;
+            value: number;
+            legendData: {
+                color: string;
+                name: string;
+                value: number;
+            }[];
+            noDataText: string;
+            chartsData?: undefined;
+        } | {
+            title: string;
+            chartType: string;
+            value: number;
+            chartsData: {
+                label: string;
+                value: number;
+            }[];
+            noDataText: string;
+            legendData?: undefined;
+        })[];
+        export { popupChartsItemsData_1 as popupChartsItemsData };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        export function onCloseClick_1(): void;
+        export { onCloseClick_1 as onCloseClick };
+        const subtitleTextColor_1: string;
+        export { subtitleTextColor_1 as subtitleTextColor };
+    }
+}
+import PropTypes from "prop-types";

package/dist/types/components/PopupCharts/PopupCharts.stories.d.ts

@@ -0,0 +1,280 @@
+declare namespace _default {
+    export const title: string;
+    export { PopupCharts as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace title_1 {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        export { title_1 as title };
+        export namespace chartType {
+            const name_1: string;
+            export { name_1 as name };
+            export namespace control_1 {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            export const options: string[];
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export namespace isPopupChartsOpen {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_2 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace width {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace height {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace subtitleTextColor {
+            const name_5: string;
+            export { name_5 as name };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+                export const presetColors: string[];
+            }
+            export { control_5 as control };
+        }
+        export namespace popupChartsItemsData {
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace onCloseClick {
+            export const action: string;
+            const description_7: string;
+            export { description_7 as description };
+        }
+    }
+}
+export default _default;
+export function TotalDoughnutChart(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace TotalDoughnutChart {
+    namespace args {
+        const title_2: string;
+        export { title_2 as title };
+        const chartType_1: string;
+        export { chartType_1 as chartType };
+        const isPopupChartsOpen_1: boolean;
+        export { isPopupChartsOpen_1 as isPopupChartsOpen };
+        export { popupChartsItemsData1 as popupChartsItemsData };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const subtitleTextColor_1: string;
+        export { subtitleTextColor_1 as subtitleTextColor };
+    }
+}
+export function BarChartsByWeeks(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace BarChartsByWeeks {
+    export namespace args_1 {
+        const title_3: string;
+        export { title_3 as title };
+        const chartType_2: string;
+        export { chartType_2 as chartType };
+        const isPopupChartsOpen_2: boolean;
+        export { isPopupChartsOpen_2 as isPopupChartsOpen };
+        export { popupChartsItemsData1 as popupChartsItemsData };
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const subtitleTextColor_2: string;
+        export { subtitleTextColor_2 as subtitleTextColor };
+    }
+    export { args_1 as args };
+}
+export function BarChartsByWeeksTwoBars(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace BarChartsByWeeksTwoBars {
+    export namespace args_2 {
+        const title_4: string;
+        export { title_4 as title };
+        const chartType_3: string;
+        export { chartType_3 as chartType };
+        const isPopupChartsOpen_3: boolean;
+        export { isPopupChartsOpen_3 as isPopupChartsOpen };
+        export { popupChartsItemsData1 as popupChartsItemsData };
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const subtitleTextColor_3: string;
+        export { subtitleTextColor_3 as subtitleTextColor };
+    }
+    export { args_2 as args };
+}
+export function TotalHorizontalCharts(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace TotalHorizontalCharts {
+    export namespace args_3 {
+        const title_5: string;
+        export { title_5 as title };
+        const chartType_4: string;
+        export { chartType_4 as chartType };
+        const isPopupChartsOpen_4: boolean;
+        export { isPopupChartsOpen_4 as isPopupChartsOpen };
+        export { popupChartsItemsData1 as popupChartsItemsData };
+        const width_4: string;
+        export { width_4 as width };
+        const height_4: string;
+        export { height_4 as height };
+        const subtitleTextColor_4: string;
+        export { subtitleTextColor_4 as subtitleTextColor };
+    }
+    export { args_3 as args };
+}
+export function MarketShareWeeklyTriers(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace MarketShareWeeklyTriers {
+    export namespace args_4 {
+        const title_6: string;
+        export { title_6 as title };
+        const chartType_5: string;
+        export { chartType_5 as chartType };
+        const isPopupChartsOpen_5: boolean;
+        export { isPopupChartsOpen_5 as isPopupChartsOpen };
+        export { popupChartsItemsData1 as popupChartsItemsData };
+        const width_5: string;
+        export { width_5 as width };
+        const height_5: string;
+        export { height_5 as height };
+        const subtitleTextColor_5: string;
+        export { subtitleTextColor_5 as subtitleTextColor };
+    }
+    export { args_4 as args };
+}
+export function SalesAndROI(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace SalesAndROI {
+    export namespace args_5 {
+        const title_7: string;
+        export { title_7 as title };
+        const chartType_6: string;
+        export { chartType_6 as chartType };
+        const isPopupChartsOpen_6: boolean;
+        export { isPopupChartsOpen_6 as isPopupChartsOpen };
+        export { popupChartsItemsData1 as popupChartsItemsData };
+        const width_6: string;
+        export { width_6 as width };
+        const height_6: string;
+        export { height_6 as height };
+        const subtitleTextColor_6: string;
+        export { subtitleTextColor_6 as subtitleTextColor };
+    }
+    export { args_5 as args };
+}
+import PopupCharts from "./PopupCharts";
+declare const popupChartsItemsData1: {
+    title: string;
+    rowsData: {
+        TotalDoughnutChartDetails: {
+            title: string;
+            value: number;
+            legendData: {
+                color: string;
+                name: string;
+                value: number;
+            }[];
+            noDataText: string;
+        };
+        BarChartsByWeeksDetails: {
+            title: string;
+            headerValueTopTitle: string;
+            headerValue: number;
+            headerValueBottomTitle: string;
+            barChartData: {
+                title: string;
+                value: number;
+                secondValue: number;
+            }[];
+            barChartColor: string;
+            barChartSecondColor: string;
+            startWeekRange: string;
+            endWeekRange: string;
+            tooltipTitle: string;
+            tooltipSecondTitle: string;
+            xselectedColor: string;
+            isPercentValue: boolean;
+            showLegend: boolean;
+            legendData: {
+                title: string;
+                iconType: string;
+                iconColor: string;
+            }[];
+        };
+        TotalHorizontalChartsDetails: {
+            title: string;
+            value: number;
+            chartsData: {
+                color: string;
+                name: string;
+                value: number;
+            }[];
+            noDataText: string;
+            currencySign: boolean;
+            dotCut: boolean;
+        };
+        MarketShareDescriptionDetails: {
+            dotCut: boolean;
+            marketShareData: {
+                fieldsArray: {
+                    label: string;
+                    textAfter: string;
+                    textBefore: string;
+                    value: number;
+                }[];
+                name: string;
+                rowFooter: string;
+                rowTitle: string;
+                showBanner: boolean;
+            }[];
+            height: string;
+            width: string;
+        };
+        SalesAndROIDetails: {
+            title: string;
+            currencySign: boolean;
+            dotCut: boolean;
+            noDataText: string;
+            salesData: {
+                name: string;
+                textAfter: string;
+                textBefore: string;
+                value: number;
+            }[];
+            showBanner: boolean;
+            height: string;
+            width: string;
+        };
+    };
+}[];

package/dist/types/components/PopupCharts/PopupCharts.style.d.ts

@@ -0,0 +1,12 @@
+export const MainContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TitleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const ChartsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ChartItemMainContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ChartItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ChartItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const ChartItemIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const ChartContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CloseXIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;