hardwater-ui-microfrontend 0.0.1

package/dist/components/Atoms/Typography/TypographyConstants.d.ts

@@ -0,0 +1,53 @@
+export default typographyVariants;
+declare namespace typographyVariants {
+    namespace h1 {
+        const fontFamily: string;
+        const fontWeight: string;
+        const fontSize: string;
+        const letterSpacing: string;
+        const lineHeight: string;
+        const color: string;
+    }
+    namespace h2 {
+        const fontFamily_1: string;
+        export { fontFamily_1 as fontFamily };
+        const fontWeight_1: string;
+        export { fontWeight_1 as fontWeight };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const letterSpacing_1: string;
+        export { letterSpacing_1 as letterSpacing };
+        const lineHeight_1: string;
+        export { lineHeight_1 as lineHeight };
+        const color_1: string;
+        export { color_1 as color };
+    }
+    namespace h3 {
+        const fontFamily_2: string;
+        export { fontFamily_2 as fontFamily };
+        const fontWeight_2: string;
+        export { fontWeight_2 as fontWeight };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        const letterSpacing_2: string;
+        export { letterSpacing_2 as letterSpacing };
+        const lineHeight_2: string;
+        export { lineHeight_2 as lineHeight };
+        const color_2: string;
+        export { color_2 as color };
+    }
+    namespace text {
+        const fontFamily_3: string;
+        export { fontFamily_3 as fontFamily };
+        const fontWeight_3: string;
+        export { fontWeight_3 as fontWeight };
+        const fontSize_3: string;
+        export { fontSize_3 as fontSize };
+        const letterSpacing_3: string;
+        export { letterSpacing_3 as letterSpacing };
+        const lineHeight_3: string;
+        export { lineHeight_3 as lineHeight };
+        const color_3: string;
+        export { color_3 as color };
+    }
+}

package/dist/components/Atoms/imageModal.d.ts

@@ -0,0 +1,2 @@
+export default ImageModal;
+declare function ImageModal(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Atoms/useCustomToast.d.ts

@@ -0,0 +1,6 @@
+export function useCustomToast(): ({ description, status, duration, position }: {
+    description: any;
+    status: any;
+    duration: any;
+    position: any;
+}) => void;

package/dist/components/Molecules/AccordianPay4/Accordian.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { AccordionCardProps } from '../SmartLearn/types';
+
+declare const AccordianCard: React.FC<AccordionCardProps>;
+export default AccordianCard;

package/dist/components/Molecules/AccordianPay4/Accordian.styles.d.ts

@@ -0,0 +1,117 @@
+export declare const tooltipStyles: {
+    wrapper: {
+        background: string;
+        borderRadius: string;
+        width: string;
+        padding: {
+            base: string;
+            md: string;
+        };
+        height: string;
+        border: string;
+        boxShadow: string;
+    };
+    boxouter: {
+        position: string;
+        width: string;
+        maxWidth: {
+            base: string;
+            sm: string;
+            md: string;
+        };
+    };
+    msgcontainer: {
+        background: string;
+        borderRadius: string;
+    };
+    greeting: {
+        fontWeight: number;
+        fontSize: string;
+        fontFamily: string;
+        paddingBottom: string;
+        bg: string;
+        color: string;
+        lineHeight: string;
+        width: string;
+        letterSpacing: string;
+    };
+    heading: {
+        fontWeight: string;
+        fontFamily: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+        padding: string;
+        color: string;
+    };
+    description: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        paddingRight: string;
+        paddingLeft: string;
+        paddingBottom: string;
+        color: string;
+    };
+    featureItem: {
+        bg: string;
+        borderRadius: string;
+        padding: string;
+        w: string;
+        display: string;
+        alignItems: string;
+        gap: string;
+    };
+    featureIconBox: {
+        bg: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        boxSize: string;
+    };
+    featureText: {
+        fontSize: string;
+        fontFamily: string;
+        color: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    primaryBtn: {
+        background: string;
+        borderRadius: string;
+        fontFamily: string;
+        border: string;
+        boxShadow: string;
+        fontWeight: string;
+        fontSize: string;
+        color: string;
+        padding: string;
+        maxHeight: string;
+    };
+    requestBtn: {
+        background: string;
+        borderRadius: string;
+        fontFamily: string;
+        border: string;
+        boxShadow: string;
+        fontWeight: string;
+        fontSize: string;
+        color: string;
+        padding: string;
+        maxHeight: string;
+    };
+    backBtn: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        border: string;
+        fontFamily: string;
+        variant: string;
+        boxShadow: string;
+        padding: {
+            base: string;
+            md: string;
+        };
+        maxHeight: string;
+    };
+};

