@surveycake/rc 3.0.0-alpha.18 → 3.0.0-alpha.181

package/dist/V2/index.d.ts

@@ -1,33 +1,81 @@
 export { theme, useMUITheme } from './styles/theme';
+export { useThemeCompat, themeCompat } from './styles/useThemeCompat';
 export { ThemeProvider, PureThemeProvider } from './styles/ThemeProvider';
+export { default as Accordion } from './Accordion';
+export { default as AccordionDetails } from './AccordionDetails';
+export { default as AccordionSelect } from './AccordionSelect';
+export { default as AccordionSummary } from './AccordionSummary';
+export { default as Alert } from './Alert';
+export { default as AlertTitle } from './AlertTitle';
+export { default as Autocomplete } from './Autocomplete';
 export { default as Backdrop } from './Backdrop';
 export { default as Box } from './Box';
 export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
+export { default as Card } from './Card';
+export { default as CardActionArea } from './CardActionArea';
+export { default as CardActions } from './CardActions';
+export { default as CardMedia } from './CardMedia';
+export { default as Checkbox } from './Checkbox';
+export { default as Chip } from './Chip';
 export { default as CircularProgress } from './CircularProgress';
+export { default as ClickAwayListener } from './ClickAwayListener';
 export { default as CssBaseline } from './CssBaseline';
 export { default as Dialog } from './Dialog';
 export { default as DialogActions } from './DialogActions';
 export { default as DialogContent } from './DialogContent';
 export { default as DialogContentText } from './DialogContentText';
 export { default as DialogTitle } from './DialogTitle';
+export { default as Divider } from './Divider';
+export { default as Drawer } from './Drawer';
 export { default as Fade } from './Fade';
 export { default as FormControl } from './FormControl';
 export { default as FormControlLabel } from './FormControlLabel';
 export { default as FormGroup } from './FormGroup';
 export { default as FormHelperText } from './FormHelperText';
 export { default as FormLabel } from './FormLabel';
-export { default as GroupSelect } from './GroupSelect';
+export { default as Grow } from './Grow';
 export { default as IconButton } from './IconButton';
+export { default as InputAdornment } from './InputAdornment';
+export { default as LinearProgress } from './LinearProgress';
 export { default as Link } from './Link';
 export { default as LoadingButton } from './LoadingButton';
+export { default as Menu } from './Menu';
 export { default as MenuItem } from './MenuItem';
+export { default as MenuList } from './MenuList';
+export { default as MultiVarSelect } from './MultiVarSelect';
+export { default as NestedAccordionSelect } from './NestedAccordionSelect';
 export { default as OutlinedInput } from './OutlinedInput';
+export { default as Pagination } from './Pagination';
+export { default as Popover } from './Popover';
+export { default as Popper } from './Popper';
+export { default as Radio } from './Radio';
+export { default as RadioGroup } from './RadioGroup';
 export { default as Select } from './Select';
+export { default as Skeleton } from './Skeleton';
+export { default as Slide } from './Slide';
+export { default as Slider } from './Slider';
+export { default as Snackbar } from './Snackbar';
+export { default as Step } from './Step';
+export { default as StepLabel } from './StepLabel';
+export { default as Stepper } from './Stepper';
+export { default as SwipeableDrawer } from './SwipeableDrawer';
 export { default as Switch } from './Switch';
+export { default as Tab } from './Tab';
+export { default as Table } from './Table';
+export { default as TableBody } from './TableBody';
+export { default as TableCell } from './TableCell';
+export { default as TableContainer } from './TableContainer';
+export { default as TableHead } from './TableHead';
+export { default as TablePagination } from './TablePagination';
+export { default as TableRow } from './TableRow';
+export { default as TableSortLabel } from './TableSortLabel';
+export { default as Tabs } from './Tabs';
 export { default as TextField } from './TextField';
 export { default as ToggleButton } from './ToggleButton';
 export { default as ToggleButtonGroup } from './ToggleButtonGroup';
 export { default as Tooltip } from './Tooltip';
 export { default as Typography } from './Typography';
+export { default as VarSelect } from './VarSelect';
 export { default as Icon } from './Icon';
+export { exclusiveColor } from './ColorPalette/exclusiveColor';

package/dist/V2/styles/constants/DESKTOP_FONT_SIZE.d.ts

@@ -0,0 +1,14 @@
+export declare enum DESKTOP_FONT_SIZE {
+    h1 = 2,
+    h2 = 1.75,
+    h3 = 1.5,
+    h4 = 1.25,
+    h5 = 1.125,
+    h6 = 1,
+    subtitle1 = 0.875,
+    body1 = 1,
+    body2 = 0.875,
+    button = 0.875,
+    caption = 0.875,
+    overline = 0.75
+}

package/dist/V2/styles/constants/MOBILE_FONT_SIZE.d.ts

@@ -0,0 +1,14 @@
+export declare enum MOBILE_FONT_SIZE {
+    h1 = 1.5,
+    h2 = 1.375,
+    h3 = 1.25,
+    h4 = 1.125,
+    h5 = 1,
+    h6 = 0.875,
+    subtitle1 = 0.875,
+    body1 = 1,
+    body2 = 0.875,
+    button = 0.875,
+    caption = 0.875,
+    overline = 0.75
+}

package/dist/V2/styles/core.d.ts

