@aehrc/smart-forms-renderer 0.4.0 → 0.5.0

package/lib/components/FormRenderer/SmartFormsRenderer.js

@@ -20,6 +20,7 @@ import { Box, CircularProgress, Typography } from '@mui/material';
 import { QueryClientProvider } from '@tanstack/react-query';
 import useQueryClient from '../../hooks/useQueryClient';
 import BaseRenderer from './BaseRenderer';
+import ThemeProvider from '../../theme/Theme';
 // TODO add terminiology server
 function SmartFormsRenderer(props) {
     const { questionnaire, questionnaireResponse, additionalVariables } = props;
@@ -30,8 +31,9 @@ function SmartFormsRenderer(props) {
             React.createElement(CircularProgress, null),
             React.createElement(Typography, null, "Loading questionnaire...")));
     }
-    return (React.createElement(QueryClientProvider, { client: queryClient },
-        React.createElement(BaseRenderer, null)));
+    return (React.createElement(ThemeProvider, null,
+        React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement(BaseRenderer, null))));
 }
 export default SmartFormsRenderer;
 //# sourceMappingURL=SmartFormsRenderer.js.map

package/lib/components/FormRenderer/SmartFormsRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartFormsRenderer.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/SmartFormsRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,qBAAqB,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAQ1C,+BAA+B;AAC/B,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,SAAS,GAAG,qBAAqB,CACrC,aAAa,EACb,qBAAqB,EACrB,mBAAmB,CACpB,CAAC;IACF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC;YAClD,oBAAC,gBAAgB,OAAG;YACpB,oBAAC,UAAU,mCAAsC,CAC7C,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW;QACtC,oBAAC,YAAY,OAAG,CACI,CACvB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SmartFormsRenderer.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/SmartFormsRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,qBAAqB,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAQ9C,+BAA+B;AAC/B,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,SAAS,GAAG,qBAAqB,CACrC,aAAa,EACb,qBAAqB,EACrB,mBAAmB,CACpB,CAAC;IACF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC;YAClD,oBAAC,gBAAgB,OAAG;YACpB,oBAAC,UAAU,mCAAsC,CAC7C,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,aAAa;QACZ,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW;YACtC,oBAAC,YAAY,OAAG,CACI,CACR,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/lib/theme/Theme.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ThemeOptions } from '@mui/material';
+declare module '@mui/material/styles' {
+    interface Theme {
+        customShadows: {
+            z1: string;
+            z4: string;
+            z8: string;
+            z12: string;
+            z16: string;
+            z20: string;
+            z24: string;
+            card: string;
+            dialog: string;
+            dropdown: string;
+        };
+    }
+    interface ThemeOptions {
+        customShadows: {
+            z1: string;
+            z4: string;
+            z8: string;
+            z12: string;
+            z16: string;
+            z20: string;
+            z24: string;
+            card: string;
+            dialog: string;
+            dropdown: string;
+        };
+    }
+}
+export declare const themeOptions: ThemeOptions;
+declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export default ThemeProvider;

package/lib/theme/Theme.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { CssBaseline } from '@mui/material';
+import { alpha, createTheme, StyledEngineProvider, ThemeProvider as MUIThemeProvider } from '@mui/material/styles';
+import palette from './palette';
+import typography from './typography';
+import GlobalStyles from './globalStyles';
+import componentsOverride from './overrides/Overrides';
+import { grey } from '@mui/material/colors';
+// ----------------------------------------------------------------------
+const transparent = alpha(grey[500], 0.16);
+export const themeOptions = {
+    palette,
+    shape: { borderRadius: 6 },
+    typography,
+    customShadows: {
+        z1: `0 1px 2px 0 ${transparent}`,
+        z4: `0 4px 8px 0 ${transparent}`,
+        z8: `0 8px 16px 0 ${transparent}`,
+        z12: `0 12px 24px -4px ${transparent}`,
+        z16: `0 16px 32px -4px ${transparent}`,
+        z20: `0 20px 40px -4px ${transparent}`,
+        z24: `0 24px 48px 0 ${transparent}`,
+        //
+        card: `0 0 2px 0 ${alpha(grey[500], 0.2)}, 0 12px 24px -4px ${alpha(grey[500], 0.12)}`,
+        dialog: `-40px 40px 80px -8px ${alpha(grey[500], 0.24)}`,
+        dropdown: `0 0 2px 0 ${alpha(grey[500], 0.24)}, -20px 20px 40px -4px ${alpha(grey[500], 0.24)}`
+    }
+};
+function ThemeProvider({ children }) {
+    const theme = createTheme(themeOptions);
+    theme.components = componentsOverride(theme);
+    return (React.createElement(StyledEngineProvider, { injectFirst: true },
+        React.createElement(MUIThemeProvider, { theme: theme },
+            React.createElement(CssBaseline, null),
+            React.createElement(GlobalStyles, null),
+            children)));
+}
+export default ThemeProvider;
+//# sourceMappingURL=Theme.js.map

