sag_components 2.0.0-beta → 2.0.0-beta2

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

@@ -0,0 +1,149 @@
+declare namespace _default {
+    export const title: string;
+    export { OneColumnContainer as component };
+    export const tags: string[];
+}
+export default _default;
+export namespace Skeleton {
+    namespace args {
+        const isLoading: boolean;
+        const infoTitle: string;
+        const infoText: string;
+        const width: string;
+        const height: string;
+        const disableInfo: boolean;
+        const showViewByBannerButton: boolean;
+        const overflow: string;
+    }
+}
+export namespace DisableInfo {
+    export namespace args_1 {
+        const isLoading_1: boolean;
+        export { isLoading_1 as isLoading };
+        const infoTitle_1: string;
+        export { infoTitle_1 as infoTitle };
+        const infoText_1: string;
+        export { infoText_1 as infoText };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const disableInfo_1: boolean;
+        export { disableInfo_1 as disableInfo };
+        const showViewByBannerButton_1: boolean;
+        export { showViewByBannerButton_1 as showViewByBannerButton };
+        const overflow_1: string;
+        export { overflow_1 as overflow };
+    }
+    export { args_1 as args };
+}
+export namespace ShowViewByBanner {
+    export namespace args_2 {
+        const isLoading_2: boolean;
+        export { isLoading_2 as isLoading };
+        const infoTitle_2: string;
+        export { infoTitle_2 as infoTitle };
+        const infoText_2: string;
+        export { infoText_2 as infoText };
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const disableInfo_2: boolean;
+        export { disableInfo_2 as disableInfo };
+        const showViewByBannerButton_2: boolean;
+        export { showViewByBannerButton_2 as showViewByBannerButton };
+        const overflow_2: string;
+        export { overflow_2 as overflow };
+    }
+    export { args_2 as args };
+}
+export namespace ShowViewByBannerAndInfo {
+    export namespace args_3 {
+        const isLoading_3: boolean;
+        export { isLoading_3 as isLoading };
+        const infoTitle_3: string;
+        export { infoTitle_3 as infoTitle };
+        const infoText_3: string;
+        export { infoText_3 as infoText };
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const disableInfo_3: boolean;
+        export { disableInfo_3 as disableInfo };
+        const showViewByBannerButton_3: boolean;
+        export { showViewByBannerButton_3 as showViewByBannerButton };
+        const overflow_3: string;
+        export { overflow_3 as overflow };
+    }
+    export { args_3 as args };
+}
+export namespace ShowOnlyInfo {
+    export namespace args_4 {
+        const isLoading_4: boolean;
+        export { isLoading_4 as isLoading };
+        const infoTitle_4: string;
+        export { infoTitle_4 as infoTitle };
+        const infoText_4: string;
+        export { infoText_4 as infoText };
+        const width_4: string;
+        export { width_4 as width };
+        const height_4: string;
+        export { height_4 as height };
+        const disableInfo_4: boolean;
+        export { disableInfo_4 as disableInfo };
+        const showViewByBannerButton_4: boolean;
+        export { showViewByBannerButton_4 as showViewByBannerButton };
+        const overflow_4: string;
+        export { overflow_4 as overflow };
+    }
+    export { args_4 as args };
+}
+export namespace ShowColumnTitleAndInfo {
+    export namespace args_5 {
+        const isLoading_5: boolean;
+        export { isLoading_5 as isLoading };
+        const infoTitle_5: string;
+        export { infoTitle_5 as infoTitle };
+        const infoText_5: string;
+        export { infoText_5 as infoText };
+        const width_5: string;
+        export { width_5 as width };
+        const height_5: string;
+        export { height_5 as height };
+        const disableInfo_5: boolean;
+        export { disableInfo_5 as disableInfo };
+        const showViewByBannerButton_5: boolean;
+        export { showViewByBannerButton_5 as showViewByBannerButton };
+        const overflow_5: string;
+        export { overflow_5 as overflow };
+        export const columnTitle: string;
+    }
+    export { args_5 as args };
+}
+export namespace WithBarComponent {
+    export namespace args_6 {
+        const isLoading_6: boolean;
+        export { isLoading_6 as isLoading };
+        const infoTitle_6: string;
+        export { infoTitle_6 as infoTitle };
+        const infoText_6: string;
+        export { infoText_6 as infoText };
+        const width_6: string;
+        export { width_6 as width };
+        const height_6: string;
+        export { height_6 as height };
+        const disableInfo_6: boolean;
+        export { disableInfo_6 as disableInfo };
+        const showViewByBannerButton_6: boolean;
+        export { showViewByBannerButton_6 as showViewByBannerButton };
+        const overflow_6: string;
+        export { overflow_6 as overflow };
+        export const children: import("react/jsx-runtime").JSX.Element;
+        const columnTitle_1: string;
+        export { columnTitle_1 as columnTitle };
+    }
+    export { args_6 as args };
+}
+import { OneColumnContainer } from "./OneColumnContainer";

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

