@flipdish/portal-library 2.0.7 → 2.0.9

package/dist/themes/flipdishPublicTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type ThemeOptions } from '@mui/material/styles/createTheme';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme as ThemeOptions, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n                light: '#e3f2fe',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n        alternateBackground: fontTheme.palette.augmentColor({\n            color: {\n                main: '#F7F7F7',\n            },\n            name: 'alternateBackground',\n        }),\n    },\n});\n\nexport default createTheme(theme as ThemeOptions, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    shape: {\n        borderRadius: '4px',\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '12px 24px',\n                    textTransform: 'none',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: theme.palette.divider,\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    fontWeight: 'bold',\n                    paddingLeft: '6px',\n                    paddingRight: '6px',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n        MuiTableRow: {\n            styleOverrides: {\n                root: {\n                    '&.MuiTableRow-hover:hover': {\n                        backgroundColor: theme.palette.flippyBlue.light,\n                        cursor: 'pointer',\n                    },\n                },\n            },\n        },\n    },\n});\n"],"names":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","alternateBackground","flipdishPublicTheme","primary","secondary","shape","borderRadius","components","MuiButton","styleOverrides","root","padding","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","borderBottom","MuiTableRow","cursor"],"mappings":"gDAGA,MAAMA,EAAYC,EAAY,CAC1BC,WAAY,CACRC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY,oCAGpBQ,QAAS,CACLC,QAAS,CACLC,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXC,MAAO,CACHH,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXE,QAAS,CACLJ,KAAM,UACNC,KAAM,UACNC,MAAO,cAKbG,EAAQlB,EAAYD,EAA2B,CACjDY,QAAS,CAELQ,MAAOpB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVC,MAAOxB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVE,WAAYzB,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,UACNE,MAAO,WAEXO,KAAM,eAGVG,YAAa1B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVI,aAAc3B,EAAUY,QAAQS,aAAa,CACzCC,MAAO,CACHR,KAAM,WAEVS,KAAM,iBAEVK,OAAQ5B,EAAUY,QAAQS,aAAa,CACnCC,MAAO,CACHR,KAAM,WAEVS,KAAM,WAGVM,WAAY7B,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAEVO,YAAa9B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVQ,QAAS/B,EAAUY,QAAQS,aAAa,CACpCC,MAAO,CACHR,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXO,KAAM,YAEVS,oBAAqBhC,EAAUY,QAAQS,aAAa,CAChDC,MAAO,CACHR,KAAM,WAEVS,KAAM,2BAKlB,IAAeU,EAAAhC,EAAYkB,EAAuB,CAC9CP,QAAS,CACLsB,QAAS,CACLpB,KAAMK,EAAMP,QAAQa,WAAWX,MAEnCqB,UAAW,CACPrB,KAAMK,EAAMP,QAAQe,aAAab,OAGzCsB,MAAO,CACHC,aAAc,OAElBC,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,YACTC,cAAe,UAI3BC,QAAS,CACLJ,eAAgB,CACZC,KAAM,CACFI,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAa7B,EAAMP,QAAQqC,WAIvCC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFU,WAAY,OACZC,YAAa,MACbC,aAAc,SAI1BC,kBAAmB,CACfd,eAAgB,CACZC,KAAM,CACF,UAAW,CACPc,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAarC,EAAMP,QAAQqC,cAKzDQ,YAAa,CACTjB,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBc,gBAAiBpC,EAAMP,QAAQa,WAAWT,MAC1C0C,OAAQ"}
+{"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type ThemeOptions } from '@mui/material/styles/createTheme';\nimport { colours } from './tokens/colours';\nimport { typography } from './typography';\n\n// Create base theme with typography and colors\nconst baseTheme = createTheme({\n    typography,\n    palette: colours,\n});\n\n// Create final theme with component overrides and additional configurations\nexport default createTheme(baseTheme as ThemeOptions, {\n    shape: {\n        borderRadius: '4px',\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '12px 24px',\n                    textTransform: 'none',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: baseTheme.palette.divider,\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    fontWeight: 'bold',\n                    paddingLeft: '6px',\n                    paddingRight: '6px',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${baseTheme.palette.divider}`,\n                    },\n                },\n            },\n        },\n        MuiTableRow: {\n            styleOverrides: {\n                root: {\n                    '&.MuiTableRow-hover:hover': {\n                        backgroundColor: baseTheme.palette.semantic.light.fill['fill-secondary'],\n                        cursor: 'pointer',\n                    },\n                },\n            },\n        },\n    },\n});\n"],"names":["baseTheme","createTheme","typography","palette","colours","flipdishPublicTheme","shape","borderRadius","components","MuiButton","styleOverrides","root","padding","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","borderBottom","MuiTableRow","semantic","light","fill","cursor"],"mappings":"2IAKA,MAAMA,EAAYC,EAAY,CAC1BC,aACAC,QAASC,IAIb,IAAeC,EAAAJ,EAAYD,EAA2B,CAClDM,MAAO,CACHC,aAAc,OAElBC,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,YACTC,cAAe,UAI3BC,QAAS,CACLJ,eAAgB,CACZC,KAAM,CACFI,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalB,EAAUG,QAAQgB,WAI3CC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFU,WAAY,OACZC,YAAa,MACbC,aAAc,SAI1BC,kBAAmB,CACfd,eAAgB,CACZC,KAAM,CACF,UAAW,CACPc,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAa1B,EAAUG,QAAQgB,cAK7DQ,YAAa,CACTjB,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBc,gBAAiBzB,EAAUG,QAAQyB,SAASC,MAAMC,KAAK,kBACvDC,OAAQ"}