package/lib/theme/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,aAAa,IAAI,gBAAgB,EAClC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAsC5C,yEAAyE;AAEzE,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,OAAO;IACP,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;IAC1B,UAAU;IACV,aAAa,EAAE;QACb,EAAE,EAAE,eAAe,WAAW,EAAE;QAChC,EAAE,EAAE,eAAe,WAAW,EAAE;QAChC,EAAE,EAAE,gBAAgB,WAAW,EAAE;QACjC,GAAG,EAAE,oBAAoB,WAAW,EAAE;QACtC,GAAG,EAAE,oBAAoB,WAAW,EAAE;QACtC,GAAG,EAAE,oBAAoB,WAAW,EAAE;QACtC,GAAG,EAAE,iBAAiB,WAAW,EAAE;QACnC,EAAE;QACF,IAAI,EAAE,aAAa,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,sBAAsB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;QACtF,MAAM,EAAE,wBAAwB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;QACxD,QAAQ,EAAE,aAAa,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,0BAA0B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;KAChG;CACF,CAAC;AAEF,SAAS,aAAa,CAAC,EAAE,QAAQ,EAA2B;IAC1D,MAAM,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW;QAC/B,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK;YAC5B,oBAAC,WAAW,OAAG;YACf,oBAAC,YAAY,OAAG;YACf,QAAQ,CACQ,CACE,CACxB,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/lib/theme/globalStyles.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function GlobalStyles(): React.JSX.Element;

package/lib/theme/globalStyles.js

@@ -0,0 +1,64 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { GlobalStyles as MUIGlobalStyles } from '@mui/material';
+export default function GlobalStyles() {
+    return (React.createElement(MUIGlobalStyles, { styles: {
+            '*': {
+                boxSizing: 'border-box'
+            },
+            html: {
+                margin: 0,
+                padding: 0,
+                width: '100%',
+                height: '100%',
+                WebkitOverflowScrolling: 'touch'
+            },
+            body: {
+                margin: 0,
+                padding: 0,
+                width: '100%',
+                height: '100%'
+            },
+            '#root': {
+                width: '100%',
+                height: '100%'
+            },
+            input: {
+                '&[type=number]': {
+                    MozAppearance: 'textfield',
+                    '&::-webkit-outer-spin-button': {
+                        margin: 0,
+                        WebkitAppearance: 'none'
+                    },
+                    '&::-webkit-inner-spin-button': {
+                        margin: 0,
+                        WebkitAppearance: 'none'
+                    }
+                }
+            },
+            img: {
+                display: 'block',
+                maxWidth: '100%'
+            },
+            ul: {
+                margin: 0,
+                padding: 0
+            }
+        } }));
+}
+//# sourceMappingURL=globalStyles.js.map

package/lib/theme/globalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyles.js","sourceRoot":"","sources":["../../src/theme/globalStyles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAE;YACN,GAAG,EAAE;gBACH,SAAS,EAAE,YAAY;aACxB;YACD,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,uBAAuB,EAAE,OAAO;aACjC;YACD,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;YACD,KAAK,EAAE;gBACL,gBAAgB,EAAE;oBAChB,aAAa,EAAE,WAAW;oBAC1B,8BAA8B,EAAE;wBAC9B,MAAM,EAAE,CAAC;wBACT,gBAAgB,EAAE,MAAM;qBACzB;oBACD,8BAA8B,EAAE;wBAC9B,MAAM,EAAE,CAAC;wBACT,gBAAgB,EAAE,MAAM;qBACzB;iBACF;aACF;YACD,GAAG,EAAE;gBACH,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,MAAM;aACjB;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;aACX;SACF,GACD,CACH,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Accordion.d.ts