@@ -1 +1,28 @@
+declare module '@material-ui/core/styles/createPalette' {
+    interface PaletteColor {
+        lighter: string;
+        lightest: string;
+    }
+    interface SimplePaletteColorOptions {
+        lighter?: string;
+        lightest?: string;
+    }
+    interface ChartColorOptions {
+        cornflowerBlue: string;
+        mediumAqua: string;
+        pear: string;
+        saffron: string;
+        corn: string;
+        blueGreen: string;
+        oxfordBlue: string;
+        silverSand: string;
+        sandyBrown: string;
+    }
+    interface Palette {
+        chart: ChartColorOptions;
+    }
+    interface PaletteOptions {
+        chart?: ChartColorOptions;
+    }
+}
 export declare const core: import("@material-ui/core/styles").Theme;

package/dist/V2/styles/useThemeCompat.d.ts

@@ -0,0 +1,172 @@
+/**
+ * 相容層 Hook：讓舊的 v1 RC theme 存取方式可以映射到 MUI theme
+ * 用於漸進式從 v1 useTheme 遷移到 v2 useMUITheme
+ *
+ * @example
+ * // 舊的寫法 (v1)
+ * const rcTheme = useTheme();
+ * rcTheme.color.primary.default
+ * rcTheme.color.text.B5
+ *
+ * // 使用相容層
+ * const { color, typography } = useThemeCompat();
+ * color.primary.default  // 對應 v1 theme color.primary.default
+ * color.text.B5          // 對應 v1 theme color.text.B5
+ *
+ * // 也可以直接存取 MUI theme
+ * const { mui } = useThemeCompat();
+ * mui.palette.primary.main
+ */
+export declare function useThemeCompat(): {
+    color: {
+        primary: {
+            active: string;
+            default: string;
+            hover: string;
+            disabled: string;
+            background: string;
+            lightBackground: string;
+        };
+        secondary: {
+            active: string;
+            default: string;
+            hover: string;
+            disabled: string;
+            background: string;
+        };
+        thirdary: {
+            active: string;
+            default: string;
+            hover: string;
+            disabled: string;
+            background: string;
+        };
+        text: {
+            white: string;
+            B6: string;
+            B5: string;
+            B4: string;
+            B3: string;
+            B2: string;
+            B: string;
+            HB: string;
+            F: string;
+        };
+        semantic: {
+            success: string;
+            info: string;
+            warning: string;
+            error: string;
+            enterprise: string;
+            team: string;
+            pro: string;
+        };
+    };
+    typography: {
+        fontSize: {
+            h1: number;
+            h2: number;
+            h3: number;
+            h4: number;
+            h5: number;
+            h6: number;
+            p: number;
+            span: number;
+            div: number;
+        };
+        fontWeight: {
+            normal: number;
+            medium: number;
+            bold: number;
+        };
+    };
+    zIndex: {
+        mobileStepper: number;
+        speedDial: number;
+        appBar: number;
+        drawer: number;
+        modal: number;
+        snackbar: number;
+        tooltip: number;
+    };
+    mui: import("@material-ui/core").Theme;
+};
+/**
+ * 靜態 theme 物件（非 hook 版本）
+ * 適用於不在 React component 內的情況
+ * 直接使用 v1 theme 值以確保相容性
+ */
+export declare const themeCompat: {
+    color: {
+        primary: {
+            active: string;
+            default: string;
+            hover: string;
+            disabled: string;
+            background: string;
+            lightBackground: string;
+        };
+        secondary: {
+            active: string;
+            default: string;
+            hover: string;
+            disabled: string;
+            background: string;
+        };
+        thirdary: {
+            active: string;
+            default: string;
+            hover: string;
+            disabled: string;
+            background: string;
+        };
+        text: {
+            white: string;
+            B6: string;
+            B5: string;
+            B4: string;
+            B3: string;
+            B2: string;
+            B: string;
+            HB: string;
+            F: string;
+        };
+        semantic: {
+            success: string;
+            info: string;
+            warning: string;
+            error: string;
+            enterprise: string;
+            team: string;
+            pro: string;
+        };
+    };
+    typography: {
+        fontSize: {
+            h1: number;
+            h2: number;
+            h3: number;
+            h4: number;
+            h5: number;
+            h6: number;
+            p: number;
+            span: number;
+            div: number;
+        };
+        fontWeight: {
+            normal: number;
+            medium: number;
+            bold: number;
+        };
+    };
+    zIndex: {
+        mobileStepper: number;
+        speedDial: number;
+        appBar: number;
+        drawer: number;
+        modal: number;
+        snackbar: number;
+        tooltip: number;
+    };
+    mui: import("@material-ui/core").Theme;
+};

package/dist/customEmotion.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Please use customEmotion for all emotion related imports due to the nonce issue.
+ * Reference:
+ * https://emotion.sh/docs/@emotion/cache#nonce
+ * https://emotion.sh/docs/@emotion/css#multiple-instances-in-a-single-app-example
+ */
+export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("create-emotion").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
+    (template: TemplateStringsArray, ...args: import("create-emotion").Interpolation<undefined>[]): void;
+    (...args: import("create-emotion").Interpolation<undefined>[]): void;
+}, keyframes: {
+    (template: TemplateStringsArray, ...args: import("create-emotion").Interpolation<undefined>[]): string;
+    (...args: import("create-emotion").Interpolation<undefined>[]): string;
+}, css: {
+    (template: TemplateStringsArray, ...args: import("create-emotion").Interpolation<undefined>[]): string;
+    (...args: import("create-emotion").Interpolation<undefined>[]): string;
+}, sheet: import("create-emotion").StyleSheet, cache: import("create-emotion").EmotionCache;

package/dist/index.d.ts

@@ -135,3 +135,4 @@ export { default as facebookIn } from './Icon/icons/brands/facebook-in';
 export { default as linkedinIn } from './Icon/icons/brands/linkedin-in';
 export { default as twitterIn } from './Icon/icons/brands/twitter-in';
 export { default as WordingProvider } from './wording';
+export { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache, } from './customEmotion';