@cuemath/leap 3.2.18 → 3.2.19-link.0

package/dist/features/ui/theme/clrs.js.map

@@ -1 +1 @@
-{"version":3,"file":"clrs.js","sources":["../../../../src/features/ui/theme/clrs.ts"],"sourcesContent":["import type { TColorNames, TColorsMap } from '../types';\n\nconst LightThemeColors: Record<TColorNames, string> = {\n  YELLOW_1: '#FFF1CC',\n  YELLOW_2: '#FFDB80',\n  YELLOW_3: '#FFCC4D',\n  YELLOW_4: '#FFB700',\n  YELLOW_5: '#E58600',\n  YELLOW_6: '#B25900',\n\n  ORANGE_1: '#FFDDCC',\n  ORANGE_2: '#FFC2A3',\n  ORANGE_3: '#FFAA80',\n  ORANGE_4: '#FF884D',\n  ORANGE_5: '#EC5B13',\n  ORANGE_6: '#B23C00',\n\n  PURPLE_1: '#FFE0FD',\n  PURPLE_2: '#FFC2FA',\n  PURPLE_3: '#FFA3F7',\n  PURPLE_4: '#FF80F4',\n  PURPLE_5: '#D926CA',\n  PURPLE_6: '#AA099C',\n\n  GREEN_1: '#D0FBE5',\n  GREEN_2: '#89F5BF',\n  GREEN_3: '#40F098',\n  GREEN_4: '#00E573',\n  GREEN_5: '#00B259',\n  GREEN_6: '#007038',\n\n  BLUE_1: '#D6F5FF',\n  BLUE_2: '#99E5FF',\n  BLUE_3: '#66D9FF',\n  BLUE_4: '#33CCFF',\n  BLUE_5: '#0086E5',\n  BLUE_6: '#0055CC',\n\n  BLACK_1: '#0D0D0D',\n  BLACK_2: '#141414',\n  BLACK_3: '#191919',\n  BLACK_4: '#252525',\n  BLACK_5: '#313131',\n\n  WHITE_1: '#FFFFFF',\n  WHITE_2: '#FAFAFA',\n  WHITE_3: '#F5F5F5',\n  WHITE_4: '#EBEBEB',\n  WHITE_5: '#DADADA',\n\n  BLACK_T_02: 'rgba(0, 0, 0, 0.02)',\n  BLACK_T_04: 'rgba(0, 0, 0, 0.04)',\n  BLACK_T_08: 'rgba(0, 0, 0, 0.08)',\n  BLACK_T_15: 'rgba(0, 0, 0, 0.15)',\n  BLACK_T_20: 'rgba(0, 0, 0, 0.20)',\n  BLACK_T_38: 'rgba(0, 0, 0, 0.38)',\n  BLACK_T_60: 'rgba(0, 0, 0, 0.6)',\n  BLACK_T_87: 'rgba(0, 0, 0, 0.87)',\n\n  WHITE_T_03: 'rgba(255, 255, 255, 0.03)',\n  WHITE_T_05: 'rgba(255, 255, 255, 0.05)',\n  WHITE_T_10: 'rgba(255, 255, 255, 0.1)',\n  WHITE_T_15: 'rgba(255, 255, 255, 0.15)',\n  WHITE_T_38: 'rgba(255, 255, 255, 0.38)',\n  WHITE_T_60: 'rgba(255, 255, 255, 0.6)',\n  WHITE_T_87: 'rgba(255, 255, 255, 0.87)',\n\n  GREY_1: '#F6F6F6',\n  GREY_2: '#E0E0E0',\n  GREY_3: '#B3B3B3',\n  GREY_4: '#808080',\n\n  REAL_BLACK: '#000000',\n  REAL_BLACK_60: 'rgba(0, 0, 0, 0.6)',\n  REAL_BLACK_50: 'rgba(0, 0, 0, 0.5)',\n  REAL_BLACK_30: 'rgba(0, 0, 0, 0.3)',\n  REAL_BLACK_15: 'rgba(0, 0, 0, 0.15)',\n  REAL_BLACK_10: 'rgba(0, 0, 0, 0.1)',\n\n  BLACK: '#2B2B2B',\n  BLACK_65: 'rgba(43, 43, 43, 0.65)',\n  BLACK_75: 'rgba(43, 43, 43, 0.75)',\n  BLACK_50: 'rgba(43, 43, 43, 0.5)',\n  BLACK_10: 'rgba(43, 43, 43, 0.1)',\n\n  WHITE: '#FFFFFF',\n  WHITE_10: '#D9D9D9',\n  WHITE_20: '#E6E6E6',\n  WHITE_30: '#F2F2F2',\n  WHITE_70: 'rgba(255, 255, 255, 0.7)',\n  RED: '#C22300',\n  // TODO: REMOVE this color\n  FLOWER: '#DE5EE0',\n\n  TRANSPARENT: 'transparent',\n} as const;\n\nfunction getColors(): TColorsMap {\n  return LightThemeColors;\n}\n\nconst hues = ['YELLOW', 'ORANGE', 'PURPLE', 'GREEN', 'BLUE'] as const;\n\nexport { hues };\n\nexport default getColors;\n"],"names":["LightThemeColors","getColors","hues"],"mappings":"AAEA,MAAMA,IAAgD;AAAA,EACpD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA;AAAA,EAEL,QAAQ;AAAA,EAER,aAAa;AACf;AAEA,SAASC,IAAwB;AACxB,SAAAD;AACT;AAEA,MAAME,IAAO,CAAC,UAAU,UAAU,UAAU,SAAS,MAAM;"}
+{"version":3,"file":"clrs.js","sources":["../../../../src/features/ui/theme/clrs.ts"],"sourcesContent":["import type { TColorNames, TColorsMap } from '../types';\n\nconst LightThemeColors: Record<TColorNames, string> = {\n  YELLOW_1: '#FFF1CC',\n  YELLOW_2: '#FFDB80',\n  YELLOW_3: '#FFCC4D',\n  YELLOW_4: '#FFB700',\n  YELLOW_5: '#E58600',\n  YELLOW_6: '#B25900',\n\n  ORANGE_1: '#FFDDCC',\n  ORANGE_2: '#FFC2A3',\n  ORANGE_3: '#FFAA80',\n  ORANGE_4: '#FF884D',\n  ORANGE_5: '#EC5B13',\n  ORANGE_6: '#B23C00',\n\n  PURPLE_1: '#FFE0FD',\n  PURPLE_2: '#FFC2FA',\n  PURPLE_3: '#FFA3F7',\n  PURPLE_4: '#FF80F4',\n  PURPLE_5: '#D926CA',\n  PURPLE_6: '#AA099C',\n\n  GREEN_1: '#D0FBE5',\n  GREEN_2: '#89F5BF',\n  GREEN_3: '#40F098',\n  GREEN_4: '#00E573',\n  GREEN_5: '#00B259',\n  GREEN_6: '#007038',\n\n  BLUE_1: '#D6F5FF',\n  BLUE_2: '#99E5FF',\n  BLUE_3: '#66D9FF',\n  BLUE_4: '#33CCFF',\n  BLUE_5: '#0086E5',\n  BLUE_6: '#0055CC',\n\n  BLACK_1: '#0D0D0D',\n  BLACK_2: '#141414',\n  BLACK_3: '#191919',\n  BLACK_4: '#252525',\n  BLACK_5: '#313131',\n\n  WHITE_1: '#FFFFFF',\n  WHITE_2: '#FAFAFA',\n  WHITE_3: '#F5F5F5',\n  WHITE_4: '#EBEBEB',\n  WHITE_5: '#DADADA',\n\n  BLACK_T_02: 'rgba(0, 0, 0, 0.02)',\n  BLACK_T_04: 'rgba(0, 0, 0, 0.04)',\n  BLACK_T_08: 'rgba(0, 0, 0, 0.08)',\n  BLACK_T_15: 'rgba(0, 0, 0, 0.15)',\n  BLACK_T_20: 'rgba(0, 0, 0, 0.20)',\n  BLACK_T_38: 'rgba(0, 0, 0, 0.38)',\n  BLACK_T_60: 'rgba(0, 0, 0, 0.6)',\n  BLACK_T_87: 'rgba(0, 0, 0, 0.87)',\n\n  WHITE_T_03: 'rgba(255, 255, 255, 0.03)',\n  WHITE_T_05: 'rgba(255, 255, 255, 0.05)',\n  WHITE_T_10: 'rgba(255, 255, 255, 0.1)',\n  WHITE_T_15: 'rgba(255, 255, 255, 0.15)',\n  WHITE_T_38: 'rgba(255, 255, 255, 0.38)',\n  WHITE_T_60: 'rgba(255, 255, 255, 0.6)',\n  WHITE_T_87: 'rgba(255, 255, 255, 0.87)',\n\n  GREY_1: '#F6F6F6',\n  GREY_2: '#E0E0E0',\n  GREY_3: '#B3B3B3',\n  GREY_4: '#808080',\n\n  REAL_BLACK: '#000000',\n  REAL_BLACK_60: 'rgba(0, 0, 0, 0.6)',\n  REAL_BLACK_50: 'rgba(0, 0, 0, 0.5)',\n  REAL_BLACK_30: 'rgba(0, 0, 0, 0.3)',\n  REAL_BLACK_15: 'rgba(0, 0, 0, 0.15)',\n  REAL_BLACK_10: 'rgba(0, 0, 0, 0.1)',\n\n  BLACK: '#2B2B2B',\n  BLACK_65: 'rgba(43, 43, 43, 0.65)',\n  BLACK_75: 'rgba(43, 43, 43, 0.75)',\n  BLACK_50: 'rgba(43, 43, 43, 0.5)',\n  BLACK_10: 'rgba(43, 43, 43, 0.1)',\n\n  WHITE: '#FFFFFF',\n  WHITE_10: '#D9D9D9',\n  WHITE_20: '#E6E6E6',\n  WHITE_30: '#F2F2F2',\n  WHITE_70: 'rgba(255, 255, 255, 0.7)',\n\n  GREEN_20: 'rgba(0, 229, 115, 0.2)',\n\n  PURPLE_20: 'rgba(255, 128, 244, 0.20)',\n\n  RED: '#C22300',\n  // TODO: REMOVE this color\n  FLOWER: '#DE5EE0',\n\n  TRANSPARENT: 'transparent',\n} as const;\n\nfunction getColors(): TColorsMap {\n  return LightThemeColors;\n}\n\nconst hues = ['YELLOW', 'ORANGE', 'PURPLE', 'GREEN', 'BLUE'] as const;\n\nexport { hues };\n\nexport default getColors;\n"],"names":["LightThemeColors","getColors","hues"],"mappings":"AAEA,MAAMA,IAAgD;AAAA,EACpD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EAEV,WAAW;AAAA,EAEX,KAAK;AAAA;AAAA,EAEL,QAAQ;AAAA,EAER,aAAa;AACf;AAEA,SAASC,IAAwB;AACxB,SAAAD;AACT;AAEA,MAAME,IAAO,CAAC,UAAU,UAAU,UAAU,SAAS,MAAM;"}