@@ -0,0 +1,14 @@
+import type { Theme } from '@mui/material';
+export default function Accordion(theme: Theme): {
+    MuiAccordion: {
+        styleOverrides: {
+            root: {
+                boxShadow: string;
+                borderRadius: number;
+                '&:before': {
+                    display: string;
+                };
+            };
+        };
+    };
+};

package/{src/components/FormComponents/QItemChoice/QItemChoiceRadioSingle.js → lib/theme/overrides/Accordion.js}

@@ -14,11 +14,19 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
-import { FormControlLabel, Radio } from '@mui/material';
-function QItemChoiceRadioSingle(props) {
-    const { value, label, readOnly } = props;
-    return (React.createElement(FormControlLabel, { disabled: readOnly, value: value, control: React.createElement(Radio, { size: "small" }), label: label, sx: { mr: 3 } }));
+export default function Accordion(theme) {
+    return {
+        MuiAccordion: {
+            styleOverrides: {
+                root: {
+                    boxShadow: theme.customShadows.z1,
+                    borderRadius: Number(theme.shape.borderRadius) * 2,
+                    '&:before': {
+                        display: 'none'
+                    }
+                }
+            }
+        }
+    };
 }
-export default QItemChoiceRadioSingle;
-//# sourceMappingURL=QItemChoiceRadioSingle.js.map
+//# sourceMappingURL=Accordion.js.map

package/lib/theme/overrides/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/theme/overrides/Accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAY;IAC5C,OAAO;QACL,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;oBACjC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC;oBAClD,UAAU,EAAE;wBACV,OAAO,EAAE,MAAM;qBAChB;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Autocomplete.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@mui/material';
+export default function Autocomplete(theme: Theme): {
+    MuiAutocomplete: {
+        styleOverrides: {
+            paper: {
+                boxShadow: string;
+            };
+        };
+    };
+};

package/{src/components/FormComponents/DisplayItem/DisplayInstructions.styles.js → lib/theme/overrides/Autocomplete.js}

@@ -14,10 +14,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Box, styled } from '@mui/material';
-export const DisplayInstructionsWrapper = styled(Box)(({ theme }) => ({
-    color: theme.palette.text.secondary,
-    textTransform: 'capitalize',
-    marginBottom: '8px'
-}));
-//# sourceMappingURL=DisplayInstructions.styles.js.map
+export default function Autocomplete(theme) {
+    return {
+        MuiAutocomplete: {
+            styleOverrides: {
+                paper: {
+                    boxShadow: theme.customShadows.z20
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Autocomplete.js.map

package/lib/theme/overrides/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/theme/overrides/Autocomplete.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAY;IAC/C,OAAO;QACL,eAAe,EAAE;YACf,cAAc,EAAE;gBACd,KAAK,EAAE;oBACL,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG;iBACnC;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Backdrop.d.ts

@@ -0,0 +1,13 @@
+import type { Theme } from '@mui/material';
+export default function Backdrop(theme: Theme): {
+    MuiBackdrop: {
+        styleOverrides: {
+            root: {
+                backgroundColor: string;
+            };
+            invisible: {
+                background: string;
+            };
+        };
+    };
+};

package/{src/components/FormComponents/ItemParts/FadingCheckIcon.js → lib/theme/overrides/Backdrop.js}

@@ -14,13 +14,19 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
-import { Fade } from '@mui/material';
-import CheckIcon from '@mui/icons-material/Check';
-function FadingCheckIcon(props) {
-    const { fadeIn } = props;
-    return (React.createElement(Fade, { in: fadeIn, timeout: { enter: 100, exit: 300 } },
-        React.createElement(CheckIcon, { color: "success", fontSize: "small" })));
+import { alpha } from '@mui/material/styles';
+export default function Backdrop(theme) {
+    return {
+        MuiBackdrop: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: alpha(theme.palette.grey[800], 0.8)
+                },
+                invisible: {
+                    background: 'transparent'
+                }
+            }
+        }
+    };
 }
-export default FadingCheckIcon;
-//# sourceMappingURL=FadingCheckIcon.js.map
+//# sourceMappingURL=Backdrop.js.map

package/lib/theme/overrides/Backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/theme/overrides/Backdrop.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,OAAO;QACL,WAAW,EAAE;YACX,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;iBACrD;gBACD,SAAS,EAAE;oBACT,UAAU,EAAE,aAAa;iBAC1B;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Button.d.ts

@@ -0,0 +1,33 @@
+import type { Theme } from '@mui/material';
+export default function Button(theme: Theme): {
+    MuiButton: {
+        styleOverrides: {
+            root: {
+                '&:hover': {
+                    boxShadow: string;
+                };
+            };
+            sizeLarge: {
+                height: number;
+            };
+            containedInherit: {
+                color: string;
+                boxShadow: string;
+                '&:hover': {
+                    backgroundColor: string;
+                };
+            };
+            outlinedInherit: {
+                border: string;
+                '&:hover': {
+                    backgroundColor: string;
+                };
+            };
+            textInherit: {
+                '&:hover': {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+};

package/lib/theme/overrides/Button.js

@@ -0,0 +1,52 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { alpha } from '@mui/material/styles';
+export default function Button(theme) {
+    return {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    '&:hover': {
+                        boxShadow: 'none'
+                    }
+                },
+                sizeLarge: {
+                    height: 48
+                },
+                containedInherit: {
+                    color: theme.palette.grey[800],
+                    boxShadow: theme.customShadows.z8,
+                    '&:hover': {
+                        backgroundColor: theme.palette.grey[400]
+                    }
+                },
+                outlinedInherit: {
+                    border: `1px solid ${alpha(theme.palette.grey[500], 0.32)}`,
+                    '&:hover': {
+                        backgroundColor: theme.palette.action.hover
+                    }
+                },
+                textInherit: {
+                    '&:hover': {
+                        backgroundColor: theme.palette.action.hover
+                    }
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Button.js.map

package/lib/theme/overrides/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/theme/overrides/Button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,OAAO;QACL,SAAS,EAAE;YACT,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EAAE;wBACT,SAAS,EAAE,MAAM;qBAClB;iBACF;gBACD,SAAS,EAAE;oBACT,MAAM,EAAE,EAAE;iBACX;gBACD,gBAAgB,EAAE;oBAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;oBACjC,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;qBACzC;iBACF;gBACD,eAAe,EAAE;oBACf,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;oBAC3D,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;qBAC5C;iBACF;gBACD,WAAW,EAAE;oBACX,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;qBAC5C;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Card.d.ts

@@ -0,0 +1,35 @@
+import type { Theme } from '@mui/material';
+export default function Card(theme: Theme): {
+    MuiCard: {
+        styleOverrides: {
+            root: {
+                boxShadow: string;
+                borderRadius: number;
+                position: string;
+                zIndex: number;
+            };
+        };
+    };
+    MuiCardHeader: {
+        defaultProps: {
+            titleTypographyProps: {
+                variant: string;
+            };
+            subheaderTypographyProps: {
+                variant: string;
+            };
+        };
+        styleOverrides: {
+            root: {
+                padding: string;
+            };
+        };
+    };
+    MuiCardContent: {
+        styleOverrides: {
+            root: {
+                padding: string;
+            };
+        };
+    };
+};

package/lib/theme/overrides/Card.js

@@ -0,0 +1,49 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export default function Card(theme) {
+    return {
+        MuiCard: {
+            styleOverrides: {
+                root: {
+                    boxShadow: theme.customShadows.card,
+                    borderRadius: Number(theme.shape.borderRadius) * 2,
+                    position: 'relative',
+                    zIndex: 0 // Fix Safari overflow: hidden with border radius
+                }
+            }
+        },
+        MuiCardHeader: {
+            defaultProps: {
+                titleTypographyProps: { variant: 'h6' },
+                subheaderTypographyProps: { variant: 'body2' }
+            },
+            styleOverrides: {
+                root: {
+                    padding: theme.spacing(3, 3, 0)
+                }
+            }
+        },
+        MuiCardContent: {
+            styleOverrides: {
+                root: {
+                    padding: theme.spacing(3)
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Card.js.map

package/lib/theme/overrides/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/theme/overrides/Card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,OAAO;QACL,OAAO,EAAE;YACP,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI;oBACnC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC;oBAClD,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,CAAC,CAAC,iDAAiD;iBAC5D;aACF;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE;gBACZ,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;gBACvC,wBAAwB,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aAC/C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;iBAChC;aACF;SACF;QACD,cAAc,EAAE;YACd,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC1B;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Input.d.ts

@@ -0,0 +1,64 @@
+import type { Theme } from '@mui/material';
+export default function Input(theme: Theme): {
+    MuiInputBase: {
+        styleOverrides: {
+            root: {
+                '&.Mui-disabled': {
+                    '& svg': {
+                        color: string;
+                    };
+                };
+            };
+            input: {
+                '&::placeholder': {
+                    opacity: number;
+                    color: string;
+                };
+            };
+        };
+    };
+    MuiInput: {
+        styleOverrides: {
+            underline: {
+                '&:before': {
+                    borderBottomColor: string;
+                };
+            };
+        };
+    };
+    MuiFilledInput: {
+        styleOverrides: {
+            root: {
+                backgroundColor: string;
+                '&:hover': {
+                    backgroundColor: string;
+                };
+                '&.Mui-focused': {
+                    backgroundColor: string;
+                };
+                '&.Mui-disabled': {
+                    backgroundColor: string;
+                };
+            };
+            underline: {
+                '&:before': {
+                    borderBottomColor: string;
+                };
+            };
+        };
+    };
+    MuiOutlinedInput: {
+        styleOverrides: {
+            root: {
+                '& .MuiOutlinedInput-notchedOutline': {
+                    borderColor: string;
+                };
+                '&.Mui-disabled': {
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        borderColor: string;
+                    };
+                };
+            };
+        };
+    };
+};

package/lib/theme/overrides/Input.js

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { alpha } from '@mui/material/styles';
+export default function Input(theme) {
+    return {
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    '&.Mui-disabled': {
+                        '& svg': { color: theme.palette.text.disabled }
+                    }
+                },
+                input: {
+                    '&::placeholder': {
+                        opacity: 1,
+                        color: theme.palette.text.disabled
+                    }
+                }
+            }
+        },
+        MuiInput: {
+            styleOverrides: {
+                underline: {
+                    '&:before': {
+                        borderBottomColor: alpha(theme.palette.grey[500], 0.56)
+                    }
+                }
+            }
+        },
+        MuiFilledInput: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: alpha(theme.palette.grey[500], 0.12),
+                    '&:hover': {
+                        backgroundColor: alpha(theme.palette.grey[500], 0.16)
+                    },
+                    '&.Mui-focused': {
+                        backgroundColor: theme.palette.action.focus
+                    },
+                    '&.Mui-disabled': {
+                        backgroundColor: theme.palette.action.disabledBackground
+                    }
+                },
+                underline: {
+                    '&:before': {
+                        borderBottomColor: alpha(theme.palette.grey[500], 0.56)
+                    }
+                }
+            }
+        },
+        MuiOutlinedInput: {
+            styleOverrides: {
+                root: {
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        borderColor: alpha(theme.palette.grey[500], 0.32)
+                    },
+                    '&.Mui-disabled': {
+                        '& .MuiOutlinedInput-notchedOutline': {
+                            borderColor: theme.palette.action.disabledBackground
+                        }
+                    }
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Input.js.map

package/lib/theme/overrides/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/theme/overrides/Input.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAY;IACxC,OAAO;QACL,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,gBAAgB,EAAE;wBAChB,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;qBAChD;iBACF;gBACD,KAAK,EAAE;oBACL,gBAAgB,EAAE;wBAChB,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;qBACnC;iBACF;aACF;SACF;QACD,QAAQ,EAAE;YACR,cAAc,EAAE;gBACd,SAAS,EAAE;oBACT,UAAU,EAAE;wBACV,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;qBACxD;iBACF;aACF;SACF;QACD,cAAc,EAAE;YACd,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;oBACrD,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;qBACtD;oBACD,eAAe,EAAE;wBACf,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;qBAC5C;oBACD,gBAAgB,EAAE;wBAChB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB;qBACzD;iBACF;gBACD,SAAS,EAAE;oBACT,UAAU,EAAE;wBACV,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;qBACxD;iBACF;aACF;SACF;QACD,gBAAgB,EAAE;YAChB,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,oCAAoC,EAAE;wBACpC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;qBAClD;oBACD,gBAAgB,EAAE;wBAChB,oCAAoC,EAAE;4BACpC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB;yBACrD;qBACF;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Overrides.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from '@mui/material';
+declare function ComponentsOverrides(theme: Theme): any;
+export default ComponentsOverrides;