package/dist/themes/tokens/colours.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/styles");const r={grey:{light:{1e3:e.alpha("#000000",.9),700:e.alpha("#000000",.6),500:e.alpha("#000000",.45),100:e.alpha("#000000",.1),50:e.alpha("#000000",.04),25:e.alpha("#000000",.02)}},primary:{light:{1e3:"#095FB0",800:e.alpha("#095FB0",.8),200:e.alpha("#095FB0",.2),50:e.alpha("#095FB0",.05)}},secondary:{light:{1e3:"#A5E2F6"}},tertiary:{light:{1e3:"#F7742B"}},red:{light:{1e3:"#B80022",800:e.alpha("#B80022",.8),200:e.alpha("#B80022",.2),50:e.alpha("#B80022",.05)}},amber:{light:{1e3:"#825900",800:e.alpha("#825900",.8),200:e.alpha("#825900",.2),50:e.alpha("#825900",.05)}},green:{light:{1e3:"#006E3E",800:e.alpha("#006E3E",.8),200:e.alpha("#006E3E",.2),50:e.alpha("#006E3E",.05)}},purple:{light:{1e3:"#8C0BD6",800:e.alpha("#8C0BD6",.8),200:e.alpha("#8C0BD6",.2),50:e.alpha("#8C0BD6",.05)}},solid:{grey:{1e3:"#000000",900:"#1A1A1A",850:"#262626",800:"#333333",50:"#FAFAFA ",0:"#FFFFFF"},yellow:{1e3:"#FFBC2C"},lightGrey:{1e3:"#EEEBE9"},lime:{1e3:"#CFF27D"},pink:{1e3:"#FFBAE4"}},greyShadow:{150:e.alpha("#000000",.15),100:e.alpha("#000000",.1)}},l={success:{main:r.green.light[1e3]},error:{main:r.red.light[1e3]},warning:{main:r.solid.yellow[1e3]},semantic:{light:{text:{"text-strong":r.grey.light[1e3],"text-weak":r.grey.light[700],"text-primary":r.primary.light[1e3],"text-disabled":r.grey.light[100],"text-error":r.red.light[1e3],"text-warning":r.amber.light[1e3],"text-success":r.green.light[1e3],"text-information":r.purple.light[1e3]},stroke:{"stroke-strong":r.grey.light[500],"stroke-weak":r.grey.light[100],"stroke-selected":r.primary.light[1e3],"stroke-focus":r.primary.light[1e3],"stroke-disabled":r.grey.light[100],"stroke-primary-strong":r.primary.light[800],"stroke-primary-weak":r.primary.light[200],"stroke-secondary":r.secondary.light[1e3],"stroke-tertiary":r.tertiary.light[1e3],"stroke-error-strong":r.red.light[800],"stroke-error-weak":r.red.light[200],"stroke-warning-strong":r.amber.light[800],"stroke-warning-weak":r.amber.light[200],"stroke-success-strong":r.green.light[800],"stroke-success-weak":r.green.light[200],"stroke-information-strong":r.purple.light[800],"stroke-information-weak":r.purple.light[200]},icon:{"icon-strong":r.grey.light[500],"icon-primary":r.primary.light[800],"icon-disabled":r.grey.light[100],"icon-error":r.red.light[800],"icon-warning":r.amber.light[800],"icon-success":r.green.light[800],"icon-information":r.purple.light[800]},fill:{"fill-strong":r.grey.light[1e3],"fill-weak":r.grey.light[50],"fill-weaker":r.grey.light[25],"fill-hover":r.grey.light[50],"fill-press":r.grey.light[100],"fill-selected":r.primary.light[1e3],"fill-disabled":r.grey.light[100],"fill-overlay":r.grey.light[500],"fill-primary-strong":r.primary.light[1e3],"fill-primary-weak":r.primary.light[50],"fill-secondary":r.secondary.light[1e3],"fill-tertiary":r.tertiary.light[1e3],"fill-error-strong":r.red.light[1e3],"fill-error-weak":r.red.light[50],"fill-warning-strong":r.amber.light[1e3],"fill-warning-weak":r.amber.light[50],"fill-success-strong":r.green.light[1e3],"fill-success-weak":r.green.light[50],"fill-information-strong":r.purple.light[1e3],"fill-information-weak":r.purple.light[50],"fill-flipdishlogo":r.solid.lightGrey[1e3],"fill-black":r.solid.grey[1e3],"fill-white":r.solid.grey[0],"fill-yellow":r.solid.yellow[1e3],"fill-lightgrey":r.solid.lightGrey[1e3],"fill-lime":r.solid.lime[1e3],"fill-pink":r.solid.pink[1e3]},background:{"background-base":r.solid.grey[0],"background-raised":r.solid.grey[0],"background-overlay":r.solid.grey[0],"background-sunken":r.solid.grey[50],"background-alternate":r.solid.lightGrey[1e3],"background-primary":r.primary.light[1e3],"background-secondary":r.secondary.light[1e3],"background-tertiary":r.tertiary.light[1e3]},shadow:{"shadow-strong":r.greyShadow[150],"shadow-weak":r.greyShadow[100]}}}};exports.colours=l,exports.primativeColours=r;
+//# sourceMappingURL=colours.cjs.js.map

