@junyiacademy/ui-test 1.7.1 → 1.7.3

package/dist/lib/tutorial/Tutorial.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { Box, Modal, Slide } from '@mui/material';
+import { TutorialStep } from './TutorialStep';
+export const Tutorial = ({ steps = [], initialStep = 0, onClose, }) => {
+    const [step, setStep] = useState(initialStep);
+    const isDesktop = useMediaQuery((theme) => theme.breakpoints.up(1024));
+    const [isOpen, setIsOpen] = useState(true);
+    const stepData = steps[step];
+    const context = {
+        close: () => {
+            setIsOpen(false);
+            if (onClose) {
+                onClose();
+            }
+        },
+        goToStep: (i) => {
+            setStep(i);
+        },
+        currentStep: step,
+        currentStepProps: stepData,
+    };
+    const stepProps = {
+        ...stepData,
+        context,
+    };
+    const wrapContentWithModal = (children) => isDesktop ? (_jsx(Slide, { in: isOpen, direction: "up", mountOnEnter: true, unmountOnExit: true, children: children })) : (_jsx(Modal, { open: isOpen, sx: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            outline: 0,
+        }, children: _jsx(Box, { sx: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                outline: 0,
+            }, children: children }) }));
+    return wrapContentWithModal(_jsx(TutorialStep, { ...stepProps }));
+};
+export default Tutorial;
+//# sourceMappingURL=Tutorial.js.map

package/dist/lib/tutorial/Tutorial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../src/lib/tutorial/Tutorial.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAS,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAQjE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,CAAC,EACf,OAAO,GACO,EAAE,EAAE;IAClB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,OAAO,GAAG;QACd,KAAK,EAAE,GAAG,EAAE;YACV,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC;QACD,QAAQ,EAAE,CAAC,CAAS,EAAE,EAAE;YACtB,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;QACD,WAAW,EAAE,IAAI;QACjB,gBAAgB,EAAE,QAAQ;KAC3B,CAAC;IACF,MAAM,SAAS,GAAG;QAChB,GAAG,QAAQ;QACX,OAAO;KACR,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,QAAsB,EAAE,EAAE,CACtD,SAAS,CAAC,CAAC,CAAC,CACV,KAAC,KAAK,IAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,IAAI,EAAC,YAAY,QAAC,aAAa,kBACzD,QAAQ,GACH,CACT,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IACJ,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,CAAC;SACX,YAED,KAAC,GAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,CAAC;aACX,YAEA,QAAQ,GACL,GACA,CACT,CAAC;IACJ,OAAO,oBAAoB,CAAC,KAAC,YAAY,OAAK,SAAS,GAAI,CAAC,CAAC;AAC/D,CAAC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/dist/lib/tutorial/TutorialStep.d.ts

@@ -0,0 +1,28 @@
+export interface TutorialContext {
+    close: () => void;
+    goToStep: (step: number) => void;
+    currentStep: number;
+    currentStepProps: TutorialStepProps;
+}
+export interface TutorialButtonProps {
+    title?: string;
+    variant?: 'text' | 'outlined' | 'contained';
+    size?: 'small' | 'medium' | 'large';
+    onClick?: (context?: TutorialContext) => void;
+}
+export interface TutorialStepProps {
+    title: string;
+    content: string;
+    imageUrl?: string;
+    confirmButtonProps?: TutorialButtonProps;
+    cancelButtonProps?: TutorialButtonProps;
+    closeButtonProps?: TutorialButtonProps | boolean;
+    context?: TutorialContext;
+}
+export declare const TutorialStep: import("react").ForwardRefExoticComponent<TutorialStepProps & import("react").RefAttributes<unknown>>;
+export interface TutorialProps {
+    steps?: TutorialStepProps[];
+    initialStep?: number;
+    close: () => void;
+}
+//# sourceMappingURL=TutorialStep.d.ts.map

package/dist/lib/tutorial/TutorialStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TutorialStep.d.ts","sourceRoot":"","sources":["../../../src/lib/tutorial/TutorialStep.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,iBAAiB,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,gBAAgB,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACjD,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,uGAmJvB,CAAC;AAGH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB"}

