sag_components 2.0.0-beta5 → 2.0.0-beta50

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

@@ -1,13 +1,13 @@
 export function LinkButton({ text, type, size, height, width, disabled, textColor, onClick, leftIcon, rightIcon, }: {
-    text?: string | undefined;
-    type?: string | undefined;
-    size?: string | undefined;
-    height?: string | undefined;
-    width?: string | undefined;
-    disabled?: boolean | undefined;
-    textColor?: string | undefined;
+    text?: string;
+    type?: string;
+    size?: string;
+    height?: string;
+    width?: string;
+    disabled?: boolean;
+    textColor?: string;
     onClick: any;
-    leftIcon?: string | undefined;
-    rightIcon?: string | undefined;
+    leftIcon?: string;
+    rightIcon?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default LinkButton;

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

@@ -97,183 +97,14 @@ declare namespace _default {
     }
 }
 export default _default;
-export function PrimaryDefault(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PrimaryDefault {
-    namespace args {
-        const text_1: string;
-        export { text_1 as text };
-        const type_9: string;
-        export { type_9 as type };
-        const size_1: string;
-        export { size_1 as size };
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const leftIcon_1: string;
-        export { leftIcon_1 as leftIcon };
-        const rightIcon_1: string;
-        export { rightIcon_1 as rightIcon };
-    }
-}
-export function PrimaryDisabled(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PrimaryDisabled {
-    export namespace args_1 {
-        const text_2: string;
-        export { text_2 as text };
-        const type_10: string;
-        export { type_10 as type };
-        const size_2: string;
-        export { size_2 as size };
-        const disabled_2: boolean;
-        export { disabled_2 as disabled };
-        const leftIcon_2: string;
-        export { leftIcon_2 as leftIcon };
-        const rightIcon_2: string;
-        export { rightIcon_2 as rightIcon };
-    }
-    export { args_1 as args };
-}
-export function SecondaryDefault(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace SecondaryDefault {
-    export namespace args_2 {
-        const text_3: string;
-        export { text_3 as text };
-        const type_11: string;
-        export { type_11 as type };
-        const size_3: string;
-        export { size_3 as size };
-        const disabled_3: boolean;
-        export { disabled_3 as disabled };
-        const leftIcon_3: string;
-        export { leftIcon_3 as leftIcon };
-        const rightIcon_3: string;
-        export { rightIcon_3 as rightIcon };
-    }
-    export { args_2 as args };
-}
-export function SecondaryDisabled(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace SecondaryDisabled {
-    export namespace args_3 {
-        const text_4: string;
-        export { text_4 as text };
-        const type_12: string;
-        export { type_12 as type };
-        const size_4: string;
-        export { size_4 as size };
-        const disabled_4: boolean;
-        export { disabled_4 as disabled };
-        const leftIcon_4: string;
-        export { leftIcon_4 as leftIcon };
-        const rightIcon_4: string;
-        export { rightIcon_4 as rightIcon };
-    }
-    export { args_3 as args };
-}
-export function SmallButtonTwoIcons(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace SmallButtonTwoIcons {
-    export namespace args_4 {
-        const text_5: string;
-        export { text_5 as text };
-        const type_13: string;
-        export { type_13 as type };
-        const size_5: string;
-        export { size_5 as size };
-        const disabled_5: boolean;
-        export { disabled_5 as disabled };
-        const leftIcon_5: string;
-        export { leftIcon_5 as leftIcon };
-        const rightIcon_5: string;
-        export { rightIcon_5 as rightIcon };
-    }
-    export { args_4 as args };
-}
-export function SmallButtonLeftIcon(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace SmallButtonLeftIcon {
-    export namespace args_5 {
-        const text_6: string;
-        export { text_6 as text };
-        const type_14: string;
-        export { type_14 as type };
-        const size_6: string;
-        export { size_6 as size };
-        const disabled_6: boolean;
-        export { disabled_6 as disabled };
-        const leftIcon_6: string;
-        export { leftIcon_6 as leftIcon };
-        const rightIcon_6: string;
-        export { rightIcon_6 as rightIcon };
-    }
-    export { args_5 as args };
-}
-export function SmallButtonRightIcon(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace SmallButtonRightIcon {
-    export namespace args_6 {
-        const text_7: string;
-        export { text_7 as text };
-        const type_15: string;
-        export { type_15 as type };
-        const size_7: string;
-        export { size_7 as size };
-        const disabled_7: boolean;
-        export { disabled_7 as disabled };
-        const leftIcon_7: string;
-        export { leftIcon_7 as leftIcon };
-        const rightIcon_7: string;
-        export { rightIcon_7 as rightIcon };
-    }
-    export { args_6 as args };
-}
-export function MediumButtonTwoIcons(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace MediumButtonTwoIcons {
-    export namespace args_7 {
-        const text_8: string;
-        export { text_8 as text };
-        const type_16: string;
-        export { type_16 as type };
-        const size_8: string;
-        export { size_8 as size };
-        const disabled_8: boolean;
-        export { disabled_8 as disabled };
-        const leftIcon_8: string;
-        export { leftIcon_8 as leftIcon };
-        const rightIcon_8: string;
-        export { rightIcon_8 as rightIcon };
-    }
-    export { args_7 as args };
-}
-export function MediumButtonLeftIcon(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace MediumButtonLeftIcon {
-    export namespace args_8 {
-        const text_9: string;
-        export { text_9 as text };
-        const type_17: string;
-        export { type_17 as type };
-        const size_9: string;
-        export { size_9 as size };
-        const disabled_9: boolean;
-        export { disabled_9 as disabled };
-        const leftIcon_9: string;
-        export { leftIcon_9 as leftIcon };
-        const rightIcon_9: string;
-        export { rightIcon_9 as rightIcon };
-    }
-    export { args_8 as args };
-}
-export function MediumButtonRightIcon(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace MediumButtonRightIcon {
-    export namespace args_9 {
-        const text_10: string;
-        export { text_10 as text };
-        const type_18: string;
-        export { type_18 as type };
-        const size_10: string;
-        export { size_10 as size };
-        const disabled_10: boolean;
-        export { disabled_10 as disabled };
-        const leftIcon_10: string;
-        export { leftIcon_10 as leftIcon };
-        const rightIcon_10: string;
-        export { rightIcon_10 as rightIcon };
-    }
-    export { args_9 as args };
-}
+export const PrimaryDefault: any;
+export const PrimaryDisabled: any;
+export const SecondaryDefault: any;
+export const SecondaryDisabled: any;
+export const SmallButtonTwoIcons: any;
+export const SmallButtonLeftIcon: any;
+export const SmallButtonRightIcon: any;
+export const MediumButtonTwoIcons: any;
+export const MediumButtonLeftIcon: any;
+export const MediumButtonRightIcon: any;
 import { LinkButton } from "./LinkButton";

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

@@ -1,35 +1,2 @@
 export function LinnerDataBox(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace LinnerDataBox {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-            sign: PropTypes.Requireable<string>;
-            extraInfo: PropTypes.Requireable<(PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                value: PropTypes.Requireable<number>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
-        const backgroundColor: PropTypes.Requireable<string>;
-        const customDataFormat: PropTypes.Requireable<boolean>;
-    }
-    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 data_1: never[];
-        export { data_1 as data };
-        const backgroundColor_1: string;
-        export { backgroundColor_1 as backgroundColor };
-        const customDataFormat_1: boolean;
-        export { customDataFormat_1 as customDataFormat };
-    }
-}
 export default LinnerDataBox;
-import PropTypes from "prop-types";

package/dist/types/components/LinnerDataBox/LinnerDataBox.data.d.ts

@@ -0,0 +1,15 @@
+export const data: ({
+    title: string;
+    value: any;
+    sign: string;
+    extraInfo: {
+        value: number;
+        title: string;
+    }[];
+} | {
+    title: string;
+    value: number;
+    sign: string;
+    extraInfo: any[];
+})[];
+export default data;

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

@@ -35,38 +35,5 @@ declare namespace _default {
     }
 }
 export default _default;
-export function LinnerDataBoxDefault(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace LinnerDataBoxDefault {
-    namespace args {
-        export { data };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const backgroundColor_1: string;
-        export { backgroundColor_1 as backgroundColor };
-    }
-}
+export const LinnerDataBoxDefault: any;
 import { LinnerDataBox } from "./LinnerDataBox";
-declare const data: ({
-    title: string;
-    value: null;
-    sign: string;
-    extraInfo: ({
-        value: number;
-        title: string;
-    } | {
-        value: null;
-        title: string;
-    })[];
-} | {
-    title: string;
-    value: number;
-    sign: string;
-    extraInfo: never[];
-} | {
-    title: string;
-    value: undefined;
-    sign: string;
-    extraInfo: never[];
-})[];

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

@@ -1,4 +1,6 @@
-export const LinnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LinnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}>, never>, never>> & string;
 export const DataBoxWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const DataBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const DataBoxTitle: 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/ListBox/ListBox.d.ts

@@ -1,15 +1,15 @@
 export function ListBox({ data, width, height, borderColor, buttonsIconColor, buttonsBorderColor, buttonsTextColorChecked, buttonsTextColorUnchecked, buttonsBackgroundColorChecked, buttonsBackgroundColorUnchecked, onClick, ...props }: {
     [x: string]: any;
     data: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    borderColor?: string | undefined;
-    buttonsIconColor?: string | undefined;
-    buttonsBorderColor?: string | undefined;
-    buttonsTextColorChecked?: string | undefined;
-    buttonsTextColorUnchecked?: string | undefined;
-    buttonsBackgroundColorChecked?: string | undefined;
-    buttonsBackgroundColorUnchecked?: string | undefined;
+    width?: string;
+    height?: string;
+    borderColor?: string;
+    buttonsIconColor?: string;
+    buttonsBorderColor?: string;
+    buttonsTextColorChecked?: string;
+    buttonsTextColorUnchecked?: string;
+    buttonsBackgroundColorChecked?: string;
+    buttonsBackgroundColorUnchecked?: string;
     onClick: any;
 }): import("react/jsx-runtime").JSX.Element;
 export default ListBox;

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

@@ -130,33 +130,5 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Retailers(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Retailers {
-    namespace args {
-        export { viewCreativeRetailersData1 as data };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const borderColor_1: string;
-        export { borderColor_1 as borderColor };
-        const buttonsIconColor_1: string;
-        export { buttonsIconColor_1 as buttonsIconColor };
-        const buttonsBorderColor_1: string;
-        export { buttonsBorderColor_1 as buttonsBorderColor };
-        const buttonsTextColorChecked_1: string;
-        export { buttonsTextColorChecked_1 as buttonsTextColorChecked };
-        const buttonsTextColorUnchecked_1: string;
-        export { buttonsTextColorUnchecked_1 as buttonsTextColorUnchecked };
-        const buttonsBackgroundColorChecked_1: string;
-        export { buttonsBackgroundColorChecked_1 as buttonsBackgroundColorChecked };
-        const buttonsBackgroundColorUnchecked_1: string;
-        export { buttonsBackgroundColorUnchecked_1 as buttonsBackgroundColorUnchecked };
-    }
-}
+export const Retailers: any;
 import { ListBox } from "./ListBox";
-declare const viewCreativeRetailersData1: {
-    label: string;
-    checked: boolean;
-    disabled: boolean;
-}[];

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

@@ -1,11 +1,11 @@
 export function MarketShareDescription(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace MarketShareDescription {
     namespace propTypes {
-        const marketShareData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const marketShareData: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             checked: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const height: PropTypes.Requireable<string>;
         const width: PropTypes.Requireable<string>;
         const iconColor: PropTypes.Requireable<string>;
@@ -13,7 +13,7 @@ export namespace MarketShareDescription {
         const dotCut: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
-        const marketShareData_1: never[];
+        const marketShareData_1: any[];
         export { marketShareData_1 as marketShareData };
         const width_1: string;
         export { width_1 as width };

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

@@ -64,72 +64,7 @@ declare namespace _default {
     }
 }
 export default _default;
-export function MarketShare(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace MarketShare {
-    namespace args {
-        export { marketShareData1 as marketShareData };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const iconColor_1: string;
-        export { iconColor_1 as iconColor };
-        const dotCut_1: boolean;
-        export { dotCut_1 as dotCut };
-    }
-}
-export function WeeklyTriers(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace WeeklyTriers {
-    export namespace args_1 {
-        export { weeklyTiersData1 as marketShareData };
-        const width_2: string;
-        export { width_2 as width };
-        const height_2: string;
-        export { height_2 as height };
-        const iconColor_2: string;
-        export { iconColor_2 as iconColor };
-        const dotCut_2: boolean;
-        export { dotCut_2 as dotCut };
-    }
-    export { args_1 as args };
-}
-export function PercentHeightWidth(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PercentHeightWidth {
-    export namespace args_2 {
-        export { marketShareData1 as marketShareData };
-        const width_3: string;
-        export { width_3 as width };
-        const height_3: string;
-        export { height_3 as height };
-        const iconColor_3: string;
-        export { iconColor_3 as iconColor };
-        const dotCut_3: boolean;
-        export { dotCut_3 as dotCut };
-    }
-    export { args_2 as args };
-}
+export const MarketShare: any;
+export const WeeklyTriers: any;
+export const PercentHeightWidth: any;
 import { MarketShareDescription } from "./MarketShareDescription";
-declare const marketShareData1: {
-    name: string;
-    rowTitle: string;
-    fieldsArray: {
-        label: string;
-        value: number;
-        textBefore: string;
-        textAfter: string;
-    }[];
-    rowFooter: string;
-    showBanner: boolean;
-}[];
-declare const weeklyTiersData1: {
-    name: string;
-    rowTitle: string;
-    fieldsArray: {
-        label: string;
-        value: number;
-        textBefore: string;
-        textAfter: string;
-    }[];
-    rowFooter: string;
-    showBanner: boolean;
-}[];

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

@@ -3,4 +3,4 @@ declare function Modal({ isOpen, onClose, children }: {
     isOpen: any;
     onClose: any;
     children: any;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -16,7 +16,7 @@ declare function MonthPicker({ availableMonths, label, onChange, borderRadius, r
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace MonthPicker {
     namespace propTypes {
-        const availableMonths: PropTypes.Validator<(string | null | undefined)[]>;
+        const availableMonths: PropTypes.Validator<string[]>;
         const label: PropTypes.Validator<string>;
         const onChange: PropTypes.Validator<(...args: any[]) => any>;
         const borderRadius: PropTypes.Validator<string>;

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

@@ -55,7 +55,7 @@ declare namespace _default {
             }
             export { defaultValue_2 as defaultValue };
             export namespace control_2 {
-                const type_5: null;
+                const type_5: any;
                 export { type_5 as type };
             }
             export { control_2 as control };
@@ -143,55 +143,6 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        export const availableMonths: string[];
-        const label_1: string;
-        export { label_1 as label };
-        const borderRadius_1: string;
-        export { borderRadius_1 as borderRadius };
-        const required_1: boolean;
-        export { required_1 as required };
-        export const width: string;
-        export const height: string;
-        export const placeholder: string;
-        export const disabled: boolean;
-        const borderColor_1: string;
-        export { borderColor_1 as borderColor };
-        const borderColorFocus_1: string;
-        export { borderColorFocus_1 as borderColorFocus };
-        const textColor_1: string;
-        export { textColor_1 as textColor };
-    }
-}
-export function InitialValue(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace InitialValue {
-    export namespace args_1 {
-        const availableMonths_1: string[];
-        export { availableMonths_1 as availableMonths };
-        const label_2: string;
-        export { label_2 as label };
-        const borderRadius_2: string;
-        export { borderRadius_2 as borderRadius };
-        const required_2: boolean;
-        export { required_2 as required };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const placeholder_1: string;
-        export { placeholder_1 as placeholder };
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const borderColor_2: string;
-        export { borderColor_2 as borderColor };
-        const borderColorFocus_2: string;
-        export { borderColorFocus_2 as borderColorFocus };
-        const textColor_2: string;
-        export { textColor_2 as textColor };
-        export const selectedValue: string;
-    }
-    export { args_1 as args };
-}
+export const Default: any;
+export const InitialValue: any;
 import MonthPicker from "./MonthPicker";

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

@@ -1,12 +1,2 @@
 export function NoDataFoundMessage(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace NoDataFoundMessage {
-    namespace propTypes {
-        const noDataText: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const noDataText_1: string;
-        export { noDataText_1 as noDataText };
-    }
-}
 export default NoDataFoundMessage;
-import PropTypes from "prop-types";

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

@@ -35,11 +35,5 @@ declare namespace _default {
     }
 }
 export default _default;
-export function NoDataFound(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace NoDataFound {
-    namespace args {
-        const noDataText_1: string;
-        export { noDataText_1 as noDataText };
-    }
-}
+export const NoDataFound: any;
 import { NoDataFoundMessage } from "./NoDataFoundMessage";

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

@@ -1,3 +1,3 @@
 export const NoDataFoundContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const NoDataFoundTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export const NoDataFoundText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const NoDataFoundText: 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/OneColumnContainer/OneColumnContainer.d.ts

@@ -1,7 +1,7 @@
 export function OneColumnContainer(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace OneColumnContainer {
     namespace propTypes {
-        const children: PropTypes.Requireable<string>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const display: PropTypes.Requireable<string>;
         const isLoading: PropTypes.Requireable<boolean>;
         const gridTemplateColumns: PropTypes.Requireable<string>;
@@ -13,15 +13,21 @@ export namespace OneColumnContainer {
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const overflow: PropTypes.Requireable<string>;
+        const transparentBackground: PropTypes.Requireable<boolean>;
         const infoTitle: PropTypes.Requireable<string>;
         const infoText: PropTypes.Requireable<string>;
         const disableInfo: PropTypes.Requireable<boolean>;
         const showViewByBannerButton: PropTypes.Requireable<boolean>;
         const onBannerClick: PropTypes.Requireable<(...args: any[]) => any>;
         const columnTitle: PropTypes.Requireable<string>;
+        const isPercentOfChange: PropTypes.Requireable<boolean>;
+        const PercentOfChangeData: PropTypes.Requireable<number>;
+        const backgroundImage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const showBackgroundImage: PropTypes.Requireable<boolean>;
+        const backgroundImageStyle: PropTypes.Requireable<object>;
     }
     namespace defaultProps {
-        const children_1: string;
+        const children_1: any;
         export { children_1 as children };
         const display_1: string;
         export { display_1 as display };
@@ -45,6 +51,8 @@ export namespace OneColumnContainer {
         export { height_1 as height };
         const overflow_1: string;
         export { overflow_1 as overflow };
+        const transparentBackground_1: boolean;
+        export { transparentBackground_1 as transparentBackground };
         const infoTitle_1: string;
         export { infoTitle_1 as infoTitle };
         const infoText_1: string;
@@ -57,6 +65,16 @@ export namespace OneColumnContainer {
         export { onBannerClick_1 as onBannerClick };
         const columnTitle_1: string;
         export { columnTitle_1 as columnTitle };
+        const isPercentOfChange_1: boolean;
+        export { isPercentOfChange_1 as isPercentOfChange };
+        const PercentOfChangeData_1: number;
+        export { PercentOfChangeData_1 as PercentOfChangeData };
+        const backgroundImage_1: string;
+        export { backgroundImage_1 as backgroundImage };
+        const showBackgroundImage_1: boolean;
+        export { showBackgroundImage_1 as showBackgroundImage };
+        const backgroundImageStyle_1: {};
+        export { backgroundImageStyle_1 as backgroundImageStyle };
     }
 }
 export default OneColumnContainer;