@surveycake/rc 3.0.0-aplha.7 → 3.0.0-gitlab-test.2

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';