package/dist/lib/tutorial/TutorialStep.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Box, Card, CardActions, CardContent, CardHeader, CardMedia, Divider, IconButton, Typography, } from '@mui/material';
+import Close from '@mui/icons-material/Close';
+import { Button } from '../button/Button';
+export const TutorialStep = forwardRef((props, ref) => {
+    const { title, content, imageUrl, confirmButtonProps, cancelButtonProps, closeButtonProps, context, } = props;
+    return (_jsxs(Card, { ref: ref, sx: (theme) => ({
+            zIndex: '10000',
+            backgroundColor: 'white',
+            borderRadius: '10px',
+            boxShadow: '4px 6px 20px 0px #00000040',
+            padding: 0,
+            width: '400px',
+            [theme.breakpoints.up(1024)]: {
+                position: 'fixed',
+                left: '64px',
+                bottom: '50px',
+            },
+            [theme.breakpoints.down(451)]: {
+                width: '80%',
+            },
+        }), children: [_jsx(CardHeader, { sx: (theme) => ({
+                    padding: theme.spacing(closeButtonProps ? 1 : 2, 2, 0),
+                }), action: closeButtonProps && (_jsx(IconButton, { onClick: () => {
+                        if (closeButtonProps instanceof Object &&
+                            closeButtonProps?.onClick) {
+                            closeButtonProps.onClick(context);
+                        }
+                        else {
+                            context.close();
+                        }
+                    }, children: _jsx(Close, {}) })) }), imageUrl && (_jsx(CardMedia, { sx: (theme) => ({
+                    padding: theme.spacing(1, 2),
+                }), children: _jsxs(Box, { sx: (theme) => ({
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: theme.spacing(1),
+                    }), children: [_jsx(Box, { component: "img", sx: {
+                                textAlign: 'center',
+                                width: '100%',
+                                height: '100%',
+                                border: '0.5px solid #D2D2D2',
+                                borderRadius: '8px',
+                            }, src: imageUrl }), _jsx(Divider, {})] }) })), _jsxs(CardContent, { sx: (theme) => ({
+                    padding: theme.spacing(0, 2),
+                    gap: theme.spacing(1),
+                    display: 'flex',
+                    flexDirection: 'column',
+                }), children: [_jsxs(Box, { sx: (theme) => ({
+                            gap: theme.spacing(1),
+                            display: 'flex',
+                        }), children: [_jsx(Box, { component: "img", alt: "title icon", src: "https://www.junyiacademy.org/images/exam/title_icon.svg" }), _jsx(Box, { children: _jsx(Typography, { sx: { fontSize: '21px' }, children: title }) })] }), _jsx(Typography, { sx: { color: '#b5b5b5', fontSize: '18px' }, children: content })] }), _jsxs(CardActions, { sx: (theme) => ({
+                    padding: theme.spacing(1, 1, 3, 1),
+                    display: 'flex',
+                    justifyContent: 'center',
+                    gap: theme.spacing(2),
+                }), children: [cancelButtonProps && (_jsx(Button, { color: "cancel", variant: cancelButtonProps?.variant ?? 'contained', size: cancelButtonProps?.size ?? 'large', onClick: () => {
+                            if (cancelButtonProps?.onClick) {
+                                cancelButtonProps.onClick(context);
+                            }
+                        }, children: cancelButtonProps.title || '取消' })), confirmButtonProps && (_jsx(Button, { variant: confirmButtonProps?.variant ?? 'contained', size: confirmButtonProps?.size ?? 'large', onClick: () => {
+                            if (confirmButtonProps?.onClick) {
+                                confirmButtonProps.onClick(context);
+                            }
+                        }, children: confirmButtonProps.title || '確定' }))] })] }));
+});
+TutorialStep.displayName = 'TutorialStep';
+//# sourceMappingURL=TutorialStep.js.map

package/dist/lib/tutorial/TutorialStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TutorialStep.js","sourceRoot":"","sources":["../../../src/lib/tutorial/TutorialStep.tsx"],"names":[],"mappings":"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"}

package/dist/styles/colors.d.ts