package/dist/index.d.ts

@@ -33,6 +33,18 @@ import { ResourceModel } from '@cuemath/rest-api';
 import type { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 
+export declare const Accordion: NamedExoticComponent<AccordionProps>;
+
+declare interface AccordionProps {
+    theme?: AccordionTheme;
+    visibleBuffer: number;
+    defaultOpenElement?: number;
+    accordionData: Array<{
+        accordionQuestion: string;
+        accordionAnswer: React.ReactNode | string;
+    }>;
+}
+
 /**
  * AccordionSection component.
  *
@@ -41,6 +53,8 @@ import { Substitute } from 'styled-components/dist/types';
  */
 export declare const AccordionSection: FC<IAccordionSectionProps>;
 
+declare type AccordionTheme = 'light' | 'dark';
+
 export declare const AccountSelector: MemoExoticComponent<({ userAccounts, onSelect, onAddNew, isLoading, }: IAccountSelectorViewProps) => JSX.Element>;
 
 export declare const ACHIEVEMENT_ACTIONS: {
@@ -100,6 +114,8 @@ export declare const BackgroundImage: ({ img }: {
 
 export declare const BackIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const BaseInput: React_2.FC<IBaseInputProps>;
+
 declare interface BaseProject {
     id: string;
     name: string;
@@ -561,6 +577,30 @@ export declare const getTheme: () => DefaultTheme;
 
 declare function getZIndexConfig(): TZIndexMap;
 
+export declare const GIF: {
+    BOBWAVE: string;
+    EASY_RESCHEDULING: string;
+    ENRICHMENT: string;
+    ENRICHMENT_MINI: string;
+    GAMES: string;
+    JIGII_WAVE: string;
+    LEARNING_SESSION: string;
+    MAX_WAVE: string;
+    PUZZLES: string;
+    SCHOOL_SUCCESS: string;
+    SCHOOL_SUCCESS_MINI: string;
+    SKILLS: string;
+    SPECKIE_WAVE: string;
+    STAY_CONNECTED: string;
+    TERA_WAVE: string;
+    TEST_PREP: string;
+    TEST_PREP_MINI: string;
+    TRACK_PROGRESS: string;
+    VINNIE_WAVE: string;
+    WAY_FORWARD: string;
+    YOUR_GOALS: string;
+};
+
 declare const GOAL_CATEGORY: {
     readonly SCHOOL_SUCCESS: "SCHOOL_SUCCESS";
     readonly TEST_PREP: "TEST_PREP";
@@ -2145,6 +2185,7 @@ export declare const ILLUSTRATIONS: {
     STAR_WITH_GREEN_FILL: string;
     STREAK_GREEN: string;
     STREAK_WHITE: string;
+    STRIPE_BLURPLE: string;
     TEST_DIFFICULTY_EASY: string;
     TEST_DIFFICULTY_HARD: string;
     TEST_DIFFICULTY_MEDIUM: string;
@@ -2510,7 +2551,7 @@ export declare interface IModal {
     /** Content to display inside the modal */
     element: ReactElement;
     /** Rendering style of the modal */
-    renderAs?: 'modal' | 'fullscreen' | 'spotlight';
+    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'bottom-sheet';
     /** Whether the modal can be dismissed by clicking outside or ESC key (default: true) */
     isDismissable?: boolean;
     /** Whether the modal requires authentication to view (default: true) */
@@ -3582,6 +3623,20 @@ declare interface ITalkMeterProps extends ITalkMeter {
     animated?: boolean;
 }
 
+declare interface ITeacherProfileDetails {
+    lower_grade: string;
+    higher_grade: string;
+    header_image: string;
+    years_of_experience: number;
+    number_of_students_taught: number;
+    countries: string[];
+    degree: TDegreeInformation;
+}
+
+declare interface ITeacherProfileProps {
+    teacherProfile?: ITeacherProfileDetails;
+}
+
 declare interface ITeacherReview {
     reviewComment?: string;
     images?: string[];
@@ -4936,6 +4991,8 @@ export declare const STAGES: {
 
 export declare const Star2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const Star3Icon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const StarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare enum State {
@@ -5159,7 +5216,7 @@ export declare type TCheckboxVariants = 'black' | 'black-dark';
  */
 export declare type TCoachmarkJourneyProps = Omit<ICoachmarkProps, 'isActive'>;
 
-export declare type TColorNames = `${THueNames}_${'1' | '2' | '3' | '4' | '5' | '6'}` | `${'BLACK' | 'WHITE'}_${'1' | '2' | '3' | '4' | '5'}` | `${'GREY'}_${'1' | '2' | '3' | '4'}` | `${'BLACK_T'}_${'02' | '04' | '08' | '15' | '20' | '38' | '60' | '87'}` | `${'WHITE_T'}_${'03' | '05' | '10' | '15' | '38' | '60' | '87'}` | 'BLACK' | `${'BLACK'}_${'50' | '65' | '75' | '10'}` | 'REAL_BLACK' | `${'REAL_BLACK'}_${'10' | '15' | '30' | '50' | '60'}` | 'WHITE' | `${'WHITE'}_${'10' | '20' | '30' | '70'}` | 'RED' | 'TRANSPARENT' | 'FLOWER';
+export declare type TColorNames = `${THueNames}_${'1' | '2' | '3' | '4' | '5' | '6'}` | `${'BLACK' | 'WHITE'}_${'1' | '2' | '3' | '4' | '5'}` | `${'GREY'}_${'1' | '2' | '3' | '4'}` | `${'BLACK_T'}_${'02' | '04' | '08' | '15' | '20' | '38' | '60' | '87'}` | `${'WHITE_T'}_${'03' | '05' | '10' | '15' | '38' | '60' | '87'}` | 'BLACK' | `${'BLACK'}_${'50' | '65' | '75' | '10'}` | 'REAL_BLACK' | `${'REAL_BLACK'}_${'10' | '15' | '30' | '50' | '60'}` | 'WHITE' | `${'WHITE'}_${'10' | '20' | '30' | '70'}` | 'RED' | 'TRANSPARENT' | 'FLOWER' | `${'GREEN' | 'PURPLE'}_20`;
 
 export declare type TColorsMap = Record<TColorNames, string>;
 
@@ -5218,8 +5275,15 @@ declare type TCueProgramData = {
 
 declare type TDefaultSection = Record<string, unknown>;
 
+declare type TDegreeInformation = {
+    degree_name?: string;
+    field_of_study?: string;
+};
+
 declare type TDrawingData = ITile | IStroke | undefined;
 
+export declare const TeacherProfile: FC<ITeacherProfileProps>;
+
 declare type TEnglishSectionSummary = {
     section_code: 'READING & WRITING';
 } & TSectionSummary;
@@ -5253,6 +5317,7 @@ declare interface TextProps {
     $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';
     $renderOnMobileAs?: TTextVariants;
     $renderOnTabletAs?: TTextVariants;
+    $cursor?: 'pointer' | 'default' | 'text' | 'not-allowed' | 'move' | 'help';
 }
 
 export declare type TFontFamilyNames = `${'Athletics'}-${'Light' | 'Regular' | 'Medium' | 'Bold' | 'Black'}` | `${'UntitledSans'}-${'Regular' | 'Medium'}`;