@popmenu/admin-ui 0.125.0 → 0.126.1

package/build/esm/hooks/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sources":["../../../src/hooks/useDialog.ts"],"sourcesContent":["import { useState } from 'react'\n\nexport const useDialog = () => {\n  const [open, setOpen] = useState(false)\n  const toggle = () => setOpen((current) => !current)\n  const close = () => setOpen(false)\n  const triggerProps = { onClick: toggle }\n  const dialogProps = { open, onClose: close }\n  return [triggerProps, dialogProps, { open, setOpen, toggle, close }]\n}\n"],"names":[],"mappings":";;AAEa,IAAA,SAAS,GAAG,YAAA;IACjB,IAAA,EAAA,GAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAmB;AACvC,IAAA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,OAAO,CAAC,UAAC,OAAO,EAAK,EAAA,OAAA,CAAC,OAAO,CAAA,EAAA,CAAC,CAAA,EAAA;IACnD,IAAM,KAAK,GAAG,YAAA,EAAM,OAAA,OAAO,CAAC,KAAK,CAAC,CAAd,EAAc;AAClC,IAAA,IAAM,YAAY,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;IACxC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAA,IAAA,EAAE,OAAO,EAAE,KAAK,EAAE;AAC5C,IAAA,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE,OAAO,EAAA,OAAA,EAAE,MAAM,EAAA,MAAA,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC;AACtE;;;;"}

package/build/{hooks → esm/hooks}/useFullScreenStepperContext.d.ts

@@ -1,2 +1,2 @@
-import { FullScreenStepperContextValue } from '../components/FullScreenStepper';
-export declare const useFullScreenStepperContext: () => FullScreenStepperContextValue;
+import { FullScreenStepperContextValue } from '../components/FullScreenStepper';
+export declare const useFullScreenStepperContext: () => FullScreenStepperContextValue;

package/build/esm/hooks/useFullScreenStepperContext.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import '../components/FullScreenStepper/FullScreenStepper.js';
+import { FullScreenStepperContext } from '../components/FullScreenStepper/FullScreenStepperContext.js';
+
+var useFullScreenStepperContext = function () { return useContext(FullScreenStepperContext); };
+
+export { useFullScreenStepperContext };
+//# sourceMappingURL=useFullScreenStepperContext.js.map

package/build/esm/hooks/useFullScreenStepperContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullScreenStepperContext.js","sources":["../../../src/hooks/useFullScreenStepperContext.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { FullScreenStepperContext, FullScreenStepperContextValue } from '../components/FullScreenStepper'\n\nexport const useFullScreenStepperContext = (): FullScreenStepperContextValue => useContext(FullScreenStepperContext)\n"],"names":[],"mappings":";;;;AAGO,IAAM,2BAA2B,GAAG,YAAqC,EAAA,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAApC;;;;"}

package/build/{hooks → esm/hooks}/useSelectableCard.d.ts

@@ -1,24 +1,24 @@
-interface Config {
-    defaultSelected?: Array<string>;
-    selectionMode?: 'single' | 'multi';
-    maxSelectionCount?: number;
-}
-interface Result {
-    card: {
-        onClick: (value: string) => void;
-        selection: Array<string>;
-    };
-    selection: Array<string>;
-    setSelection: (selection: Array<string>) => void;
-}
-/**
- * Manages state for SelectableCards.
- * @param {Config} config - Configures the hook behavior.
- * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.
- * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style
- * selection. 'multi' provides checkbox style selection.
- * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.
- * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.
- */
-export declare const useSelectableCard: (config?: Config) => Result;
-export {};
+interface Config {
+    defaultSelected?: Array<string>;
+    selectionMode?: 'single' | 'multi';
+    maxSelectionCount?: number;
+}
+interface Result {
+    card: {
+        onClick: (value: string) => void;
+        selection: Array<string>;
+    };
+    selection: Array<string>;
+    setSelection: (selection: Array<string>) => void;
+}
+/**
+ * Manages state for SelectableCards.
+ * @param {Config} config - Configures the hook behavior.
+ * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.
+ * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style
+ * selection. 'multi' provides checkbox style selection.
+ * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.
+ * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.
+ */
+export declare const useSelectableCard: (config?: Config) => Result;
+export {};

package/build/esm/hooks/useSelectableCard.js