@@ -0,0 +1,12 @@
+export declare const colors: {
+    readonly yellow: {
+        readonly 200: "#FFFF99";
+    };
+    readonly blue: {
+        readonly 600: "#4990E2";
+    };
+    readonly lightGreen: {
+        readonly 400: "#99CC66";
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/styles/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/styles/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;CAIT,CAAC"}

package/dist/styles/colors.js

@@ -0,0 +1,6 @@
+export const colors = {
+    yellow: { 200: '#FFFF99' },
+    blue: { 600: '#4990E2' },
+    lightGreen: { 400: '#99CC66' },
+};
+//# sourceMappingURL=colors.js.map

package/dist/styles/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/styles/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE;IAC1B,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE;IACxB,UAAU,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE;CACtB,CAAC"}

package/dist/styles/locales/dateTimePicker.d.ts

@@ -0,0 +1,85 @@
+import type { TimeView as MuiTimeView } from '@mui/x-date-pickers/models';
+export type TimeView = MuiTimeView | 'hours' | 'minutes' | 'seconds';
+export declare const zhTW: {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                localeText: {
+                    previousMonth?: string;
+                    nextMonth?: string;
+                    calendarWeekNumberHeaderLabel?: string;
+                    calendarWeekNumberHeaderText?: string;
+                    calendarWeekNumberAriaLabelText?: (weekNumber: number) => string;
+                    calendarWeekNumberText?: (weekNumber: number) => string;
+                    openPreviousView?: string;
+                    openNextView?: string;
+                    calendarViewSwitchingButtonAriaLabel?: (currentView: import("@mui/x-date-pickers/models").DateView) => string;
+                    start?: string;
+                    end?: string;
+                    startDate?: string;
+                    startTime?: string;
+                    endDate?: string;
+                    endTime?: string;
+                    cancelButtonLabel?: string;
+                    clearButtonLabel?: string;
+                    okButtonLabel?: string;
+                    todayButtonLabel?: string;
+                    nextStepButtonLabel?: string;
+                    clockLabelText?: (view: MuiTimeView, formattedTime: string | null) => string;
+                    hoursClockNumberText?: (hours: string) => string;
+                    minutesClockNumberText?: (minutes: string) => string;
+                    secondsClockNumberText?: (seconds: string) => string;
+                    selectViewText?: (view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string;
+                    openDatePickerDialogue?: (formattedDate: string | null) => string;
+                    openTimePickerDialogue?: (formattedTime: string | null) => string;
+                    openRangePickerDialogue?: (formattedRange: string | null) => string;
+                    fieldClearLabel?: string;
+                    timeTableLabel?: string;
+                    dateTableLabel?: string;
+                    fieldYearPlaceholder?: (params: {
+                        digitAmount: number;
+                        format: string;
+                    }) => string;
+                    fieldMonthPlaceholder?: (params: {
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+                        format: string;
+                    }) => string;
+                    fieldDayPlaceholder?: (params: {
+                        format: string;
+                    }) => string;
+                    fieldWeekDayPlaceholder?: (params: {
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+                        format: string;
+                    }) => string;
+                    fieldHoursPlaceholder?: (params: {
+                        format: string;
+                    }) => string;
+                    fieldMinutesPlaceholder?: (params: {
+                        format: string;
+                    }) => string;
+                    fieldSecondsPlaceholder?: (params: {
+                        format: string;
+                    }) => string;
+                    fieldMeridiemPlaceholder?: (params: {
+                        format: string;
+                    }) => string;
+                    year?: string;
+                    month?: string;
+                    day?: string;
+                    weekDay?: string;
+                    hours?: string;
+                    minutes?: string;
+                    seconds?: string;
+                    meridiem?: string;
+                    empty?: string;
+                    datePickerToolbarTitle?: string;
+                    timePickerToolbarTitle?: string;
+                    dateTimePickerToolbarTitle?: string;
+                    dateRangePickerToolbarTitle?: string;
+                    timeRangePickerToolbarTitle?: string;
+                };
+            };
+        };
+    };
+};
+//# sourceMappingURL=dateTimePicker.d.ts.map

package/dist/styles/locales/dateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/styles/locales/dateTimePicker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE1E,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAgGrE,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsC,CAAC"}

package/dist/styles/locales/dateTimePicker.js