package/dist/themes/tokens/colours.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colours.cjs.js","sources":["../../../src/themes/tokens/colours.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\nimport { alpha, type PaletteColor } from '@mui/material/styles';\n\nexport interface SimplePaletteColourOptions extends Partial<PaletteColor> {\n    main: string;\n    light?: string;\n    dark?: string;\n}\n\nexport type LightDarkPrimitives<T> = {\n    light: T;\n    // Not used yet\n    // dark: T;\n};\n\nexport type GreyPrimitives = {\n    1000: string;\n    700: string;\n    500: string;\n    100: string;\n    50: string;\n    25: string;\n};\n\nexport type PrimaryPrimitives = {\n    1000: string;\n    800: string;\n    200: string;\n    50: string;\n};\n\nexport type SinglePrimitive = {\n    1000: string;\n};\n\nexport type SystemPrimitives = {\n    1000: string;\n    800: string;\n    200: string;\n    50: string;\n};\n\nexport type SolidGreyPrimitives = {\n    1000: string;\n    900: string;\n    850: string;\n    800: string;\n    50: string;\n    0: string;\n};\n\nexport type PrimativeColours = {\n    grey: LightDarkPrimitives<GreyPrimitives>;\n    primary: LightDarkPrimitives<PrimaryPrimitives>;\n    secondary: LightDarkPrimitives<SinglePrimitive>;\n    tertiary: LightDarkPrimitives<SinglePrimitive>;\n    red: LightDarkPrimitives<SystemPrimitives>;\n    amber: LightDarkPrimitives<SystemPrimitives>;\n    green: LightDarkPrimitives<SystemPrimitives>;\n    purple: LightDarkPrimitives<SystemPrimitives>;\n    solid: {\n        grey: SolidGreyPrimitives;\n        yellow: SinglePrimitive;\n        lightGrey: SinglePrimitive;\n        lime: SinglePrimitive;\n        pink: SinglePrimitive;\n    };\n    greyShadow: {\n        150: string;\n        100: string;\n    };\n};\n\nexport const primativeColours: PrimativeColours = {\n    grey: {\n        light: {\n            1000: alpha('#000000', 0.9),\n            700: alpha('#000000', 0.6),\n            500: alpha('#000000', 0.45),\n            100: alpha('#000000', 0.1),\n            50: alpha('#000000', 0.04),\n            25: alpha('#000000', 0.02),\n        },\n    },\n    primary: {\n        light: {\n            1000: '#095FB0',\n            800: alpha('#095FB0', 0.8),\n            200: alpha('#095FB0', 0.2),\n            50: alpha('#095FB0', 0.05),\n        },\n    },\n    secondary: {\n        light: {\n            1000: '#A5E2F6',\n        },\n    },\n    tertiary: {\n        light: {\n            1000: '#F7742B',\n        },\n    },\n    red: {\n        light: {\n            1000: '#B80022',\n            800: alpha('#B80022', 0.8),\n            200: alpha('#B80022', 0.2),\n            50: alpha('#B80022', 0.05),\n        },\n    },\n    amber: {\n        light: {\n            1000: '#825900',\n            800: alpha('#825900', 0.8),\n            200: alpha('#825900', 0.2),\n            50: alpha('#825900', 0.05),\n        },\n    },\n    green: {\n        light: {\n            1000: '#006E3E',\n            800: alpha('#006E3E', 0.8),\n            200: alpha('#006E3E', 0.2),\n            50: alpha('#006E3E', 0.05),\n        },\n    },\n    purple: {\n        light: {\n            1000: '#8C0BD6',\n            800: alpha('#8C0BD6', 0.8),\n            200: alpha('#8C0BD6', 0.2),\n            50: alpha('#8C0BD6', 0.05),\n        },\n    },\n    solid: {\n        grey: {\n            1000: '#000000',\n            900: '#1A1A1A',\n            850: '#262626',\n            800: '#333333',\n            50: '#FAFAFA ',\n            0: '#FFFFFF',\n        },\n        yellow: {\n            1000: '#FFBC2C',\n        },\n        lightGrey: {\n            1000: '#EEEBE9',\n        },\n        lime: {\n            1000: '#CFF27D',\n        },\n        pink: {\n            1000: '#FFBAE4',\n        },\n    },\n    greyShadow: {\n        150: alpha('#000000', 0.15),\n        100: alpha('#000000', 0.1),\n    },\n};\n\nexport const colours: ThemeOptions['palette'] = {\n    // Status colours\n    success: {\n        main: primativeColours.green.light['1000'],\n    },\n    error: {\n        main: primativeColours.red.light['1000'],\n    },\n    warning: {\n        main: primativeColours.solid.yellow['1000'],\n    },\n    // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n    semantic: {\n        light: {\n            text: {\n                'text-strong': primativeColours.grey.light['1000'],\n                'text-weak': primativeColours.grey.light['700'],\n                'text-primary': primativeColours.primary.light['1000'],\n                'text-disabled': primativeColours.grey.light['100'],\n                'text-error': primativeColours.red.light['1000'],\n                'text-warning': primativeColours.amber.light['1000'],\n                'text-success': primativeColours.green.light['1000'],\n                'text-information': primativeColours.purple.light['1000'],\n                // 'text-inverse-strong': '';\n                // 'text-inverse-weak': ';\n                // 'text-inverse-disabled': ';\n            },\n            stroke: {\n                'stroke-strong': primativeColours.grey.light['500'],\n                'stroke-weak': primativeColours.grey.light['100'],\n                'stroke-selected': primativeColours.primary.light['1000'],\n                'stroke-focus': primativeColours.primary.light['1000'],\n                'stroke-disabled': primativeColours.grey.light['100'],\n                'stroke-primary-strong': primativeColours.primary.light['800'],\n                'stroke-primary-weak': primativeColours.primary.light['200'],\n                'stroke-secondary': primativeColours.secondary.light['1000'],\n                'stroke-tertiary': primativeColours.tertiary.light['1000'],\n                'stroke-error-strong': primativeColours.red.light['800'],\n                'stroke-error-weak': primativeColours.red.light['200'],\n                'stroke-warning-strong': primativeColours.amber.light['800'],\n                'stroke-warning-weak': primativeColours.amber.light['200'],\n                'stroke-success-strong': primativeColours.green.light['800'],\n                'stroke-success-weak': primativeColours.green.light['200'],\n                'stroke-information-strong': primativeColours.purple.light['800'],\n                'stroke-information-weak': primativeColours.purple.light['200'],\n                // 'stroke-inverse-strong': '',\n                // 'stroke-inverse-weak': '',\n                // 'stroke-inverse-disabled': '',\n            },\n            icon: {\n                'icon-strong': primativeColours.grey.light['500'],\n                'icon-primary': primativeColours.primary.light['800'],\n                'icon-disabled': primativeColours.grey.light['100'],\n                'icon-error': primativeColours.red.light['800'],\n                'icon-warning': primativeColours.amber.light['800'],\n                'icon-success': primativeColours.green.light['800'],\n                'icon-information': primativeColours.purple.light['800'],\n                // 'icon-inverse': '',\n                // 'icon-inverse-strong': '',\n                // 'icon-inverse-disabled': '',\n            },\n            fill: {\n                'fill-strong': primativeColours.grey.light['1000'],\n                'fill-weak': primativeColours.grey.light['50'],\n                'fill-weaker': primativeColours.grey.light['25'],\n                'fill-hover': primativeColours.grey.light['50'],\n                'fill-press': primativeColours.grey.light['100'],\n                'fill-selected': primativeColours.primary.light['1000'],\n                'fill-disabled': primativeColours.grey.light['100'],\n                'fill-overlay': primativeColours.grey.light['500'],\n                'fill-primary-strong': primativeColours.primary.light['1000'],\n                'fill-primary-weak': primativeColours.primary.light['50'],\n                'fill-secondary': primativeColours.secondary.light['1000'],\n                'fill-tertiary': primativeColours.tertiary.light['1000'],\n                'fill-error-strong': primativeColours.red.light['1000'],\n                'fill-error-weak': primativeColours.red.light['50'],\n                'fill-warning-strong': primativeColours.amber.light['1000'],\n                'fill-warning-weak': primativeColours.amber.light['50'],\n                'fill-success-strong': primativeColours.green.light['1000'],\n                'fill-success-weak': primativeColours.green.light['50'],\n                'fill-information-strong': primativeColours.purple.light['1000'],\n                'fill-information-weak': primativeColours.purple.light['50'],\n                // 'fill-inverse-strong': '',\n                // 'fill-inverse-weak': '',\n                // 'fill-inverse-hover': '',\n                // 'fill-inverse-press': '',\n                // 'fill-inverse-disabled': '',\n                'fill-flipdishlogo': primativeColours.solid.lightGrey['1000'],\n                'fill-black': primativeColours.solid.grey['1000'],\n                'fill-white': primativeColours.solid.grey['0'],\n                'fill-yellow': primativeColours.solid.yellow['1000'],\n                'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n                'fill-lime': primativeColours.solid.lime['1000'],\n                'fill-pink': primativeColours.solid.pink['1000'],\n            },\n            background: {\n                'background-base': primativeColours.solid.grey['0'],\n                'background-raised': primativeColours.solid.grey['0'],\n                'background-overlay': primativeColours.solid.grey['0'],\n                'background-sunken': primativeColours.solid.grey['50'],\n                'background-alternate': primativeColours.solid.lightGrey['1000'],\n                'background-primary': primativeColours.primary.light['1000'],\n                'background-secondary': primativeColours.secondary.light['1000'],\n                'background-tertiary': primativeColours.tertiary.light['1000'],\n                // 'background-inverse': '',\n            },\n            shadow: {\n                'shadow-strong': primativeColours.greyShadow['150'],\n                'shadow-weak': primativeColours.greyShadow['100'],\n            },\n        },\n    },\n};\n"],"names":["primativeColours","grey","light","alpha","primary","secondary","tertiary","red","amber","green","purple","solid","yellow","lightGrey","lime","pink","greyShadow","colours","success","main","error","warning","semantic","text","stroke","icon","fill","background","shadow"],"mappings":"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"}

package/dist/themes/tokens/colours.d.ts

@@ -0,0 +1,67 @@
+import { ThemeOptions } from '@mui/material/styles/createTheme';
+import { PaletteColor } from '@mui/material/styles';
+
+interface SimplePaletteColourOptions extends Partial<PaletteColor> {
+    main: string;
+    light?: string;
+    dark?: string;
+}
+type LightDarkPrimitives<T> = {
+    light: T;
+};
+type GreyPrimitives = {
+    1000: string;
+    700: string;
+    500: string;
+    100: string;
+    50: string;
+    25: string;
+};
+type PrimaryPrimitives = {
+    1000: string;
+    800: string;
+    200: string;
+    50: string;
+};
+type SinglePrimitive = {
+    1000: string;
+};
+type SystemPrimitives = {
+    1000: string;
+    800: string;
+    200: string;
+    50: string;
+};
+type SolidGreyPrimitives = {
+    1000: string;
+    900: string;
+    850: string;
+    800: string;
+    50: string;
+    0: string;
+};
+type PrimativeColours = {
+    grey: LightDarkPrimitives<GreyPrimitives>;
+    primary: LightDarkPrimitives<PrimaryPrimitives>;
+    secondary: LightDarkPrimitives<SinglePrimitive>;
+    tertiary: LightDarkPrimitives<SinglePrimitive>;
+    red: LightDarkPrimitives<SystemPrimitives>;
+    amber: LightDarkPrimitives<SystemPrimitives>;
+    green: LightDarkPrimitives<SystemPrimitives>;
+    purple: LightDarkPrimitives<SystemPrimitives>;
+    solid: {
+        grey: SolidGreyPrimitives;
+        yellow: SinglePrimitive;
+        lightGrey: SinglePrimitive;
+        lime: SinglePrimitive;
+        pink: SinglePrimitive;
+    };
+    greyShadow: {
+        150: string;
+        100: string;
+    };
+};
+declare const primativeColours: PrimativeColours;
+declare const colours: ThemeOptions['palette'];
+
+export { type GreyPrimitives, type LightDarkPrimitives, type PrimaryPrimitives, type PrimativeColours, type SimplePaletteColourOptions, type SinglePrimitive, type SolidGreyPrimitives, type SystemPrimitives, colours, primativeColours };

package/dist/themes/tokens/colours.js

@@ -0,0 +1,2 @@
+import{alpha as e}from"@mui/material/styles";const r={grey:{light:{1e3:e("#000000",.9),700:e("#000000",.6),500:e("#000000",.45),100:e("#000000",.1),50:e("#000000",.04),25:e("#000000",.02)}},primary:{light:{1e3:"#095FB0",800:e("#095FB0",.8),200:e("#095FB0",.2),50:e("#095FB0",.05)}},secondary:{light:{1e3:"#A5E2F6"}},tertiary:{light:{1e3:"#F7742B"}},red:{light:{1e3:"#B80022",800:e("#B80022",.8),200:e("#B80022",.2),50:e("#B80022",.05)}},amber:{light:{1e3:"#825900",800:e("#825900",.8),200:e("#825900",.2),50:e("#825900",.05)}},green:{light:{1e3:"#006E3E",800:e("#006E3E",.8),200:e("#006E3E",.2),50:e("#006E3E",.05)}},purple:{light:{1e3:"#8C0BD6",800:e("#8C0BD6",.8),200:e("#8C0BD6",.2),50:e("#8C0BD6",.05)}},solid:{grey:{1e3:"#000000",900:"#1A1A1A",850:"#262626",800:"#333333",50:"#FAFAFA ",0:"#FFFFFF"},yellow:{1e3:"#FFBC2C"},lightGrey:{1e3:"#EEEBE9"},lime:{1e3:"#CFF27D"},pink:{1e3:"#FFBAE4"}},greyShadow:{150:e("#000000",.15),100:e("#000000",.1)}},i={success:{main:r.green.light[1e3]},error:{main:r.red.light[1e3]},warning:{main:r.solid.yellow[1e3]},semantic:{light:{text:{"text-strong":r.grey.light[1e3],"text-weak":r.grey.light[700],"text-primary":r.primary.light[1e3],"text-disabled":r.grey.light[100],"text-error":r.red.light[1e3],"text-warning":r.amber.light[1e3],"text-success":r.green.light[1e3],"text-information":r.purple.light[1e3]},stroke:{"stroke-strong":r.grey.light[500],"stroke-weak":r.grey.light[100],"stroke-selected":r.primary.light[1e3],"stroke-focus":r.primary.light[1e3],"stroke-disabled":r.grey.light[100],"stroke-primary-strong":r.primary.light[800],"stroke-primary-weak":r.primary.light[200],"stroke-secondary":r.secondary.light[1e3],"stroke-tertiary":r.tertiary.light[1e3],"stroke-error-strong":r.red.light[800],"stroke-error-weak":r.red.light[200],"stroke-warning-strong":r.amber.light[800],"stroke-warning-weak":r.amber.light[200],"stroke-success-strong":r.green.light[800],"stroke-success-weak":r.green.light[200],"stroke-information-strong":r.purple.light[800],"stroke-information-weak":r.purple.light[200]},icon:{"icon-strong":r.grey.light[500],"icon-primary":r.primary.light[800],"icon-disabled":r.grey.light[100],"icon-error":r.red.light[800],"icon-warning":r.amber.light[800],"icon-success":r.green.light[800],"icon-information":r.purple.light[800]},fill:{"fill-strong":r.grey.light[1e3],"fill-weak":r.grey.light[50],"fill-weaker":r.grey.light[25],"fill-hover":r.grey.light[50],"fill-press":r.grey.light[100],"fill-selected":r.primary.light[1e3],"fill-disabled":r.grey.light[100],"fill-overlay":r.grey.light[500],"fill-primary-strong":r.primary.light[1e3],"fill-primary-weak":r.primary.light[50],"fill-secondary":r.secondary.light[1e3],"fill-tertiary":r.tertiary.light[1e3],"fill-error-strong":r.red.light[1e3],"fill-error-weak":r.red.light[50],"fill-warning-strong":r.amber.light[1e3],"fill-warning-weak":r.amber.light[50],"fill-success-strong":r.green.light[1e3],"fill-success-weak":r.green.light[50],"fill-information-strong":r.purple.light[1e3],"fill-information-weak":r.purple.light[50],"fill-flipdishlogo":r.solid.lightGrey[1e3],"fill-black":r.solid.grey[1e3],"fill-white":r.solid.grey[0],"fill-yellow":r.solid.yellow[1e3],"fill-lightgrey":r.solid.lightGrey[1e3],"fill-lime":r.solid.lime[1e3],"fill-pink":r.solid.pink[1e3]},background:{"background-base":r.solid.grey[0],"background-raised":r.solid.grey[0],"background-overlay":r.solid.grey[0],"background-sunken":r.solid.grey[50],"background-alternate":r.solid.lightGrey[1e3],"background-primary":r.primary.light[1e3],"background-secondary":r.secondary.light[1e3],"background-tertiary":r.tertiary.light[1e3]},shadow:{"shadow-strong":r.greyShadow[150],"shadow-weak":r.greyShadow[100]}}}};export{i as colours,r as primativeColours};
+//# sourceMappingURL=colours.js.map

package/dist/themes/tokens/colours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colours.js","sources":["../../../src/themes/tokens/colours.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\nimport { alpha, type PaletteColor } from '@mui/material/styles';\n\nexport interface SimplePaletteColourOptions extends Partial<PaletteColor> {\n    main: string;\n    light?: string;\n    dark?: string;\n}\n\nexport type LightDarkPrimitives<T> = {\n    light: T;\n    // Not used yet\n    // dark: T;\n};\n\nexport type GreyPrimitives = {\n    1000: string;\n    700: string;\n    500: string;\n    100: string;\n    50: string;\n    25: string;\n};\n\nexport type PrimaryPrimitives = {\n    1000: string;\n    800: string;\n    200: string;\n    50: string;\n};\n\nexport type SinglePrimitive = {\n    1000: string;\n};\n\nexport type SystemPrimitives = {\n    1000: string;\n    800: string;\n    200: string;\n    50: string;\n};\n\nexport type SolidGreyPrimitives = {\n    1000: string;\n    900: string;\n    850: string;\n    800: string;\n    50: string;\n    0: string;\n};\n\nexport type PrimativeColours = {\n    grey: LightDarkPrimitives<GreyPrimitives>;\n    primary: LightDarkPrimitives<PrimaryPrimitives>;\n    secondary: LightDarkPrimitives<SinglePrimitive>;\n    tertiary: LightDarkPrimitives<SinglePrimitive>;\n    red: LightDarkPrimitives<SystemPrimitives>;\n    amber: LightDarkPrimitives<SystemPrimitives>;\n    green: LightDarkPrimitives<SystemPrimitives>;\n    purple: LightDarkPrimitives<SystemPrimitives>;\n    solid: {\n        grey: SolidGreyPrimitives;\n        yellow: SinglePrimitive;\n        lightGrey: SinglePrimitive;\n        lime: SinglePrimitive;\n        pink: SinglePrimitive;\n    };\n    greyShadow: {\n        150: string;\n        100: string;\n    };\n};\n\nexport const primativeColours: PrimativeColours = {\n    grey: {\n        light: {\n            1000: alpha('#000000', 0.9),\n            700: alpha('#000000', 0.6),\n            500: alpha('#000000', 0.45),\n            100: alpha('#000000', 0.1),\n            50: alpha('#000000', 0.04),\n            25: alpha('#000000', 0.02),\n        },\n    },\n    primary: {\n        light: {\n            1000: '#095FB0',\n            800: alpha('#095FB0', 0.8),\n            200: alpha('#095FB0', 0.2),\n            50: alpha('#095FB0', 0.05),\n        },\n    },\n    secondary: {\n        light: {\n            1000: '#A5E2F6',\n        },\n    },\n    tertiary: {\n        light: {\n            1000: '#F7742B',\n        },\n    },\n    red: {\n        light: {\n            1000: '#B80022',\n            800: alpha('#B80022', 0.8),\n            200: alpha('#B80022', 0.2),\n            50: alpha('#B80022', 0.05),\n        },\n    },\n    amber: {\n        light: {\n            1000: '#825900',\n            800: alpha('#825900', 0.8),\n            200: alpha('#825900', 0.2),\n            50: alpha('#825900', 0.05),\n        },\n    },\n    green: {\n        light: {\n            1000: '#006E3E',\n            800: alpha('#006E3E', 0.8),\n            200: alpha('#006E3E', 0.2),\n            50: alpha('#006E3E', 0.05),\n        },\n    },\n    purple: {\n        light: {\n            1000: '#8C0BD6',\n            800: alpha('#8C0BD6', 0.8),\n            200: alpha('#8C0BD6', 0.2),\n            50: alpha('#8C0BD6', 0.05),\n        },\n    },\n    solid: {\n        grey: {\n            1000: '#000000',\n            900: '#1A1A1A',\n            850: '#262626',\n            800: '#333333',\n            50: '#FAFAFA ',\n            0: '#FFFFFF',\n        },\n        yellow: {\n            1000: '#FFBC2C',\n        },\n        lightGrey: {\n            1000: '#EEEBE9',\n        },\n        lime: {\n            1000: '#CFF27D',\n        },\n        pink: {\n            1000: '#FFBAE4',\n        },\n    },\n    greyShadow: {\n        150: alpha('#000000', 0.15),\n        100: alpha('#000000', 0.1),\n    },\n};\n\nexport const colours: ThemeOptions['palette'] = {\n    // Status colours\n    success: {\n        main: primativeColours.green.light['1000'],\n    },\n    error: {\n        main: primativeColours.red.light['1000'],\n    },\n    warning: {\n        main: primativeColours.solid.yellow['1000'],\n    },\n    // Colour tokens (semantic colours) are a way of naming and organising primitive colours based on how they're used.\n    semantic: {\n        light: {\n            text: {\n                'text-strong': primativeColours.grey.light['1000'],\n                'text-weak': primativeColours.grey.light['700'],\n                'text-primary': primativeColours.primary.light['1000'],\n                'text-disabled': primativeColours.grey.light['100'],\n                'text-error': primativeColours.red.light['1000'],\n                'text-warning': primativeColours.amber.light['1000'],\n                'text-success': primativeColours.green.light['1000'],\n                'text-information': primativeColours.purple.light['1000'],\n                // 'text-inverse-strong': '';\n                // 'text-inverse-weak': ';\n                // 'text-inverse-disabled': ';\n            },\n            stroke: {\n                'stroke-strong': primativeColours.grey.light['500'],\n                'stroke-weak': primativeColours.grey.light['100'],\n                'stroke-selected': primativeColours.primary.light['1000'],\n                'stroke-focus': primativeColours.primary.light['1000'],\n                'stroke-disabled': primativeColours.grey.light['100'],\n                'stroke-primary-strong': primativeColours.primary.light['800'],\n                'stroke-primary-weak': primativeColours.primary.light['200'],\n                'stroke-secondary': primativeColours.secondary.light['1000'],\n                'stroke-tertiary': primativeColours.tertiary.light['1000'],\n                'stroke-error-strong': primativeColours.red.light['800'],\n                'stroke-error-weak': primativeColours.red.light['200'],\n                'stroke-warning-strong': primativeColours.amber.light['800'],\n                'stroke-warning-weak': primativeColours.amber.light['200'],\n                'stroke-success-strong': primativeColours.green.light['800'],\n                'stroke-success-weak': primativeColours.green.light['200'],\n                'stroke-information-strong': primativeColours.purple.light['800'],\n                'stroke-information-weak': primativeColours.purple.light['200'],\n                // 'stroke-inverse-strong': '',\n                // 'stroke-inverse-weak': '',\n                // 'stroke-inverse-disabled': '',\n            },\n            icon: {\n                'icon-strong': primativeColours.grey.light['500'],\n                'icon-primary': primativeColours.primary.light['800'],\n                'icon-disabled': primativeColours.grey.light['100'],\n                'icon-error': primativeColours.red.light['800'],\n                'icon-warning': primativeColours.amber.light['800'],\n                'icon-success': primativeColours.green.light['800'],\n                'icon-information': primativeColours.purple.light['800'],\n                // 'icon-inverse': '',\n                // 'icon-inverse-strong': '',\n                // 'icon-inverse-disabled': '',\n            },\n            fill: {\n                'fill-strong': primativeColours.grey.light['1000'],\n                'fill-weak': primativeColours.grey.light['50'],\n                'fill-weaker': primativeColours.grey.light['25'],\n                'fill-hover': primativeColours.grey.light['50'],\n                'fill-press': primativeColours.grey.light['100'],\n                'fill-selected': primativeColours.primary.light['1000'],\n                'fill-disabled': primativeColours.grey.light['100'],\n                'fill-overlay': primativeColours.grey.light['500'],\n                'fill-primary-strong': primativeColours.primary.light['1000'],\n                'fill-primary-weak': primativeColours.primary.light['50'],\n                'fill-secondary': primativeColours.secondary.light['1000'],\n                'fill-tertiary': primativeColours.tertiary.light['1000'],\n                'fill-error-strong': primativeColours.red.light['1000'],\n                'fill-error-weak': primativeColours.red.light['50'],\n                'fill-warning-strong': primativeColours.amber.light['1000'],\n                'fill-warning-weak': primativeColours.amber.light['50'],\n                'fill-success-strong': primativeColours.green.light['1000'],\n                'fill-success-weak': primativeColours.green.light['50'],\n                'fill-information-strong': primativeColours.purple.light['1000'],\n                'fill-information-weak': primativeColours.purple.light['50'],\n                // 'fill-inverse-strong': '',\n                // 'fill-inverse-weak': '',\n                // 'fill-inverse-hover': '',\n                // 'fill-inverse-press': '',\n                // 'fill-inverse-disabled': '',\n                'fill-flipdishlogo': primativeColours.solid.lightGrey['1000'],\n                'fill-black': primativeColours.solid.grey['1000'],\n                'fill-white': primativeColours.solid.grey['0'],\n                'fill-yellow': primativeColours.solid.yellow['1000'],\n                'fill-lightgrey': primativeColours.solid.lightGrey['1000'],\n                'fill-lime': primativeColours.solid.lime['1000'],\n                'fill-pink': primativeColours.solid.pink['1000'],\n            },\n            background: {\n                'background-base': primativeColours.solid.grey['0'],\n                'background-raised': primativeColours.solid.grey['0'],\n                'background-overlay': primativeColours.solid.grey['0'],\n                'background-sunken': primativeColours.solid.grey['50'],\n                'background-alternate': primativeColours.solid.lightGrey['1000'],\n                'background-primary': primativeColours.primary.light['1000'],\n                'background-secondary': primativeColours.secondary.light['1000'],\n                'background-tertiary': primativeColours.tertiary.light['1000'],\n                // 'background-inverse': '',\n            },\n            shadow: {\n                'shadow-strong': primativeColours.greyShadow['150'],\n                'shadow-weak': primativeColours.greyShadow['100'],\n            },\n        },\n    },\n};\n"],"names":["primativeColours","grey","light","alpha","primary","secondary","tertiary","red","amber","green","purple","solid","yellow","lightGrey","lime","pink","greyShadow","colours","success","main","error","warning","semantic","text","stroke","icon","fill","background","shadow"],"mappings":"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"}

package/dist/themes/typography.cjs.js

@@ -0,0 +1,2 @@
+"use strict";exports.typography={body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}};
+//# sourceMappingURL=typography.cjs.js.map

package/dist/themes/typography.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.cjs.js","sources":["../../src/themes/typography.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nexport const typography: ThemeOptions['typography'] = {\n    body1: {\n        fontFamily: \"'Roboto', sans-serif\",\n    },\n    body2: {\n        fontFamily: \"'Roboto', sans-serif\",\n    },\n    h1: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h2: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h3: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h4: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h5: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h6: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n};\n"],"names":["body1","fontFamily","body2","h1","h2","h3","h4","h5","h6"],"mappings":"gCAEsD,CAClDA,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY"}

package/dist/themes/typography.d.ts

@@ -0,0 +1,5 @@
+import { ThemeOptions } from '@mui/material/styles/createTheme';
+
+declare const typography: ThemeOptions['typography'];
+
+export { typography };

package/dist/themes/typography.js

@@ -0,0 +1,2 @@
+const o={body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}};export{o as typography};
+//# sourceMappingURL=typography.js.map

