@flipdish/portal-library 2.0.9 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "2.0.9",
+  "version": "2.1.0",
   "files": [
     "dist"
   ],
@@ -40,8 +40,8 @@
     "@actions/core": "^1.11.1",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
-    "@mui/icons-material": "6.2.1",
-    "@mui/material": "6.2.1",
+    "@mui/icons-material": "6.4.9",
+    "@mui/material": "6.4.9",
     "@mui/x-date-pickers": "^7.23.3",
     "@tanstack/react-query": "^5.62.0",
     "formik": "^2.4.6",
@@ -85,12 +85,21 @@
     "@vitejs/plugin-react-swc": "3.8.1",
     "chromatic": "^11.25.2",
     "dotenv": "^16.4.5",
-    "eslint": "9.23.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^4.2.5",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-react-refresh": "0.4.19",
+    "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-testing-library": "^7.1.1",
     "jsdom": "24.1.3",
     "lodash.debounce": "^4.0.8",
+    "prettier": "^3.2.5",
     "prompt-sync": "^4.2.0",
     "rollup": "^4.24.0",
     "rollup-plugin-dts": "^6.1.1",
@@ -100,7 +109,7 @@
     "storybook": "^8.6.7",
     "tslib": "^2.8.0",
     "typescript": "5.4.5",
-    "vite": "5.4.15",
+    "vite": "5.4.16",
     "vite-plugin-svgr": "^3.2.0",
     "vitest": "1.6.1"
   },

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.js

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}