@@ -0,0 +1,71 @@
+const getPickersLocalization = (pickersTranslations) => {
+    return {
+        components: {
+            MuiLocalizationProvider: {
+                defaultProps: {
+                    localeText: { ...pickersTranslations },
+                },
+            },
+        },
+    };
+};
+const views = {
+    hours: '小時',
+    minutes: '分鐘',
+    seconds: '秒',
+    meridiem: '子午線',
+};
+const zhTWPickers = {
+    // Calendar navigation
+    previousMonth: '上個月',
+    nextMonth: '下個月',
+    // View navigation
+    openPreviousView: '上一個視圖',
+    openNextView: '下一個視圖',
+    calendarViewSwitchingButtonAriaLabel: (view) => view === 'year'
+        ? '年視圖已打開，切換為日曆視圖'
+        : '日曆視圖已打開，切換為年視圖',
+    // DateRange placeholders
+    start: '開始',
+    end: '結束',
+    // Action bar
+    cancelButtonLabel: '取消',
+    clearButtonLabel: '清除',
+    okButtonLabel: '確認',
+    todayButtonLabel: '今天',
+    nextStepButtonLabel: '下一步',
+    // Toolbar titles
+    datePickerToolbarTitle: '選擇日期',
+    dateTimePickerToolbarTitle: '選擇日期和時間',
+    timePickerToolbarTitle: '選擇時間',
+    dateRangePickerToolbarTitle: '選擇時間範圍',
+    // Clock labels
+    clockLabelText: (view, formattedTime) => `選擇 ${views[view]}. ${formattedTime === null ? '未選擇時間' : `已選擇${formattedTime}`}`,
+    hoursClockNumberText: (hours) => `${hours}小時`,
+    minutesClockNumberText: (minutes) => `${minutes}分鐘`,
+    secondsClockNumberText: (seconds) => `${seconds}秒`,
+    // Digital clock labels
+    selectViewText: (view) => `選擇 ${views[view]}`,
+    // Calendar labels
+    calendarWeekNumberHeaderLabel: '週數',
+    calendarWeekNumberHeaderText: '#',
+    calendarWeekNumberAriaLabelText: (weekNumber) => `第${weekNumber}週`,
+    calendarWeekNumberText: (weekNumber) => `${weekNumber}`,
+    // Open picker labels
+    openDatePickerDialogue: (formattedDate) => formattedDate ? `選擇日期，已選擇${formattedDate}` : '選擇日期',
+    openTimePickerDialogue: (formattedTime) => formattedTime ? `選擇時間，已選擇${formattedTime}` : '選擇時間',
+    // Table labels
+    timeTableLabel: '選擇時間',
+    dateTableLabel: '選擇日期',
+    // Field section placeholders
+    fieldYearPlaceholder: (params) => 'Y'.repeat(params.digitAmount),
+    fieldMonthPlaceholder: (params) => params.contentType === 'letter' ? 'MMMM' : 'MM',
+    fieldDayPlaceholder: () => 'DD',
+    fieldWeekDayPlaceholder: (params) => params.contentType === 'letter' ? 'EEEE' : 'EE',
+    fieldHoursPlaceholder: () => 'hh',
+    fieldMinutesPlaceholder: () => 'mm',
+    fieldSecondsPlaceholder: () => 'ss',
+    fieldMeridiemPlaceholder: () => 'aa',
+};
+export const zhTW = getPickersLocalization(zhTWPickers);
+//# sourceMappingURL=dateTimePicker.js.map

package/dist/styles/locales/dateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.js","sourceRoot":"","sources":["../../../src/styles/locales/dateTimePicker.ts"],"names":[],"mappings":"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"}

package/dist/styles/theme.d.ts