package/dist/themes/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../src/themes/typography.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nexport const typography: ThemeOptions['typography'] = {\n    body1: {\n        fontFamily: \"'Roboto', sans-serif\",\n    },\n    body2: {\n        fontFamily: \"'Roboto', sans-serif\",\n    },\n    h1: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h2: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h3: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h4: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h5: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h6: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n};\n"],"names":["typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6"],"mappings":"AAEa,MAAAA,EAAyC,CAClDC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "files": [
     "dist"
   ],
@@ -78,17 +78,17 @@
     "@tanstack/react-query": "^5.62.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "15.0.7",
-    "@types/react": "18.3.11",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "18.3.20",
+    "@types/react-dom": "18.3.5",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
-    "@vitejs/plugin-react-swc": "3.7.1",
+    "@vitejs/plugin-react-swc": "3.8.1",
     "chromatic": "^11.25.2",
     "dotenv": "^16.4.5",
-    "eslint": "9.12.0",
+    "eslint": "9.23.0",
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-react-refresh": "0.4.19",
-    "eslint-plugin-storybook": "^0.11.6",
+    "eslint-plugin-storybook": "^0.12.0",
     "jsdom": "24.1.3",
     "lodash.debounce": "^4.0.8",
     "prompt-sync": "^4.2.0",
@@ -100,9 +100,9 @@
     "storybook": "^8.6.7",
     "tslib": "^2.8.0",
     "typescript": "5.4.5",
-    "vite": "5.4.9",
+    "vite": "5.4.15",
     "vite-plugin-svgr": "^3.2.0",
-    "vitest": "1.6.0"
+    "vitest": "1.6.1"
   },
   "scripts": {
     "dev": "vite",