@owp/core 2.5.4 → 2.5.6

package/dist/types/features/themePreview/configs/presets.d.ts

@@ -0,0 +1,1152 @@
+export declare const lightPaletteText: {
+    primary: string;
+    secondary: string;
+    disabled: string;
+};
+export declare const darkPaletteText: {
+    primary: string;
+    secondary: string;
+    disabled: string;
+};
+export declare const defaultPrimaryPalette: {
+    light: string;
+    main: string;
+    dark: string;
+    contrastText: string;
+};
+export declare const defaultSecondaryPalette: {
+    light: string;
+    main: string;
+    dark: string;
+    contrastText: string;
+};
+export declare const defaultNavbarSecondaryPalette: {
+    main: string;
+    contrastText: string;
+};
+export declare const defaultNavbarDivider = "rgba(214,214,214,0.7)";
+export declare const defaultToolbarDivider: "#FFFFFF";
+export declare const defaultToolbarSecondaryPalette: {
+    dark: "#FFFFFF";
+    light: string;
+    main: string;
+    contrastText: string;
+};
+export declare const themePreviewPresetContractKeys: readonly ["light1", "light2", "surfaceDark"];
+export declare const toolbarCuratedPresetKeys: readonly ["toolbarSkyLight", "toolbarMistLight", "toolbarNavyDark", "toolbarTealDark"];
+export declare const designSystemPresetKeys: readonly ["atlassianBrand", "atlassianBrandDark", "carbonBlue", "carbonBlueDark", "primerSlate", "primerSlateDark", "cloudscapeBlue", "cloudscapeBlueDark"];
+export declare const themesConfig: {
+    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;
+            };
+        };
+    };
+    light1: {
+        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;
+            };
+        };
+    };
+    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;
+            };
+        };
+    };
+    light2: {
+        palette: {
+            mode: string;
+            divider: string;
+            text: {
+                primary: string;
+                secondary: string;
+                disabled: string;
+            };
+            common: {
+                black: string;
+                white: string;
+            };
+            primary: {
+                readonly light: "#4f585c";
+                readonly main: "#232a2d";
+                readonly dark: "#111618";
+                readonly contrastText: "#FFFFFF";
+            };
+            secondary: {
+                main: string;
+                contrastText: string;
+            };
+            background: {
+                paper: string;
+                default: string;
+            };
+            error: {
+                light: string;
+                main: string;
+                dark: string;
+                contrastText: string;
+            };
+        };
+    };
+    surfaceDark: {
+        palette: {
+            mode: string;
+            divider: "#FFFFFF";
+            text: {
+                primary: string;
+                secondary: string;
+                disabled: string;
+            };
+            common: {
+                black: string;
+                white: string;
+            };
+            primary: {
+                light: string;
+                main: string;
+                dark: string;
+                contrastText: string;
+            };
+            secondary: {
+                dark: "#FFFFFF";
+                light: string;
+                main: string;
+                contrastText: string;
+            };
+            background: {
+                paper: "#111618";
+                default: "#232a2d";
+            };
+            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;
+            };
+        };
+    };
+};
+export default themesConfig;