package/dist/components/Molecules/ActivityBanner/ActivityBanner.d.ts

@@ -0,0 +1 @@
+export default function ActivityBanner(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/ActivityBanner/activityBannerStyles.d.ts

@@ -0,0 +1,75 @@
+export declare const activityBannerStyles: {
+    box: {
+        expandDesc: {
+            maxH: string;
+            overflow: string;
+        };
+        collpaseDesc: {
+            maxH: string;
+            overflow: string;
+        };
+        videoContainer: {
+            position: string;
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    text: {
+        title: {
+            margin: number;
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        description: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+            margin: number;
+        };
+        readMore: {
+            margin: number;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+            cursor: string;
+        };
+        clapCount: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        linkStyle: {
+            fontWeight: number;
+            fontSize: string;
+            color: string;
+            cursor: string;
+        };
+        referenceTxt: {
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+    };
+    image: {
+        imageView: {
+            objectFit: string;
+            width: string;
+            height: string;
+            borderRadius: string;
+            cursor: string;
+        };
+    };
+};

package/dist/components/Molecules/AddPostCard/AddPostCard.d.ts

@@ -0,0 +1,2 @@
+declare const AddPostCard: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default AddPostCard;

package/dist/components/Molecules/AddPostCard/addPostStyles.d.ts

@@ -0,0 +1,86 @@
+export declare const addPostCardStyles: {
+    box: {
+        container: {
+            display: string;
+            maxWidth: string;
+            minHeight: string;
+            overflow: string;
+            borderRadius: string;
+            fontFamily: string;
+            boxSizing: string;
+            boxShadow: string;
+            padding: string;
+            backgroundColor: string;
+        };
+        subContainer: {
+            backgroundColor: string;
+            width: string;
+            minHeight: string;
+            borderRadius: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            gap: string;
+            padding: string;
+        };
+        user: {
+            marginBottom: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+        };
+    };
+    hstack: {
+        submit: {
+            height: string;
+            padding: string;
+            gap: string;
+            borderRadius: string;
+            backgroundColor: string;
+            color: string;
+            cursor: string;
+        };
+        viewMode: {
+            border: string;
+            padding: string;
+            gap: string;
+            borderRadius: string;
+            height: string;
+            cursor: string;
+        };
+    };
+    stack: {
+        profile: {
+            bg: string;
+            w: string;
+            height: string;
+            borderRadius: string;
+            justifyContent: string;
+            alignItems: string;
+            boxShadow: string;
+        };
+    };
+    text: {
+        submitTxt: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        dscTxt: {
+            padding: string;
+            color: string;
+            textAlign: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        userName: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+    };
+};

package/dist/components/Molecules/BottomNav/BottomNav.d.ts

@@ -0,0 +1,2 @@
+declare const BottomNav: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default BottomNav;

package/dist/components/Molecules/BottomNav/BottomNavStyles.d.ts

@@ -0,0 +1,52 @@
+export declare const BottomNavStyles: (isMobileView?: boolean, isNewBottomList?: boolean, isMenuOpen?: boolean) => {
+    mainContainer: {};
+    subContainer: {
+        display: string;
+        gridTemplateColumns: string;
+        gap: string;
+        alignItems: string;
+        overflow: string;
+        msOverflowStyle: string;
+        scrollbarWidth: string;
+        "&::-webkit-scrollbar": {
+            display: string;
+        };
+    };
+    bottomNavMenuContainer: {
+        gridColumn: string;
+        display: string;
+        justifyContent: string;
+        width: string;
+        alignItems: string;
+    };
+    secondBoxContiner: {
+        gridColumn: {
+            base: "1/15";
+            md: "2/14";
+            lg: "3 / 13";
+        };
+        width: string;
+    };
+    vStackContainer: {
+        width: string;
+        alignItems: string;
+    };
+    toastContainer: {
+        width: string;
+    };
+    toastSubContainer: {
+        width: string;
+    };
+    bottomNavButtonContainer: {
+        width: string;
+        justifyContent: string;
+        alignItems: string;
+        display: string;
+        flexDirection: string;
+    };
+    bottomNavButtonSubContainer: {
+        width: string;
+        display: string;
+        justifyContent: string;
+    };
+};

package/dist/components/Molecules/DashPlayer/DashPlayer.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const DashPlayer: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default DashPlayer;

package/dist/components/Molecules/DashPlayer/ShakaPlayer.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export default ShakaPlayer;
+declare const ShakaPlayer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/components/Molecules/Descriptive/DescriptiveLabel.d.ts

@@ -0,0 +1,6 @@
+export default DescriptiveLabel;
+declare function DescriptiveLabel({ questionType, presenterLogic, isRevision, }: {
+    questionType: any;
+    presenterLogic: any;
+    isRevision?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/Descriptive/descriptiveStyles.d.ts

@@ -0,0 +1,68 @@
+export default styles;
+declare namespace styles {
+    namespace container {
+        const display: string;
+        const alignItems: string;
+        const gap: string;
+        const paddingTop: string;
+    }
+    namespace revisionspecific {
+        const display_1: string;
+        export { display_1 as display };
+        const alignItems_1: string;
+        export { alignItems_1 as alignItems };
+        const gap_1: string;
+        export { gap_1 as gap };
+    }
+    namespace badge {
+        export const width: string;
+        export const height: string;
+        export const borderRadius: string;
+        export const backgroundColor: string;
+        export const opacity: number;
+        const display_2: string;
+        export { display_2 as display };
+        const alignItems_2: string;
+        export { alignItems_2 as alignItems };
+        export const justifyContent: string;
+        export const boxShadow: string;
+    }
+    namespace badgeText {
+        const fontFamily: string;
+        const fontSize: string;
+        const fontWeight: number;
+        const color: string;
+        const letterSpacing: string;
+    }
+    namespace answerText {
+        const fontFamily_1: string;
+        export { fontFamily_1 as fontFamily };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const fontWeight_1: number;
+        export { fontWeight_1 as fontWeight };
+        export const lineHeight: string;
+        const letterSpacing_1: string;
+        export { letterSpacing_1 as letterSpacing };
+        const color_1: string;
+        export { color_1 as color };
+        const opacity_1: number;
+        export { opacity_1 as opacity };
+    }
+    namespace teacherText {
+        const fontFamily_2: string;
+        export { fontFamily_2 as fontFamily };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        const fontWeight_2: number;
+        export { fontWeight_2 as fontWeight };
+        const lineHeight_1: string;
+        export { lineHeight_1 as lineHeight };
+        const letterSpacing_2: string;
+        export { letterSpacing_2 as letterSpacing };
+        const color_2: string;
+        export { color_2 as color };
+        const opacity_2: number;
+        export { opacity_2 as opacity };
+    }
+}

package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.d.ts

@@ -0,0 +1,2 @@
+declare const DescriptiveAnswerV1: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default DescriptiveAnswerV1;

package/dist/components/Molecules/FactualCard/FactualCard.d.ts

@@ -0,0 +1,46 @@
+interface FactualCardProps {
+    loader?: boolean;
+    onPlay?: () => void;
+    index: number;
+    currentQuestionIndex: number;
+    question: DisplayedQuestion;
+    icons?: {
+        play?: string;
+    };
+    saveEvent?: (eventType: {}, metadata?: any) => void;
+    authToken: any;
+    learningStepData?: any;
+    displayedQues?: any;
+    url?: string;
+    isRecap: Boolean;
+}
+interface Content {
+    title?: string;
+    type?: string;
+    contentType?: string;
+    id?: string;
+    content?: string;
+    content_details?: {
+        title: string;
+        type: string;
+        contentType?: string;
+        id: string;
+        content: string;
+        _id?: string;
+    };
+    _id?: string;
+}
+interface FactualRuleSet {
+    start_time?: string;
+    end_time?: string;
+}
+interface DisplayedQuestion {
+    contents?: Content[];
+    factual_rule_set?: FactualRuleSet[];
+    basket?: string;
+    journey_id?: string;
+    step_id?: string;
+    _id?: string;
+}
+export default function FactualCard({ loader, onPlay, index, currentQuestionIndex, question, icons, saveEvent, authToken, learningStepData, displayedQues, url, isRecap, }: FactualCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Molecules/FactualCard/FactualCard.style.d.ts

@@ -0,0 +1,64 @@
+declare const factualStyle: {
+    card: {
+        background: string;
+        borderRadius: string;
+        padding: string;
+        boxShadow: string;
+        width: string;
+        marginLeft: string;
+        marginBottom: string;
+        "@media (max-width: 768px)": {
+            width: string;
+        };
+        "@media (max-width: 480px)": {
+            marginLeft: string;
+        };
+    };
+    title: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        paddingTop: string;
+    };
+    videoWrapper: {
+        width: string;
+        cursor: string;
+        "@media (max-width: 768px)": {
+            position: string;
+            width: string;
+            cursor: string;
+        };
+    };
+    videoContent: {
+        position: string;
+        display: string;
+        overflow: string;
+    };
+    playButton: {
+        position: string;
+        top: string;
+        left: string;
+        transform: string;
+        width: string;
+        height: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        transition: string;
+        "&:hover": {
+            opacity: number;
+        };
+    };
+    duration: {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        position: string;
+        top: string;
+        left: string;
+        display: string;
+    };
+};
+export default factualStyle;

package/dist/components/Molecules/FloatingButton/FloatingButton.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface FloatingButtonProps {
+    userRole: 'teacher' | 'parent' | 'student';
+    onClick: () => void;
+    disabled?: boolean;
+    icon: string;
+    isModal?: boolean;
+}
+export declare const FloatingButton: React.FC<FloatingButtonProps>;
+export default FloatingButton;

package/dist/components/Molecules/FloatingButton/FloatingButton.styles.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const FloatingButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+    disabled?: boolean | undefined;
+    isModal?: boolean | undefined;
+}>> & string;
+export declare const FloatingButtonIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PopupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+    isModal?: boolean | undefined;
+}>> & string;
+export declare const PopupText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+}>> & string;
+export declare const PopupswitchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+}>> & string;
+export declare const Popupwrap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PopupSwitchText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+}>> & string;

package/dist/components/Molecules/HighChart/HighChart.d.ts

@@ -0,0 +1,2 @@
+declare const HighChartComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default HighChartComponent;

package/dist/components/Molecules/HighChart/HighChartPie.d.ts

@@ -0,0 +1,2 @@
+declare const HighChartComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default HighChartComponent;

package/dist/components/Molecules/ImageView/ImageModal.d.ts

@@ -0,0 +1,2 @@
+declare const ImageModal: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ImageModal;

package/dist/components/Molecules/InvalidSession/InvalidSession.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface DeviceSwitchNoticeProps {
+    handleClick?: () => void;
+}
+declare const DeviceSwitchNotice: React.FC<DeviceSwitchNoticeProps>;
+export default DeviceSwitchNotice;