sag_components 2.0.0-beta30 → 2.0.0-beta300

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

@@ -8,3 +8,5 @@ export const IconContainer: import("styled-components/dist/types").IStyledCompon
 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;
+export const PercentOfChange: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const BackgroundImageWrapper: 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/OverlayDropdown/OverlayDropdown.d.ts

@@ -0,0 +1,27 @@
+export default OverlayDropdown;
+declare function OverlayDropdown({ data, value, onSelectClick, label, labelEmptyValue, showLabelOnTop, labelColor, placeHolder, placeHolderColor, required, disabled, isDarkerBackground, editableDigitalCoupon, customDisplayText, appliedCouponsCount, selectedColor, hoverColor, width, minWidth, dropdownWidth, dropdownMaxHeight, height, margin, ...props }: {
+    [x: string]: any;
+    data?: any[];
+    value: any;
+    onSelectClick: any;
+    label: any;
+    labelEmptyValue: any;
+    showLabelOnTop: any;
+    labelColor: any;
+    placeHolder: any;
+    placeHolderColor: any;
+    required?: boolean;
+    disabled?: boolean;
+    isDarkerBackground?: boolean;
+    editableDigitalCoupon?: boolean;
+    customDisplayText?: any;
+    appliedCouponsCount?: number;
+    selectedColor?: string;
+    hoverColor?: string;
+    width?: string;
+    minWidth?: string;
+    dropdownWidth?: string;
+    dropdownMaxHeight?: string;
+    height?: string;
+    margin?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,650 @@
+declare namespace _default {
+    export const title: string;
+    export { OverlayDropdown as component };
+    export const tags: string[];
+    export const decorators: ((Story: any, context: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        namespace data {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        namespace value {
+            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 };
+        }
+        namespace onSelectClick {
+            export const action: string;
+            const description_2: string;
+            export { description_2 as description };
+            const name_2: string;
+            export { name_2 as name };
+        }
+        namespace label {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_2 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace labelEmptyValue {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace showLabelOnTop {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        namespace labelColor {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        namespace placeHolder {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        namespace placeHolderColor {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        namespace required {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        namespace disabled {
+            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_10: string;
+            export { description_10 as description };
+        }
+        namespace isDarkerBackground {
+            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_11: string;
+            export { description_11 as description };
+        }
+        namespace selectedColor {
+            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_12: string;
+            export { description_12 as description };
+        }
+        namespace hoverColor {
+            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_13: string;
+            export { description_13 as description };
+        }
+        namespace width {
+            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_14: string;
+            export { description_14 as description };
+        }
+        namespace minWidth {
+            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_15: string;
+            export { description_15 as description };
+        }
+        namespace height {
+            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_16: string;
+            export { description_16 as description };
+        }
+        namespace dropdownWidth {
+            const name_17: string;
+            export { name_17 as name };
+            export namespace control_16 {
+                const type_16: string;
+                export { type_16 as type };
+            }
+            export { control_16 as control };
+            const description_17: string;
+            export { description_17 as description };
+        }
+        namespace dropdownMaxHeight {
+            const name_18: string;
+            export { name_18 as name };
+            export namespace control_17 {
+                const type_17: string;
+                export { type_17 as type };
+            }
+            export { control_17 as control };
+            const description_18: string;
+            export { description_18 as description };
+        }
+        namespace margin {
+            const name_19: string;
+            export { name_19 as name };
+            export namespace control_18 {
+                const type_18: string;
+                export { type_18 as type };
+            }
+            export { control_18 as control };
+            const description_19: string;
+            export { description_19 as description };
+        }
+        namespace editableDigitalCoupon {
+            const name_20: string;
+            export { name_20 as name };
+            export namespace control_19 {
+                const type_19: string;
+                export { type_19 as type };
+            }
+            export { control_19 as control };
+            const description_20: string;
+            export { description_20 as description };
+        }
+        namespace customDisplayText {
+            const name_21: string;
+            export { name_21 as name };
+            export namespace control_20 {
+                const type_20: string;
+                export { type_20 as type };
+            }
+            export { control_20 as control };
+            const description_21: string;
+            export { description_21 as description };
+        }
+        namespace appliedCouponsCount {
+            const name_22: string;
+            export { name_22 as name };
+            export namespace control_21 {
+                const type_21: string;
+                export { type_21 as type };
+            }
+            export { control_21 as control };
+            const description_22: string;
+            export { description_22 as description };
+        }
+        namespace initialCouponCount {
+            const name_23: string;
+            export { name_23 as name };
+            export namespace control_22 {
+                const type_22: string;
+                export { type_22 as type };
+            }
+            export { control_22 as control };
+            const description_23: string;
+            export { description_23 as description };
+        }
+    }
+}
+export default _default;
+export namespace DigitalCoupon_NoCoupons {
+    const name_24: string;
+    export { name_24 as name };
+    export namespace args {
+        export { data1 as data };
+        const value_1: any;
+        export { value_1 as value };
+        const label_1: string;
+        export { label_1 as label };
+        const labelEmptyValue_1: string;
+        export { labelEmptyValue_1 as labelEmptyValue };
+        const showLabelOnTop_1: boolean;
+        export { showLabelOnTop_1 as showLabelOnTop };
+        const labelColor_1: string;
+        export { labelColor_1 as labelColor };
+        const placeHolder_1: string;
+        export { placeHolder_1 as placeHolder };
+        const placeHolderColor_1: string;
+        export { placeHolderColor_1 as placeHolderColor };
+        const required_1: boolean;
+        export { required_1 as required };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const isDarkerBackground_1: boolean;
+        export { isDarkerBackground_1 as isDarkerBackground };
+        const selectedColor_1: string;
+        export { selectedColor_1 as selectedColor };
+        const hoverColor_1: string;
+        export { hoverColor_1 as hoverColor };
+        const width_1: string;
+        export { width_1 as width };
+        const minWidth_1: string;
+        export { minWidth_1 as minWidth };
+        const height_1: string;
+        export { height_1 as height };
+        const dropdownWidth_1: string;
+        export { dropdownWidth_1 as dropdownWidth };
+        const dropdownMaxHeight_1: string;
+        export { dropdownMaxHeight_1 as dropdownMaxHeight };
+        const margin_1: string;
+        export { margin_1 as margin };
+        const editableDigitalCoupon_1: boolean;
+        export { editableDigitalCoupon_1 as editableDigitalCoupon };
+        const customDisplayText_1: any;
+        export { customDisplayText_1 as customDisplayText };
+        const appliedCouponsCount_1: number;
+        export { appliedCouponsCount_1 as appliedCouponsCount };
+        const initialCouponCount_1: number;
+        export { initialCouponCount_1 as initialCouponCount };
+    }
+}
+export namespace DigitalCoupon_OneCoupon {
+    const name_25: string;
+    export { name_25 as name };
+    export namespace args_1 {
+        export { data1 as data };
+        const value_2: string;
+        export { value_2 as value };
+        const label_2: string;
+        export { label_2 as label };
+        const labelEmptyValue_2: string;
+        export { labelEmptyValue_2 as labelEmptyValue };
+        const showLabelOnTop_2: boolean;
+        export { showLabelOnTop_2 as showLabelOnTop };
+        const labelColor_2: string;
+        export { labelColor_2 as labelColor };
+        const placeHolder_2: string;
+        export { placeHolder_2 as placeHolder };
+        const placeHolderColor_2: string;
+        export { placeHolderColor_2 as placeHolderColor };
+        const required_2: boolean;
+        export { required_2 as required };
+        const disabled_2: boolean;
+        export { disabled_2 as disabled };
+        const isDarkerBackground_2: boolean;
+        export { isDarkerBackground_2 as isDarkerBackground };
+        const selectedColor_2: string;
+        export { selectedColor_2 as selectedColor };
+        const hoverColor_2: string;
+        export { hoverColor_2 as hoverColor };
+        const width_2: string;
+        export { width_2 as width };
+        const minWidth_2: string;
+        export { minWidth_2 as minWidth };
+        const height_2: string;
+        export { height_2 as height };
+        const dropdownWidth_2: string;
+        export { dropdownWidth_2 as dropdownWidth };
+        const dropdownMaxHeight_2: string;
+        export { dropdownMaxHeight_2 as dropdownMaxHeight };
+        const margin_2: string;
+        export { margin_2 as margin };
+        const editableDigitalCoupon_2: boolean;
+        export { editableDigitalCoupon_2 as editableDigitalCoupon };
+        const customDisplayText_2: string;
+        export { customDisplayText_2 as customDisplayText };
+        const appliedCouponsCount_2: number;
+        export { appliedCouponsCount_2 as appliedCouponsCount };
+        const initialCouponCount_2: number;
+        export { initialCouponCount_2 as initialCouponCount };
+    }
+    export { args_1 as args };
+}
+export namespace DigitalCoupon_FiveCoupons {
+    const name_26: string;
+    export { name_26 as name };
+    export namespace args_2 {
+        export { data1 as data };
+        const value_3: string;
+        export { value_3 as value };
+        const label_3: string;
+        export { label_3 as label };
+        const labelEmptyValue_3: string;
+        export { labelEmptyValue_3 as labelEmptyValue };
+        const showLabelOnTop_3: boolean;
+        export { showLabelOnTop_3 as showLabelOnTop };
+        const labelColor_3: string;
+        export { labelColor_3 as labelColor };
+        const placeHolder_3: string;
+        export { placeHolder_3 as placeHolder };
+        const placeHolderColor_3: string;
+        export { placeHolderColor_3 as placeHolderColor };
+        const required_3: boolean;
+        export { required_3 as required };
+        const disabled_3: boolean;
+        export { disabled_3 as disabled };
+        const isDarkerBackground_3: boolean;
+        export { isDarkerBackground_3 as isDarkerBackground };
+        const selectedColor_3: string;
+        export { selectedColor_3 as selectedColor };
+        const hoverColor_3: string;
+        export { hoverColor_3 as hoverColor };
+        const width_3: string;
+        export { width_3 as width };
+        const minWidth_3: string;
+        export { minWidth_3 as minWidth };
+        const height_3: string;
+        export { height_3 as height };
+        const dropdownWidth_3: string;
+        export { dropdownWidth_3 as dropdownWidth };
+        const dropdownMaxHeight_3: string;
+        export { dropdownMaxHeight_3 as dropdownMaxHeight };
+        const margin_3: string;
+        export { margin_3 as margin };
+        const editableDigitalCoupon_3: boolean;
+        export { editableDigitalCoupon_3 as editableDigitalCoupon };
+        const customDisplayText_3: string;
+        export { customDisplayText_3 as customDisplayText };
+        const appliedCouponsCount_3: number;
+        export { appliedCouponsCount_3 as appliedCouponsCount };
+        const initialCouponCount_3: number;
+        export { initialCouponCount_3 as initialCouponCount };
+    }
+    export { args_2 as args };
+}
+export namespace DigitalCoupon_Interactive {
+    const name_27: string;
+    export { name_27 as name };
+    export namespace args_3 {
+        export { data1 as data };
+        const value_4: any;
+        export { value_4 as value };
+        const label_4: string;
+        export { label_4 as label };
+        const labelEmptyValue_4: string;
+        export { labelEmptyValue_4 as labelEmptyValue };
+        const showLabelOnTop_4: boolean;
+        export { showLabelOnTop_4 as showLabelOnTop };
+        const labelColor_4: string;
+        export { labelColor_4 as labelColor };
+        const placeHolder_4: string;
+        export { placeHolder_4 as placeHolder };
+        const placeHolderColor_4: string;
+        export { placeHolderColor_4 as placeHolderColor };
+        const required_4: boolean;
+        export { required_4 as required };
+        const disabled_4: boolean;
+        export { disabled_4 as disabled };
+        const isDarkerBackground_4: boolean;
+        export { isDarkerBackground_4 as isDarkerBackground };
+        const selectedColor_4: string;
+        export { selectedColor_4 as selectedColor };
+        const hoverColor_4: string;
+        export { hoverColor_4 as hoverColor };
+        const width_4: string;
+        export { width_4 as width };
+        const minWidth_4: string;
+        export { minWidth_4 as minWidth };
+        const height_4: string;
+        export { height_4 as height };
+        const dropdownWidth_4: string;
+        export { dropdownWidth_4 as dropdownWidth };
+        const dropdownMaxHeight_4: string;
+        export { dropdownMaxHeight_4 as dropdownMaxHeight };
+        const margin_4: string;
+        export { margin_4 as margin };
+        const editableDigitalCoupon_4: boolean;
+        export { editableDigitalCoupon_4 as editableDigitalCoupon };
+        const customDisplayText_4: any;
+        export { customDisplayText_4 as customDisplayText };
+        const appliedCouponsCount_4: number;
+        export { appliedCouponsCount_4 as appliedCouponsCount };
+        const initialCouponCount_4: number;
+        export { initialCouponCount_4 as initialCouponCount };
+    }
+    export { args_3 as args };
+}
+export namespace DigitalCoupon_WithLastDefined {
+    const name_28: string;
+    export { name_28 as name };
+    export namespace args_4 {
+        const data_1: {
+            overlayCode: number;
+            overlayName: string;
+            templateType: number;
+            items: {
+                value: string;
+                label: string;
+            }[];
+        }[];
+        export { data_1 as data };
+        const value_5: string;
+        export { value_5 as value };
+        const label_5: string;
+        export { label_5 as label };
+        const labelEmptyValue_5: string;
+        export { labelEmptyValue_5 as labelEmptyValue };
+        const showLabelOnTop_5: boolean;
+        export { showLabelOnTop_5 as showLabelOnTop };
+        const labelColor_5: string;
+        export { labelColor_5 as labelColor };
+        const placeHolder_5: string;
+        export { placeHolder_5 as placeHolder };
+        const placeHolderColor_5: string;
+        export { placeHolderColor_5 as placeHolderColor };
+        const required_5: boolean;
+        export { required_5 as required };
+        const disabled_5: boolean;
+        export { disabled_5 as disabled };
+        const isDarkerBackground_5: boolean;
+        export { isDarkerBackground_5 as isDarkerBackground };
+        const selectedColor_5: string;
+        export { selectedColor_5 as selectedColor };
+        const hoverColor_5: string;
+        export { hoverColor_5 as hoverColor };
+        const width_5: string;
+        export { width_5 as width };
+        const minWidth_5: string;
+        export { minWidth_5 as minWidth };
+        const height_5: string;
+        export { height_5 as height };
+        const dropdownWidth_5: string;
+        export { dropdownWidth_5 as dropdownWidth };
+        const dropdownMaxHeight_5: string;
+        export { dropdownMaxHeight_5 as dropdownMaxHeight };
+        const margin_5: string;
+        export { margin_5 as margin };
+        const editableDigitalCoupon_5: boolean;
+        export { editableDigitalCoupon_5 as editableDigitalCoupon };
+        const customDisplayText_5: string;
+        export { customDisplayText_5 as customDisplayText };
+        const appliedCouponsCount_5: number;
+        export { appliedCouponsCount_5 as appliedCouponsCount };
+        const initialCouponCount_5: number;
+        export { initialCouponCount_5 as initialCouponCount };
+    }
+    export { args_4 as args };
+}
+export namespace DigitalCoupon_NonEditableMode {
+    const name_29: string;
+    export { name_29 as name };
+    export namespace args_5 {
+        export { data1 as data };
+        const value_6: string;
+        export { value_6 as value };
+        const label_6: string;
+        export { label_6 as label };
+        const labelEmptyValue_6: string;
+        export { labelEmptyValue_6 as labelEmptyValue };
+        const showLabelOnTop_6: boolean;
+        export { showLabelOnTop_6 as showLabelOnTop };
+        const labelColor_6: string;
+        export { labelColor_6 as labelColor };
+        const placeHolder_6: string;
+        export { placeHolder_6 as placeHolder };
+        const placeHolderColor_6: string;
+        export { placeHolderColor_6 as placeHolderColor };
+        const required_6: boolean;
+        export { required_6 as required };
+        const disabled_6: boolean;
+        export { disabled_6 as disabled };
+        const isDarkerBackground_6: boolean;
+        export { isDarkerBackground_6 as isDarkerBackground };
+        const selectedColor_6: string;
+        export { selectedColor_6 as selectedColor };
+        const hoverColor_6: string;
+        export { hoverColor_6 as hoverColor };
+        const width_6: string;
+        export { width_6 as width };
+        const minWidth_6: string;
+        export { minWidth_6 as minWidth };
+        const height_6: string;
+        export { height_6 as height };
+        const dropdownWidth_6: string;
+        export { dropdownWidth_6 as dropdownWidth };
+        const dropdownMaxHeight_6: string;
+        export { dropdownMaxHeight_6 as dropdownMaxHeight };
+        const margin_6: string;
+        export { margin_6 as margin };
+        const editableDigitalCoupon_6: boolean;
+        export { editableDigitalCoupon_6 as editableDigitalCoupon };
+        const customDisplayText_6: string;
+        export { customDisplayText_6 as customDisplayText };
+        const appliedCouponsCount_6: number;
+        export { appliedCouponsCount_6 as appliedCouponsCount };
+        const initialCouponCount_6: number;
+        export { initialCouponCount_6 as initialCouponCount };
+    }
+    export { args_5 as args };
+}
+export namespace DigitalCoupon_Comparison {
+    const name_30: string;
+    export { name_30 as name };
+    export function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Default {
+    export namespace args_6 {
+        export { data1 as data };
+        const value_7: any;
+        export { value_7 as value };
+        const label_7: string;
+        export { label_7 as label };
+        const labelEmptyValue_7: string;
+        export { labelEmptyValue_7 as labelEmptyValue };
+        const showLabelOnTop_7: boolean;
+        export { showLabelOnTop_7 as showLabelOnTop };
+        const labelColor_7: string;
+        export { labelColor_7 as labelColor };
+        const placeHolder_7: string;
+        export { placeHolder_7 as placeHolder };
+        const placeHolderColor_7: string;
+        export { placeHolderColor_7 as placeHolderColor };
+        const required_7: boolean;
+        export { required_7 as required };
+        const disabled_7: boolean;
+        export { disabled_7 as disabled };
+        const isDarkerBackground_7: boolean;
+        export { isDarkerBackground_7 as isDarkerBackground };
+        const selectedColor_7: string;
+        export { selectedColor_7 as selectedColor };
+        const hoverColor_7: string;
+        export { hoverColor_7 as hoverColor };
+        const width_7: string;
+        export { width_7 as width };
+        const minWidth_7: string;
+        export { minWidth_7 as minWidth };
+        const height_7: string;
+        export { height_7 as height };
+        const dropdownWidth_7: string;
+        export { dropdownWidth_7 as dropdownWidth };
+        const dropdownMaxHeight_7: string;
+        export { dropdownMaxHeight_7 as dropdownMaxHeight };
+        const margin_7: string;
+        export { margin_7 as margin };
+        const editableDigitalCoupon_7: boolean;
+        export { editableDigitalCoupon_7 as editableDigitalCoupon };
+        const customDisplayText_7: any;
+        export { customDisplayText_7 as customDisplayText };
+        const appliedCouponsCount_7: number;
+        export { appliedCouponsCount_7 as appliedCouponsCount };
+        const initialCouponCount_7: number;
+        export { initialCouponCount_7 as initialCouponCount };
+    }
+    export { args_6 as args };
+}
+import OverlayDropdown from "./OverlayDropdown";
+declare const data1: {
+    overlayCode: number;
+    overlayName: string;
+    templateType: number;
+    items: {
+        value: string;
+        label: string;
+    }[];
+}[];