@@ -0,0 +1,78 @@
+declare module '@mui/material/styles' {
+    interface Palette {
+        primaryGreen: Palette['primary'];
+        blueGreen: Palette['primary'];
+        grassGreen: Palette['primary'];
+        cancel: Palette['primary'];
+        darkOrange: Palette['primary'];
+        progressPrimary: Palette['primary'];
+        progressUpgraded: Palette['primary'];
+        progressUnstarted: Palette['primary'];
+        progressStart: Palette['primary'];
+        progressLevel1: Palette['primary'];
+        progressLevel2: Palette['primary'];
+        progressLevel3: Palette['primary'];
+        progressFinished: Palette['primary'];
+        progressStruggle: Palette['primary'];
+    }
+    interface PaletteOptions {
+        primaryGreen: PaletteOptions['primary'];
+        blueGreen: PaletteOptions['primary'];
+        grassGreen: PaletteOptions['primary'];
+        cancel: PaletteOptions['primary'];
+        darkOrange: PaletteOptions['primary'];
+        progressPrimary: PaletteOptions['primary'];
+        progressUpgraded: PaletteOptions['primary'];
+        progressUnstarted: PaletteOptions['primary'];
+        progressStart: PaletteOptions['primary'];
+        progressLevel1: PaletteOptions['primary'];
+        progressLevel2: PaletteOptions['primary'];
+        progressLevel3: PaletteOptions['primary'];
+        progressFinished: PaletteOptions['primary'];
+        progressStruggle: PaletteOptions['primary'];
+    }
+}
+export interface DefaultColorOverrides {
+    cancel: true;
+    primaryGreen: true;
+    blueGreen: true;
+    grassGreen: true;
+    darkOrange: true;
+}
+declare module '@mui/material' {
+    interface ButtonPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface ButtonGroupPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface CheckboxPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface FabPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface ChipPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface SwitchPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface BadgePropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface CircularProgressPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface LinearProgressPropsColorOverrides extends DefaultColorOverrides {
+    }
+    interface ChipPropsColorOverrides extends DefaultColorOverrides {
+        progressUpgraded: true;
+        progressUnstarted: true;
+        progressStart: true;
+        progressLevel1: true;
+        progressLevel2: true;
+        progressLevel3: true;
+        progressFinished: true;
+        progressStruggle: true;
+    }
+}
+declare const theme: import("@mui/material").Theme;
+export default theme;
+export declare const paletteColor: readonly ["primary", "secondary", "success", "error", "info", "cancel", "warning", "primaryGreen", "blueGreen", "grassGreen", "darkOrange"];
+export type Color = (typeof paletteColor)[number];
+export declare const progressColor: readonly ["progressPrimary", "progressUpgraded", "progressUnstarted", "progressStart", "progressLevel1", "progressLevel2", "progressLevel3", "progressFinished", "progressStruggle"];
+export type ProgressColor = (typeof progressColor)[number];
+//# sourceMappingURL=theme.d.ts.map

package/dist/styles/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"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"}

package/dist/styles/theme.js

