@owp/core 2.5.3 → 2.5.5

package/dist/types/features/themePreview/utils/themePreviewExport.d.ts

@@ -0,0 +1,1091 @@
+import type { ThemePreviewSettings } from '../types';
+export declare function createThemePreviewExportData(draftSettings: ThemePreviewSettings): {
+    surface: {
+        defaultLayoutSurface: {
+            light: string;
+            main: string;
+            dark: string;
+            contrastText: string;
+        };
+    };
+    presets: {
+        lightPaletteText: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        darkPaletteText: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        defaultPrimaryPalette: {
+            light: string;
+            main: string;
+            dark: string;
+            contrastText: string;
+        };
+        defaultSecondaryPalette: {
+            light: string;
+            main: string;
+            dark: string;
+            contrastText: string;
+        };
+        defaultNavbarDivider: string;
+        defaultNavbarSecondaryPalette: {
+            main: string;
+            contrastText: string;
+        };
+        defaultToolbarDivider: string;
+        defaultToolbarSecondaryPalette: {
+            light: string;
+            main: string;
+            dark: string;
+            contrastText: string;
+        };
+        themesConfig: {
+            light1: import("@/types").OwpThemeType;
+            light2: import("@/types").OwpThemeType;
+            surfaceDark: import("@/types").OwpThemeType;
+            toolbarSkyLight: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            toolbarMistLight: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            toolbarNavyDark: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            toolbarTealDark: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            atlassianBrand: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            atlassianBrandDark: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            carbonBlue: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            carbonBlueDark: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            primerSlate: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            primerSlateDark: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            cloudscapeBlue: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            cloudscapeBlueDark: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    info: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    success: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    warning: {
+                        main: string;
+                        contrastText: string;
+                    };
+                    error: {
+                        main: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            dark8: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                    };
+                    common: {
+                        black: string;
+                        white: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                };
+            };
+            legacy: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    common: {
+                        black: string;
+                        white: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            light3: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            light4: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            light5: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            light6: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            light7: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            dark1: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            dark2: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            dark3: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            dark4: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            dark5: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            dark6: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            dark7: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: string;
+                        default: string;
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+            greyDark: {
+                palette: {
+                    mode: string;
+                    divider: string;
+                    text: {
+                        primary: string;
+                        secondary: string;
+                        disabled: string;
+                    };
+                    primary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    secondary: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                        contrastText: string;
+                    };
+                    background: {
+                        paper: "#455a64";
+                        default: "#263238";
+                    };
+                    error: {
+                        light: string;
+                        main: string;
+                        dark: string;
+                    };
+                };
+            };
+        };
+    };
+    settings: {
+        defaultSettingsConfig: {
+            theme: {
+                main: import("@/types").OwpThemeType;
+                navbar: import("@/types").OwpThemeType;
+                toolbar: import("@/types").OwpThemeType;
+                footer: import("@/types").OwpThemeType;
+            };
+            customScrollbars: true;
+            direction: "ltr";
+            snackbar: {
+                default: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                success: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                info: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                warning: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                error: {
+                    backgroundColor: string;
+                    color: string;
+                };
+            };
+        };
+        defaultSnackbarTheme: import("@/features/themePreview/configs/snackbar").SnackbarTheme;
+    };
+};