@@ -0,0 +1,50 @@
+import { __spreadArray } from 'tslib';
+import { useState } from 'react';
+
+/**
+ * Manages state for SelectableCards.
+ * @param {Config} config - Configures the hook behavior.
+ * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.
+ * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style
+ * selection. 'multi' provides checkbox style selection.
+ * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.
+ * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.
+ */
+var useSelectableCard = function (config) {
+    if (config === void 0) { config = {}; }
+    var _a = config.defaultSelected, defaultSelected = _a === void 0 ? [] : _a, _b = config.selectionMode, selectionMode = _b === void 0 ? 'single' : _b, maxSelectionCount = config.maxSelectionCount;
+    var initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected];
+    var _c = useState(initialState), selection = _c[0], setSelection = _c[1];
+    var onClick;
+    var handleSingleSelectionMode = function (value) {
+        setSelection([value]);
+    };
+    var handleMultiSelectionMode = function (value) {
+        var newSelection = __spreadArray([], selection);
+        if (!selection.includes(value)) {
+            if (selection.length === maxSelectionCount) {
+                newSelection.shift();
+            }
+            newSelection = __spreadArray(__spreadArray([], newSelection), [value]);
+            setSelection(newSelection);
+        }
+        else {
+            newSelection = newSelection.filter(function (selected) { return selected !== value; });
+            setSelection(newSelection);
+        }
+    };
+    switch (selectionMode) {
+        case 'single':
+            onClick = handleSingleSelectionMode;
+            break;
+        case 'multi':
+            onClick = handleMultiSelectionMode;
+            break;
+        default:
+            onClick = handleSingleSelectionMode;
+    }
+    return { card: { onClick: onClick, selection: selection }, selection: selection, setSelection: setSelection };
+};
+
+export { useSelectableCard };
+//# sourceMappingURL=useSelectableCard.js.map

package/build/esm/hooks/useSelectableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectableCard.js","sources":["../../../src/hooks/useSelectableCard.ts"],"sourcesContent":["import { useState } from 'react'\n\ninterface Config {\n  defaultSelected?: Array<string>\n  selectionMode?: 'single' | 'multi'\n  maxSelectionCount?: number\n}\ninterface Result {\n  card: {\n    onClick: (value: string) => void\n    selection: Array<string>\n  }\n  selection: Array<string>\n  setSelection: (selection: Array<string>) => void\n}\n\n/**\n * Manages state for SelectableCards.\n * @param {Config} config - Configures the hook behavior.\n * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.\n * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style\n * selection. 'multi' provides checkbox style selection.\n * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.\n * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.\n */\n\nexport const useSelectableCard: (config?: Config) => Result = (config = {}) => {\n  const { defaultSelected = [], selectionMode = 'single', maxSelectionCount } = config\n  const initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected]\n  const [selection, setSelection] = useState(initialState)\n  let onClick\n  const handleSingleSelectionMode = (value: string) => {\n    setSelection([value])\n  }\n  const handleMultiSelectionMode = (value: string) => {\n    let newSelection = [...selection]\n    if (!selection.includes(value)) {\n      if (selection.length === maxSelectionCount) {\n        newSelection.shift()\n      }\n      newSelection = [...newSelection, value]\n      setSelection(newSelection)\n    } else {\n      newSelection = newSelection.filter((selected) => selected !== value)\n      setSelection(newSelection)\n    }\n  }\n  switch (selectionMode) {\n    case 'single':\n      onClick = handleSingleSelectionMode\n      break\n    case 'multi':\n      onClick = handleMultiSelectionMode\n      break\n    default:\n      onClick = handleSingleSelectionMode\n  }\n  return { card: { onClick, selection }, selection, setSelection }\n}\n"],"names":[],"mappings":";;;AAgBA;;;;;;;;AAQG;AAEI,IAAM,iBAAiB,GAAgC,UAAC,MAAW,EAAA;AAAX,IAAA,IAAA,MAAA,KAAA,MAAA,EAAA,EAAA,MAAW,GAAA,EAAA,CAAA;IAChE,IAAA,EAAA,GAAsE,MAAM,CAAxD,eAAA,EAApB,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAAE,EAAgD,GAAA,MAAM,cAA9B,EAAxB,aAAa,mBAAG,QAAQ,GAAA,EAAA,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;AACzE,IAAA,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,CAAC,eAAe,CAAC;IACnF,IAAA,EAAA,GAA4B,QAAQ,CAAC,YAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAA0B;AACxD,IAAA,IAAI,OAAO;IACX,IAAM,yBAAyB,GAAG,UAAC,KAAa,EAAA;AAC9C,QAAA,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC;IACD,IAAM,wBAAwB,GAAG,UAAC,KAAa,EAAA;AAC7C,QAAA,IAAI,YAAY,GAAA,aAAA,CAAA,EAAA,EAAO,SAAS,CAAC;AACjC,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC9B,YAAA,IAAI,SAAS,CAAC,MAAM,KAAK,iBAAiB,EAAE;gBAC1C,YAAY,CAAC,KAAK,EAAE;AACrB;AACD,YAAA,YAAY,GAAO,aAAA,CAAA,aAAA,CAAA,EAAA,EAAA,YAAY,CAAE,EAAA,CAAA,KAAK,EAAC;YACvC,YAAY,CAAC,YAAY,CAAC;AAC3B;AAAM,aAAA;AACL,YAAA,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,UAAC,QAAQ,EAAK,EAAA,OAAA,QAAQ,KAAK,KAAK,CAAlB,EAAkB,CAAC;YACpE,YAAY,CAAC,YAAY,CAAC;AAC3B;AACH,KAAC;AACD,IAAA,QAAQ,aAAa;AACnB,QAAA,KAAK,QAAQ;YACX,OAAO,GAAG,yBAAyB;YACnC;AACF,QAAA,KAAK,OAAO;YACV,OAAO,GAAG,wBAAwB;YAClC;AACF,QAAA;YACE,OAAO,GAAG,yBAAyB;AACtC;AACD,IAAA,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE,EAAE,SAAS,EAAA,SAAA,EAAE,YAAY,EAAA,YAAA,EAAE;AAClE;;;;"}