@@ -0,0 +1,10 @@
+export const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const OneColumnContainerMainDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const InfoTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const InfoTitleLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const InfoTextLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ColumnTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LoadingDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const BannerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const OutBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,86 @@
+export function PerformanceAnalytics(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace PerformanceAnalytics {
+    namespace propTypes {
+        const totalsData: PropTypes.Requireable<(PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+            dotCut: PropTypes.Requireable<boolean>;
+            currency: PropTypes.Requireable<boolean>;
+            currencyType: PropTypes.Requireable<string>;
+            growthPercent: PropTypes.Requireable<number>;
+            showGrowthPercentSign: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+        const data: PropTypes.Requireable<(PropTypes.InferProps<{
+            retailer: PropTypes.Requireable<string>;
+            offerType: PropTypes.Requireable<string>;
+            period: PropTypes.Requireable<string>;
+            roiValue: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+            iconColor: PropTypes.Requireable<string>;
+            iconType: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        const currencyType: PropTypes.Requireable<string>;
+        const colorGraphROI: PropTypes.Requireable<string>;
+        const colorBarchart1: PropTypes.Requireable<string>;
+        const colorBarchart2: PropTypes.Requireable<string>;
+        const textcolor: PropTypes.Requireable<string>;
+        const width: PropTypes.Requireable<number>;
+        const height: PropTypes.Requireable<number>;
+        const barChartHeight: PropTypes.Requireable<number>;
+        const dotCut: PropTypes.Requireable<boolean>;
+        const lineChartHeight: PropTypes.Requireable<number>;
+        const noDataText: PropTypes.Requireable<string>;
+        const tooltipBarchartLabel_ROI: PropTypes.Requireable<string>;
+        const tooltipBarchartLabel_IndividualPerformance1: PropTypes.Requireable<string>;
+        const tooltipBarchartLabel_IndividualPerformance2: PropTypes.Requireable<string>;
+        const tooltipBarchartLabel_IndividualPerformance3: PropTypes.Requireable<string>;
+        const tooltipBarchartLabel_ContributionOfTotal1: PropTypes.Requireable<string>;
+        const tooltipBarchartLabel_ContributionOfTotal2: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const totalsData_1: never[];
+        export { totalsData_1 as totalsData };
+        const data_1: never[];
+        export { data_1 as data };
+        const legendData_1: never[];
+        export { legendData_1 as legendData };
+        const currencyType_1: string;
+        export { currencyType_1 as currencyType };
+        const colorGraphROI_1: string;
+        export { colorGraphROI_1 as colorGraphROI };
+        const colorBarchart1_1: string;
+        export { colorBarchart1_1 as colorBarchart1 };
+        const colorBarchart2_1: string;
+        export { colorBarchart2_1 as colorBarchart2 };
+        const textcolor_1: string;
+        export { textcolor_1 as textcolor };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: number;
+        export { height_1 as height };
+        const barChartHeight_1: number;
+        export { barChartHeight_1 as barChartHeight };
+        const lineChartHeight_1: number;
+        export { lineChartHeight_1 as lineChartHeight };
+        const dotCut_1: boolean;
+        export { dotCut_1 as dotCut };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+        const tooltipBarchartLabel_ROI_1: string;
+        export { tooltipBarchartLabel_ROI_1 as tooltipBarchartLabel_ROI };
+        const tooltipBarchartLabel_IndividualPerformance1_1: string;
+        export { tooltipBarchartLabel_IndividualPerformance1_1 as tooltipBarchartLabel_IndividualPerformance1 };
+        const tooltipBarchartLabel_IndividualPerformance2_1: string;
+        export { tooltipBarchartLabel_IndividualPerformance2_1 as tooltipBarchartLabel_IndividualPerformance2 };
+        const tooltipBarchartLabel_IndividualPerformance3_1: string;
+        export { tooltipBarchartLabel_IndividualPerformance3_1 as tooltipBarchartLabel_IndividualPerformance3 };
+        const tooltipBarchartLabel_ContributionOfTotal1_1: string;
+        export { tooltipBarchartLabel_ContributionOfTotal1_1 as tooltipBarchartLabel_ContributionOfTotal1 };
+        const tooltipBarchartLabel_ContributionOfTotal2_1: string;
+        export { tooltipBarchartLabel_ContributionOfTotal2_1 as tooltipBarchartLabel_ContributionOfTotal2 };
+    }
+}
+export default PerformanceAnalytics;
+import PropTypes from "prop-types";

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

@@ -0,0 +1,263 @@
+declare namespace _default {
+    export const title: string;
+    export { PerformanceAnalytics as component };
+    export const tags: string[];
+    export namespace parameters {
+        namespace design {
+            const type: string;
+            const accessToken: string;
+        }
+    }
+    export namespace argTypes {
+        namespace currencyType {
+            const name: string;
+            const options: string[];
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+        }
+        namespace legendData {
+            const name_1: string;
+            export { name_1 as name };
+            export const description: string;
+        }
+        namespace width {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_1 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        namespace height {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_2 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        namespace dotCut {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_3 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace lineChartHeight {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_4 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace textcolor {
+            const name_6: string;
+            export { name_6 as name };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace control_5 {
+                const type_6: string;
+                export { type_6 as type };
+                export const presetColors: string[];
+            }
+            export { control_5 as control };
+        }
+        namespace colorGraphROI {
+            const name_7: string;
+            export { name_7 as name };
+            const description_6: string;
+            export { description_6 as description };
+            export namespace control_6 {
+                const type_7: string;
+                export { type_7 as type };
+                const presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+            }
+            export { control_6 as control };
+        }
+        namespace noDataText {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_7 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        namespace tooltipBarchartLabel_ROI {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_8 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_8 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        namespace tooltipBarchartLabel_IndividualPerformance1 {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_9 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        namespace tooltipBarchartLabel_IndividualPerformance2 {
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_10 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_10 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        namespace tooltipBarchartLabel_IndividualPerformance3 {
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_11 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_11 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        namespace tooltipBarchartLabel_ContributionOfTotal1 {
+            const name_13: string;
+            export { name_13 as name };
+            export namespace control_12 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_12 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        namespace tooltipBarchartLabel_ContributionOfTotal2 {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_13 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_13 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+    }
+}
+export default _default;
+export function IndividualPerformance(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace IndividualPerformance {
+    export namespace args {
+        export { totalsData1 as totalsData };
+        export { data1 as data };
+        export { legendData1 as legendData };
+        export const colorBarchart1: string;
+        export const colorBarchart2: string;
+        const colorGraphROI_1: string;
+        export { colorGraphROI_1 as colorGraphROI };
+        const currencyType_1: string;
+        export { currencyType_1 as currencyType };
+        const dotCut_1: boolean;
+        export { dotCut_1 as dotCut };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        export const barChartHeight: number;
+        const lineChartHeight_1: number;
+        export { lineChartHeight_1 as lineChartHeight };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+        const tooltipBarchartLabel_ROI_1: string;
+        export { tooltipBarchartLabel_ROI_1 as tooltipBarchartLabel_ROI };
+        const tooltipBarchartLabel_IndividualPerformance1_1: string;
+        export { tooltipBarchartLabel_IndividualPerformance1_1 as tooltipBarchartLabel_IndividualPerformance1 };
+        const tooltipBarchartLabel_IndividualPerformance2_1: string;
+        export { tooltipBarchartLabel_IndividualPerformance2_1 as tooltipBarchartLabel_IndividualPerformance2 };
+        const tooltipBarchartLabel_IndividualPerformance3_1: string;
+        export { tooltipBarchartLabel_IndividualPerformance3_1 as tooltipBarchartLabel_IndividualPerformance3 };
+        const tooltipBarchartLabel_ContributionOfTotal1_1: string;
+        export { tooltipBarchartLabel_ContributionOfTotal1_1 as tooltipBarchartLabel_ContributionOfTotal1 };
+        const tooltipBarchartLabel_ContributionOfTotal2_1: string;
+        export { tooltipBarchartLabel_ContributionOfTotal2_1 as tooltipBarchartLabel_ContributionOfTotal2 };
+    }
+    export namespace parameters_1 {
+        export namespace design_1 {
+            const url: string;
+        }
+        export { design_1 as design };
+    }
+    export { parameters_1 as parameters };
+}
+import { PerformanceAnalytics } from "./PerformanceAnalytics";
+declare const totalsData1: ({
+    title: string;
+    value: number;
+    dotCut: boolean;
+    currency: boolean;
+    currencyType: string;
+    growthPercent: number;
+    showGrowthPercentSign: boolean;
+} | {
+    title: string;
+    value: number;
+    dotCut: boolean;
+    currency: boolean;
+    currencyType: null;
+    growthPercent: null;
+    showGrowthPercentSign: boolean;
+})[];
+declare const data1: ({
+    retailer: string;
+    offerType: string;
+    period: string;
+    roiValue: number;
+    packageCostValue: number;
+    redemptionCostValue: null;
+    incrementalSalesValue: number;
+    IncrementalGrowthValue: number;
+    contributionTotalCostValue: number;
+    contributionIncrementalSalesValue: number;
+} | {
+    retailer: string;
+    offerType: string;
+    period: string;
+    roiValue: number;
+    packageCostValue: number;
+    redemptionCostValue: number;
+    incrementalSalesValue: number;
+    IncrementalGrowthValue: number;
+    contributionTotalCostValue: number;
+    contributionIncrementalSalesValue: number;
+})[];
+declare const legendData1: {
+    iconColor: string;
+    iconType: string;
+    title: string;
+}[];

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

@@ -0,0 +1,14 @@
+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 LabelBoldText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGTSpanElement>, never>> & string;
+export const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGTSpanElement>, 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 SegmentedButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipContainer: 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 TooltipValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const TooltipTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const ToolTipBarchart1Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ToolTipBarchart1LabelAndValueContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ToolTipLabelAndValueContainer: 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;

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

@@ -0,0 +1,29 @@
+export function PerformanceAnalyticsLegend(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace PerformanceAnalyticsLegend {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+            title: PropTypes.Validator<string>;
+            iconType: PropTypes.Validator<string>;
+            iconColor: PropTypes.Validator<string>;
+        }> | null | undefined)[]>;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const legendData_1: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_1 as legendData };
+    }
+}
+export default PerformanceAnalyticsLegend;
+import PropTypes from "prop-types";

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

@@ -0,0 +1,98 @@
+declare namespace _default {
+    export const title: string;
+    export { PerformanceAnalyticsLegend as component };
+    export const tags: string[];
+    export namespace parameters {
+        namespace design {
+            const type: string;
+            const accessToken: string;
+        }
+    }
+    export namespace argTypes {
+        namespace legendData {
+            const name: string;
+            const description: string;
+        }
+        namespace width {
+            const name_1: string;
+            export { name_1 as name };
+            export namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            const description_1: string;
+            export { description_1 as description };
+        }
+        namespace height {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_1 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+    }
+}
+export default _default;
+export function IndividualPerformance(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace IndividualPerformance {
+    export namespace args {
+        export { legendDataIndividualPerformance as legendData };
+    }
+    export namespace parameters_1 {
+        export namespace design_1 {
+            const url: string;
+        }
+        export { design_1 as design };
+    }
+    export { parameters_1 as parameters };
+}
+export function PercentIncrementalGrowth(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace PercentIncrementalGrowth {
+    export namespace args_1 {
+        export { legendDataPercentIncrementalGrowth as legendData };
+    }
+    export { args_1 as args };
+    export namespace parameters_2 {
+        export namespace design_2 {
+            const url_1: string;
+            export { url_1 as url };
+        }
+        export { design_2 as design };
+    }
+    export { parameters_2 as parameters };
+}
+export function PercentContributionOfTotal(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace PercentContributionOfTotal {
+    export namespace args_2 {
+        export { legendDataPercentContributionOfTotal as legendData };
+    }
+    export { args_2 as args };
+    export namespace parameters_3 {
+        export namespace design_3 {
+            const url_2: string;
+            export { url_2 as url };
+        }
+        export { design_3 as design };
+    }
+    export { parameters_3 as parameters };
+}
+import { PerformanceAnalyticsLegend } from "./PerformanceAnalyticsLegend";
+declare const legendDataIndividualPerformance: {
+    title: string;
+    iconType: string;
+    iconColor: string;
+}[];
+declare const legendDataPercentIncrementalGrowth: {
+    title: string;
+    iconType: string;
+    iconColor: string;
+}[];
+declare const legendDataPercentContributionOfTotal: {
+    title: string;
+    iconType: string;
+    iconColor: string;
+}[];

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

@@ -0,0 +1,6 @@
+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 LegendDataContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TitleAndIconContainer: 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 LegendColorRectangle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;