npm - @owp/core - Versions diffs - 2.5.5 → 2.5.7 - Mend

@owp/core 2.5.5 → 2.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

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

@@ -1,1091 +1,46 @@
+import { type SnackbarProviderTheme, type SnackbarTheme } from '@/features/themePreview/configs/snackbar';
+import { defaultSettingsConfig } from '@/features/themePreview/configs/settings';
+import type { OwpSettingsConfigType } from '@/types';
 import type { ThemePreviewSettings } from '../types';
-export declare function createThemePreviewExportData(draftSettings: ThemePreviewSettings): {
-    surface: {
-        defaultLayoutSurface: {
-            light: string;
-            main: string;
-            dark: string;
-            contrastText: string;
-        };
-    };
+type ThemePreviewTextPalette = {
+    disabled?: string;
+    primary?: string;
+    secondary?: string;
+};
+export interface ThemePreviewExportData {
     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;
-        };
+        darkPaletteText: ThemePreviewTextPalette;
         defaultNavbarDivider: string;
-        defaultNavbarSecondaryPalette: {
-            main: string;
-            contrastText: string;
-        };
+        defaultNavbarSecondaryPalette: Record<string, string | undefined>;
+        defaultPrimaryPalette: Record<string, string | undefined>;
+        defaultSecondaryPalette: Record<string, string | undefined>;
         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;
-                    };
-                };
-            };
-        };
+        defaultToolbarSecondaryPalette: Record<string, string | undefined>;
+        lightPaletteText: ThemePreviewTextPalette;
+        themesConfig: Record<string, unknown>;
     };
     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;
-                };
-            };
+        defaultSettingsConfig: Omit<typeof defaultSettingsConfig, 'snackbar' | 'theme'> & {
+            snackbar: SnackbarTheme;
+            snackbarProviderProps: SnackbarProviderTheme;
+            theme: OwpSettingsConfigType['theme'];
         };
-        defaultSnackbarTheme: import("@/features/themePreview/configs/snackbar").SnackbarTheme;
+        defaultSnackbarProviderProps: SnackbarProviderTheme;
+        defaultSnackbarTheme: SnackbarTheme;
     };
-};
+    surface: {
+        defaultLayoutSurface: {
+            contrastText?: string;
+            dark?: string;
+            light?: string;
+            main?: string;
+        };
+    };
+}
+export interface ThemePreviewAppConfigFile {
+    content: string;
+    fileName: string;
+}
+export declare function createThemePreviewExportData(draftSettings: ThemePreviewSettings): ThemePreviewExportData;
+export declare function createThemePreviewAppConfigFiles(draftSettings: ThemePreviewSettings): ThemePreviewAppConfigFile[];
+export {};