package/build/{index.d.ts → esm/index.d.ts}

@@ -1,3 +1,3 @@
-export * from './components';
-export * from './hooks';
-export * from './theme';
+export * from './components';
+export * from './hooks';
+export * from './theme';

package/build/esm/index.js

@@ -0,0 +1,32 @@
+export { Alert } from './components/Alert/Alert.js';
+export { AlertDialog } from './components/AlertDialog/AlertDialog.js';
+export { AlertDialogHeader } from './components/AlertDialogHeader/AlertDialogHeader.js';
+export { AlertTitle } from './components/AlertTitle/AlertTitle.js';
+export { Button } from './components/Button/Button.js';
+export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
+export { FeatureIntro } from './components/FeatureIntro/FeatureIntro.js';
+export { FullScreenStepper } from './components/FullScreenStepper/FullScreenStepper.js';
+export { FullScreenStepperContext } from './components/FullScreenStepper/FullScreenStepperContext.js';
+export { FullScreenStepperActions } from './components/FullScreenStepperActions/FullScreenStepperActions.js';
+export { FullScreenStepperContent } from './components/FullScreenStepperContent/FullScreenStepperContent.js';
+export { SelectableCard } from './components/SelectableCard/SelectableCard.js';
+export { Toast } from './components/Toast/Toast.js';
+export { Dialog, DialogContent, DialogTitle } from '@popmenu/common-ui';
+export { DialogActions } from './components/DialogActions/DialogActions.js';
+export { Page } from './components/Page/Page.js';
+export { PageBody } from './components/PageBody/PageBody.js';
+export { PageSection } from './components/PageSection/PageSection.js';
+export { PageSections } from './components/PageSections/PageSections.js';
+export { PageSectionHead } from './components/PageSectionHead/PageSectionHead.js';
+export { PageSectionTitle } from './components/PageSectionTitle/PageSectionTitle.js';
+export { SettingsIndexCardGroup } from './components/SettingsIndexCardGroup/SettingsIndexCardGroup.js';
+export { SettingsIndexCard } from './components/SettingsIndexCard/SettingsIndexCard.js';
+export { List } from './components/List/List.js';
+export { StandardListItem } from './components/StandardListItem/StandardListItem.js';
+export { CircularProgress, MenuItem, Switch, TextField } from '@material-ui/core';
+export { useFullScreenStepperContext } from './hooks/useFullScreenStepperContext.js';
+export { useSelectableCard } from './hooks/useSelectableCard.js';
+export { useDialog } from './hooks/useDialog.js';
+export { adminLight, adminLightOptions } from './theme/adminLightTheme.js';
+export { adminDark, adminDarkOptions } from './theme/adminDarkTheme.js';
+//# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/{theme → esm/theme}/adminDarkTheme.d.ts