@@ -0,0 +1,206 @@
+import { createTheme } from '@mui/material/styles';
+import { colors } from './colors';
+import { zhTW as dateTimePickerZhTW } from './locales/dateTimePicker';
+const refTheme = createTheme();
+const junyiFontFamily = [
+    '"Noto Sans TC"',
+    'PingFang',
+    '"Microsoft JhengHei"',
+    'Arial',
+    'sans-serif',
+].join(',');
+// Create a theme instance.
+const theme = createTheme({
+    typography: {
+        fontFamily: junyiFontFamily,
+        h1: { fontFamily: junyiFontFamily, fontSize: 96, lineHeight: '112px' },
+        h2: { fontFamily: junyiFontFamily, fontSize: 60, lineHeight: 1.2 },
+        h3: { fontFamily: junyiFontFamily, fontSize: 48, lineHeight: 1.167 },
+        h4: { fontFamily: junyiFontFamily, fontSize: 34, lineHeight: 1.235 },
+        h5: { fontFamily: junyiFontFamily, fontSize: 24, lineHeight: 1.334 },
+        h6: { fontFamily: junyiFontFamily, fontSize: 20, lineHeight: 1.6 },
+        subtitle1: {
+            fontFamily: junyiFontFamily,
+            fontSize: 16,
+            lineHeight: 1.75,
+        },
+        subtitle2: {
+            fontFamily: junyiFontFamily,
+            fontSize: 14,
+            lineHeight: 1.57,
+        },
+        body1: { fontFamily: junyiFontFamily, fontSize: 16, lineHeight: 1.5 },
+        body2: { fontFamily: junyiFontFamily, fontSize: 14, lineHeight: 1.43 },
+        button: { fontFamily: junyiFontFamily },
+        caption: { fontFamily: junyiFontFamily, fontSize: 12, lineHeight: 1.66 },
+        overline: { fontFamily: junyiFontFamily, fontSize: 12, lineHeight: 2.66 },
+    },
+    palette: {
+        primary: {
+            light: '#82C0FF',
+            main: colors.blue[600],
+            dark: '#0063B0',
+        },
+        secondary: {
+            light: '#FFD759',
+            main: '#F5A623',
+            dark: '#BD7700',
+            contrastText: '#FFFFFF',
+        },
+        cancel: {
+            main: '#C4C4C4',
+            contrastText: '#FFFFFF',
+        },
+        primaryGreen: {
+            light: '#9DD49E',
+            main: '#5CB85D',
+            dark: '#218838',
+            contrastText: '#FFFFFF',
+        },
+        blueGreen: {
+            main: '#19A696',
+            contrastText: '#FFFFFF',
+        },
+        grassGreen: refTheme.palette.augmentColor({
+            color: { main: '#80BB5A', contrastText: '#FFFFFF' },
+        }),
+        darkOrange: refTheme.palette.augmentColor({
+            color: { main: '#D55704', contrastText: '#FFFFFF' },
+        }),
+        progressPrimary: {
+            main: colors.blue[600],
+            dark: colors.blue[600],
+            light: '#FFFFFF',
+            contrastText: '#FFFFFF',
+        },
+        progressUpgraded: {
+            main: '#EEEEEE',
+            light: '#FFF',
+            dark: '#D4D4D4',
+            contrastText: '#000000DE',
+        },
+        progressUnstarted: {
+            main: '#EEEEEE',
+            light: '#FFF',
+            dark: '#D4D4D4',
+            contrastText: '#000000DE',
+        },
+        progressStart: {
+            main: '#BEDEFF',
+            light: '#FFFFFF',
+            dark: '#ABC8E5',
+            contrastText: '#000000DE',
+        },
+        progressLevel1: {
+            main: '#82C0FF',
+            light: '#FFFFFF',
+            dark: '#75ADE5',
+            contrastText: '#000000DE',
+        },
+        progressLevel2: {
+            main: colors.blue[600],
+            light: '#FFFFFF',
+            dark: '#4180C9',
+            contrastText: '#FFFFFF',
+        },
+        progressLevel3: {
+            main: '#0063B0',
+            light: '#FFFFFF',
+            dark: '#005596',
+            contrastText: '#FFFFFF',
+        },
+        progressFinished: {
+            main: '#05396B',
+            light: '#FFFFFF',
+            dark: '#042B52',
+            contrastText: '#FFFFFF',
+        },
+        progressStruggle: {
+            main: '#C62828',
+            light: '#FFFFFF',
+            dark: '#AD2323',
+            contrastText: '#FFFFFF',
+        },
+        text: {
+            secondary: 'rgba(0, 0, 0, 0.54)',
+            disabled: 'rgba(0, 0, 0, 0.38)',
+        },
+    },
+    components: {
+        MuiCssBaseline: {
+            styleOverrides: {
+                body: {
+                    color: 'rgba(0, 0, 0, 0.6)',
+                    lineHeight: '1.2',
+                    WebkitFontSmoothing: 'auto',
+                    '& .swal2-container': { zIndex: 1350 },
+                    button: {
+                        fontFamily: junyiFontFamily,
+                    },
+                },
+                'ol, ul': {
+                    listStyle: 'none',
+                },
+                'h1, h2, h3, h4, h5, h6, p': {
+                    color: 'rgba(0, 0, 0, 0.87)',
+                    margin: 0,
+                    padding: 0,
+                    border: 0,
+                },
+                a: {
+                    color: colors.blue[600],
+                    textDecoration: 'none',
+                    cursor: 'pointer',
+                },
+                'a:hover, a:focus': {
+                    color: '#0063b0',
+                },
+            },
+        },
+        MuiButton: {
+            styleOverrides: {
+                sizeSmall: {
+                    fontSize: 12,
+                    fontWeight: 500,
+                    lineHeight: '22px',
+                },
+                sizeMedium: {
+                    fontSize: 14,
+                    fontWeight: 500,
+                    lineHeight: '24px',
+                },
+                sizeLarge: {
+                    fontSize: 15,
+                    fontWeight: 500,
+                    lineHeight: '26px',
+                },
+            },
+        },
+    },
+}, dateTimePickerZhTW);
+export default theme;
+export const paletteColor = [
+    'primary',
+    'secondary',
+    'success',
+    'error',
+    'info',
+    'cancel',
+    'warning',
+    'primaryGreen',
+    'blueGreen',
+    'grassGreen',
+    'darkOrange',
+];
+export const progressColor = [
+    'progressPrimary',
+    'progressUpgraded',
+    'progressUnstarted',
+    'progressStart',
+    'progressLevel1',
+    'progressLevel2',
+    'progressLevel3',
+    'progressFinished',
+    'progressStruggle',
+];
+//# sourceMappingURL=theme.js.map