@@ -1,227 +1,252 @@
-export declare const adminDarkOptions: {
-    props: {
-        MuiCard: {
-            elevation: number;
-        };
-        MuiTooltip: {
-            title: string;
-            placement: string;
-        };
-        MuiPaper: {
-            elevation: number;
-        };
-        MuiAppBar: {
-            position: string;
-        };
-        MuiInputBase: {
-            color: string;
-        };
-        MuiInputLabel: {
-            color: string;
-        };
-        MuiSwitch: {
-            color: string;
-        };
-        MuiTextField: {
-            variant: string;
-        };
-    };
-    status: {
-        disabled: {
-            opacity: number;
-        };
-    };
-    zIndex: {
-        mobileStepper: number;
-        appBar: number;
-        drawer: number;
-        modal: number;
-        snackbar: number; /** Legacy Properties. Avoid new usage. */
-        tooltip: number;
-    };
-    placeholder: string;
-    themeName: string;
-    palette: {
-        data: {
-            blue: {
-                main: string;
-            };
-            peach: {
-                main: string;
-            };
-        };
-        type: string;
-        secondary: {
-            light: string;
-            main: string;
-        };
-        surface: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        primary: {
-            light: string;
-            main: string;
-            dark: string;
-            contrastText: string;
-            gradientStart: string;
-            gradientEnd: string;
-        };
-        info: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        success: {
-            light: string;
-            main: string;
-            dark: string;
-            contrastText: string;
-        };
-        error: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        warning: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        blue: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        green: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        purple: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        red: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        yellow: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        gray: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        white: {
-            main: string;
-        };
-    };
-    breakpoints: {
-        values: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-        };
-    };
-    typography: {
-        htmlFontSize: number;
-        fontFamily: string;
-        h1: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        h2: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        h3: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        h4: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        h5: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        h6: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        h7: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        body1: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        body2: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-        };
-        subtitle1: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-        };
-        button: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            textTransform: string;
-        };
-    };
-    overrides: {
-        MuiCssBaseline: {
-            '@global': {
-                '*::-webkit-scrollbar': {
-                    width: string;
-                };
-                '*::-webkit-scrollbar-thumb': {
-                    backgroundColor: string;
-                    border: string;
-                    borderRadius: string;
-                };
-                '*::-webkit-scrollbar-track': {
-                    backgroundColor: string;
-                    borderRadius: string;
-                };
-            };
-        };
-        MuiSwitch: {
-            checked: {};
-            track: {};
-            switchBase: {
-                '&$checked': {
-                    color: string;
-                    '& + $track': {
-                        background: string; /** Legacy Properties. Avoid new usage. */
-                    };
-                };
-            };
-        };
-    };
-};
-export declare const adminDark: import("@material-ui/core/styles/createTheme").Theme;
+export declare const adminDarkOptions: {
+    props: {
+        MuiCard: {
+            elevation: number;
+        };
+        MuiTooltip: {
+            title: string;
+            placement: string;
+        };
+        MuiPaper: {
+            elevation: number;
+        };
+        MuiAppBar: {
+            position: string;
+        };
+        MuiInputBase: {
+            color: string;
+        };
+        MuiInputLabel: {
+            color: string;
+        };
+        MuiSwitch: {
+            color: string;
+        };
+        MuiTextField: {
+            variant: string;
+        };
+    };
+    status: {
+        disabled: {
+            opacity: number;
+        };
+    };
+    zIndex: {
+        mobileStepper: number;
+        appBar: number;
+        drawer: number;
+        modal: number;
+        snackbar: number; /** Legacy Properties. Avoid new usage. */
+        tooltip: number;
+    };
+    placeholder: string;
+    themeName: string;
+    palette: {
+        data: {
+            blue: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            peach: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            pink: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            purple: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            marigold: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            teal: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+        };
+        type: string;
+        secondary: {
+            light: string;
+            main: string;
+        };
+        surface: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        primary: {
+            light: string;
+            main: string;
+            dark: string;
+            contrastText: string;
+            gradientStart: string;
+            gradientEnd: string;
+        };
+        info: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        success: {
+            light: string;
+            main: string;
+            dark: string;
+            contrastText: string;
+        };
+        error: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        warning: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        blue: {
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        green: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        purple: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        red: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        yellow: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        gray: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        white: {
+            main: string;
+        };
+    };
+    breakpoints: {
+        values: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+    };
+    typography: {
+        htmlFontSize: number;
+        fontFamily: string;
+        h1: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h2: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h3: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h4: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h5: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h6: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h7: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        body1: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        body2: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        subtitle1: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+            color: string;
+        };
+        button: {
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+            textTransform: string;
+        };
+    };
+    overrides: {
+        MuiCssBaseline: {
+            '@global': {
+                '*::-webkit-scrollbar': {
+                    width: string;
+                };
+                '*::-webkit-scrollbar-thumb': {
+                    backgroundColor: string;
+                    border: string;
+                    borderRadius: string;
+                };
+                '*::-webkit-scrollbar-track': {
+                    backgroundColor: string;
+                    borderRadius: string;
+                };
+            };
+        };
+        MuiSwitch: {
+            checked: {};
+            track: {};
+            switchBase: {
+                '&$checked': {
+                    color: string;
+                    '& + $track': {
+                        background: string; /** Legacy Properties. Avoid new usage. */
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const adminDark: import("@material-ui/core/styles/createTheme").Theme;