@flipdish/portal-library 3.7.1 → 4.0.0

package/dist/custom-hooks/useRenderValidText.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderValidText.js","sources":["../../src/custom-hooks/useRenderValidText.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype ValidationState = {\n    fieldError?: string;\n    showError?: boolean;\n    touched: boolean;\n    value: string;\n};\n\ntype ValidationElement = JSX.Element | string | undefined;\n\n/**\n * @description Custom hook for rendering validation text in form fields\n * @description Handles different validation states with separate methods for better clarity\n */\nconst useRenderValidText = ({ fieldError, showError, touched, value }: ValidationState, validText: string) => {\n    const [validTextElement, setValidTextElement] = useState<ValidationElement>('');\n\n    const renderValidState = (): ValidationElement => {\n        return <span style={{ color: '#1dc798' }}>{validText}</span>;\n    };\n\n    const renderErrorState = (): ValidationElement => {\n        return fieldError;\n    };\n\n    const renderEmptyState = (): ValidationElement => {\n        return '';\n    };\n\n    const determineValidationState = (): ValidationElement => {\n        if (!showError && touched && value) {\n            return renderValidState();\n        }\n\n        if (showError) {\n            return renderErrorState();\n        }\n\n        return renderEmptyState();\n    };\n\n    useEffect(() => {\n        setValidTextElement(determineValidationState());\n    }, [fieldError, value, showError, touched]);\n\n    return validTextElement;\n};\n\nexport default useRenderValidText;\n"],"names":["useRenderValidText","fieldError","showError","touched","value","validText","validTextElement","setValidTextElement","useState","determineValidationState","_jsx","style","color","children","useEffect"],"mappings":"wFAeA,MAAMA,EAAqB,EAAGC,aAAYC,YAAWC,UAASC,SAA0BC,KACpF,MAAOC,EAAkBC,GAAuBC,EAA4B,IActEC,EAA2B,KACxBP,GAAaC,GAAWC,EAZtBM,EAAA,OAAA,CAAMC,MAAO,CAAEC,MAAO,WAAWC,SAAGR,IAgBvCH,EAZGD,EAIA,GAmBX,OAJAa,GAAU,KACNP,EAAoBE,IAA2B,GAChD,CAACR,EAAYG,EAAOF,EAAWC,IAE3BG,CAAgB"}
+{"version":3,"file":"useRenderValidText.js","sources":["../../src/custom-hooks/useRenderValidText.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ninterface ValidationState {\n  fieldError?: string;\n  showError?: boolean;\n  touched: boolean;\n  value?: string;\n}\n\ntype ValidationElement = JSX.Element | string | undefined;\n\n/**\n * @description Custom hook for rendering validation text in form fields\n * @description Handles different validation states with separate methods for better clarity\n */\nconst useRenderValidText = (\n  { fieldError, showError, touched, value }: ValidationState,\n  validText: string,\n) => {\n  const [validTextElement, setValidTextElement] = useState<ValidationElement>('');\n\n  const renderValidState = (): ValidationElement => {\n    return <span style={{ color: '#1dc798' }}>{validText}</span>;\n  };\n\n  const renderErrorState = (): ValidationElement => {\n    return fieldError;\n  };\n\n  const renderEmptyState = (): ValidationElement => {\n    return '';\n  };\n\n  const determineValidationState = (): ValidationElement => {\n    if (!showError && touched && value) {\n      return renderValidState();\n    }\n\n    if (showError) {\n      return renderErrorState();\n    }\n\n    return renderEmptyState();\n  };\n\n  useEffect(() => {\n    setValidTextElement(determineValidationState());\n  }, [fieldError, value, showError, touched]);\n\n  return validTextElement;\n};\n\nexport default useRenderValidText;\n"],"names":["useRenderValidText","fieldError","showError","touched","value","validText","validTextElement","setValidTextElement","useState","determineValidationState","_jsx","style","color","children","useEffect"],"mappings":"wFAeA,MAAMA,EAAqB,EACvBC,aAAYC,YAAWC,UAASC,SAClCC,KAEA,MAAOC,EAAkBC,GAAuBC,EAA4B,IActEC,EAA2B,KAC1BP,GAAaC,GAAWC,EAZtBM,EAAA,OAAA,CAAMC,MAAO,CAAEC,MAAO,WAAWC,SAAGR,IAgBvCH,EAZGD,EAIA,GAmBT,OAJAa,GAAU,KACRP,EAAoBE,OACnB,CAACR,EAAYG,EAAOF,EAAWC,IAE3BG"}

package/dist/custom-hooks/useToasts.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToasts.cjs.js","sources":["../../src/custom-hooks/useToasts.tsx"],"sourcesContent":["import { useSnackbar, type SnackbarKey, type VariantType } from 'notistack';\n\n/**\n * Configuration options for toast notifications\n * @interface ToastOptions\n * @property {boolean} [persist] - If true, the toast will not auto-dismiss\n * @property {number} [durationMs] - Duration in milliseconds before the toast auto-dismisses\n */\nexport interface ToastOptions {\n    /** If true, the toast will not auto-dismiss */\n    persist?: boolean;\n    /** Duration in milliseconds before the toast auto-dismisses */\n    durationMs?: number;\n}\n\n/**\n * Type alias for toast notification keys\n * Used to uniquely identify toast notifications for dismissal\n */\nexport type ToastKey = SnackbarKey;\n\n/**\n * Interface defining the return value of the useToasts hook\n */\nexport interface UseToastsReturn {\n    /** Dismisses all active toast notifications */\n    dismissAllToasts: () => void;\n    /** Dismisses a specific toast by its key */\n    dismissToast: (key: string) => void;\n    /** Shows a default toast notification */\n    showDefaultToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows a success toast notification */\n    showSuccessToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows an error toast notification */\n    showErrorToast: (message: string, options?: ToastOptions) => ToastKey;\n}\n\n/**\n * Custom hook for managing toast notifications\n * Provides methods to show different types of toasts (default, success, error)\n * and dismiss them individually or all at once\n *\n * @example\n * ```tsx\n * const { showSuccessToast, showErrorToast, dismissAllToasts } = useToasts();\n *\n * // Show a success toast that auto-dismisses after 3 seconds\n * const toastKey = showSuccessToast('Operation successful', { durationMs: 3000 });\n *\n * // Show a persistent error toast\n * const errorToastKey = showErrorToast('Error occurred', { persist: true });\n *\n * // Later, dismiss a specific toast using its key\n * dismissToast(toastKey);\n *\n * // Or dismiss all toasts\n * dismissAllToasts();\n * ```\n */\nconst useToasts = (): UseToastsReturn => {\n    const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n\n    /**\n     * Dismisses all currently active toast notifications\n     */\n    const dismissAllToasts = () => {\n        closeSnackbar();\n    };\n\n    /**\n     * Dismisses a specific toast notification by its key\n     * @param {string} key - Unique identifier of the toast to dismiss\n     */\n    const dismissToast = (key: string) => {\n        closeSnackbar(key);\n    };\n\n    /**\n     * Internal method to show a toast notification with specified variant and options\n     * @param {string} message - The message to display in the toast\n     * @param {VariantType} variant - The type of toast (default, success, error)\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showToast = (message: string, variant: VariantType, options: ToastOptions | undefined = undefined): ToastKey => {\n        return enqueueSnackbar(message, {\n            autoHideDuration: options?.durationMs,\n            persist: options?.persist,\n            variant,\n        });\n    };\n\n    /**\n     * Shows a default toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showDefaultToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'default', options);\n    };\n\n    /**\n     * Shows a success toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showSuccessToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'success', options);\n    };\n\n    /**\n     * Shows an error toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showErrorToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'error', options);\n    };\n\n    return { dismissAllToasts, dismissToast, showDefaultToast, showSuccessToast, showErrorToast };\n};\n\nexport default useToasts;\n"],"names":["enqueueSnackbar","closeSnackbar","useSnackbar","showToast","message","variant","options","undefined","autoHideDuration","durationMs","persist","dismissAllToasts","dismissToast","key","showDefaultToast","showSuccessToast","showErrorToast"],"mappings":"uDA2DkB,KACd,MAAMA,gBAAEA,EAAeC,cAAEA,GAAkBC,gBAwBrCC,EAAY,CAACC,EAAiBC,EAAsBC,OAAoCC,IACnFP,EAAgBI,EAAS,CAC5BI,iBAAkBF,GAASG,WAC3BC,QAASJ,GAASI,QAClBL,YAkCR,MAAO,CAAEM,iBAzDgB,KACrBV,GAAe,EAwDQW,aAjDLC,IAClBZ,EAAcY,EAAI,EAgDmBC,iBAxBhB,CAACV,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAuBkBS,iBAdlC,CAACX,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAaoCU,eAJtD,CAACZ,EAAiBE,OAAoCC,IAClEJ,EAAUC,EAAS,QAASE,GAGsD"}
+{"version":3,"file":"useToasts.cjs.js","sources":["../../src/custom-hooks/useToasts.tsx"],"sourcesContent":["import { useSnackbar, type SnackbarKey, type VariantType } from 'notistack';\n\n/**\n * Configuration options for toast notifications\n * @interface ToastOptions\n * @property {boolean} [persist] - If true, the toast will not auto-dismiss\n * @property {number} [durationMs] - Duration in milliseconds before the toast auto-dismisses\n */\nexport interface ToastOptions {\n    /** If true, the toast will not auto-dismiss */\n    persist?: boolean;\n    /** Duration in milliseconds before the toast auto-dismisses */\n    durationMs?: number;\n}\n\n/**\n * Type alias for toast notification keys\n * Used to uniquely identify toast notifications for dismissal\n */\nexport type ToastKey = SnackbarKey;\n\n/**\n * Interface defining the return value of the useToasts hook\n */\nexport interface UseToastsReturn {\n    /** Dismisses all active toast notifications */\n    dismissAllToasts: () => void;\n    /** Dismisses a specific toast by its key */\n    dismissToast: (key: string) => void;\n    /** Shows a default toast notification */\n    showDefaultToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows a success toast notification */\n    showSuccessToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows an error toast notification */\n    showErrorToast: (message: string, options?: ToastOptions) => ToastKey;\n}\n\n/**\n * Custom hook for managing toast notifications\n * Provides methods to show different types of toasts (default, success, error)\n * and dismiss them individually or all at once\n *\n * @example\n * ```tsx\n * const { showSuccessToast, showErrorToast, dismissAllToasts } = useToasts();\n *\n * // Show a success toast that auto-dismisses after 3 seconds\n * const toastKey = showSuccessToast('Operation successful', { durationMs: 3000 });\n *\n * // Show a persistent error toast\n * const errorToastKey = showErrorToast('Error occurred', { persist: true });\n *\n * // Later, dismiss a specific toast using its key\n * dismissToast(toastKey);\n *\n * // Or dismiss all toasts\n * dismissAllToasts();\n * ```\n */\nconst useToasts = (): UseToastsReturn => {\n    const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n\n    /**\n     * Dismisses all currently active toast notifications\n     */\n    const dismissAllToasts = () => {\n        closeSnackbar();\n    };\n\n    /**\n     * Dismisses a specific toast notification by its key\n     * @param {string} key - Unique identifier of the toast to dismiss\n     */\n    const dismissToast = (key: string) => {\n        closeSnackbar(key);\n    };\n\n    /**\n     * Internal method to show a toast notification with specified variant and options\n     * @param {string} message - The message to display in the toast\n     * @param {VariantType} variant - The type of toast (default, success, error)\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showToast = (message: string, variant: VariantType, options: ToastOptions | undefined = undefined): ToastKey => {\n        return enqueueSnackbar(message, {\n            autoHideDuration: options?.durationMs,\n            persist: options?.persist,\n            variant,\n        });\n    };\n\n    /**\n     * Shows a default toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showDefaultToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'default', options);\n    };\n\n    /**\n     * Shows a success toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showSuccessToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'success', options);\n    };\n\n    /**\n     * Shows an error toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showErrorToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'error', options);\n    };\n\n    return { dismissAllToasts, dismissToast, showDefaultToast, showSuccessToast, showErrorToast };\n};\n\nexport default useToasts;\n"],"names":["enqueueSnackbar","closeSnackbar","useSnackbar","showToast","message","variant","options","undefined","autoHideDuration","durationMs","persist","dismissAllToasts","dismissToast","key","showDefaultToast","showSuccessToast","showErrorToast"],"mappings":"uDA2DkB,KACd,MAAMA,gBAAEA,EAAeC,cAAEA,GAAkBC,gBAwBrCC,EAAY,CAACC,EAAiBC,EAAsBC,OAAoCC,IACnFP,EAAgBI,EAAS,CAC5BI,iBAAkBF,GAASG,WAC3BC,QAASJ,GAASI,QAClBL,YAkCR,MAAO,CAAEM,iBAzDgB,KACrBV,KAwDuBW,aAjDLC,IAClBZ,EAAcY,IAgDuBC,iBAxBhB,CAACV,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAuBkBS,iBAdlC,CAACX,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAaoCU,eAJtD,CAACZ,EAAiBE,OAAoCC,IAClEJ,EAAUC,EAAS,QAASE"}

package/dist/custom-hooks/useToasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToasts.js","sources":["../../src/custom-hooks/useToasts.tsx"],"sourcesContent":["import { useSnackbar, type SnackbarKey, type VariantType } from 'notistack';\n\n/**\n * Configuration options for toast notifications\n * @interface ToastOptions\n * @property {boolean} [persist] - If true, the toast will not auto-dismiss\n * @property {number} [durationMs] - Duration in milliseconds before the toast auto-dismisses\n */\nexport interface ToastOptions {\n    /** If true, the toast will not auto-dismiss */\n    persist?: boolean;\n    /** Duration in milliseconds before the toast auto-dismisses */\n    durationMs?: number;\n}\n\n/**\n * Type alias for toast notification keys\n * Used to uniquely identify toast notifications for dismissal\n */\nexport type ToastKey = SnackbarKey;\n\n/**\n * Interface defining the return value of the useToasts hook\n */\nexport interface UseToastsReturn {\n    /** Dismisses all active toast notifications */\n    dismissAllToasts: () => void;\n    /** Dismisses a specific toast by its key */\n    dismissToast: (key: string) => void;\n    /** Shows a default toast notification */\n    showDefaultToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows a success toast notification */\n    showSuccessToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows an error toast notification */\n    showErrorToast: (message: string, options?: ToastOptions) => ToastKey;\n}\n\n/**\n * Custom hook for managing toast notifications\n * Provides methods to show different types of toasts (default, success, error)\n * and dismiss them individually or all at once\n *\n * @example\n * ```tsx\n * const { showSuccessToast, showErrorToast, dismissAllToasts } = useToasts();\n *\n * // Show a success toast that auto-dismisses after 3 seconds\n * const toastKey = showSuccessToast('Operation successful', { durationMs: 3000 });\n *\n * // Show a persistent error toast\n * const errorToastKey = showErrorToast('Error occurred', { persist: true });\n *\n * // Later, dismiss a specific toast using its key\n * dismissToast(toastKey);\n *\n * // Or dismiss all toasts\n * dismissAllToasts();\n * ```\n */\nconst useToasts = (): UseToastsReturn => {\n    const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n\n    /**\n     * Dismisses all currently active toast notifications\n     */\n    const dismissAllToasts = () => {\n        closeSnackbar();\n    };\n\n    /**\n     * Dismisses a specific toast notification by its key\n     * @param {string} key - Unique identifier of the toast to dismiss\n     */\n    const dismissToast = (key: string) => {\n        closeSnackbar(key);\n    };\n\n    /**\n     * Internal method to show a toast notification with specified variant and options\n     * @param {string} message - The message to display in the toast\n     * @param {VariantType} variant - The type of toast (default, success, error)\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showToast = (message: string, variant: VariantType, options: ToastOptions | undefined = undefined): ToastKey => {\n        return enqueueSnackbar(message, {\n            autoHideDuration: options?.durationMs,\n            persist: options?.persist,\n            variant,\n        });\n    };\n\n    /**\n     * Shows a default toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showDefaultToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'default', options);\n    };\n\n    /**\n     * Shows a success toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showSuccessToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'success', options);\n    };\n\n    /**\n     * Shows an error toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showErrorToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'error', options);\n    };\n\n    return { dismissAllToasts, dismissToast, showDefaultToast, showSuccessToast, showErrorToast };\n};\n\nexport default useToasts;\n"],"names":["useToasts","enqueueSnackbar","closeSnackbar","useSnackbar","showToast","message","variant","options","undefined","autoHideDuration","durationMs","persist","dismissAllToasts","dismissToast","key","showDefaultToast","showSuccessToast","showErrorToast"],"mappings":"wCA2DM,MAAAA,EAAY,KACd,MAAMC,gBAAEA,EAAeC,cAAEA,GAAkBC,IAwBrCC,EAAY,CAACC,EAAiBC,EAAsBC,OAAoCC,IACnFP,EAAgBI,EAAS,CAC5BI,iBAAkBF,GAASG,WAC3BC,QAASJ,GAASI,QAClBL,YAkCR,MAAO,CAAEM,iBAzDgB,KACrBV,GAAe,EAwDQW,aAjDLC,IAClBZ,EAAcY,EAAI,EAgDmBC,iBAxBhB,CAACV,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAuBkBS,iBAdlC,CAACX,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAaoCU,eAJtD,CAACZ,EAAiBE,OAAoCC,IAClEJ,EAAUC,EAAS,QAASE,GAGsD"}
+{"version":3,"file":"useToasts.js","sources":["../../src/custom-hooks/useToasts.tsx"],"sourcesContent":["import { useSnackbar, type SnackbarKey, type VariantType } from 'notistack';\n\n/**\n * Configuration options for toast notifications\n * @interface ToastOptions\n * @property {boolean} [persist] - If true, the toast will not auto-dismiss\n * @property {number} [durationMs] - Duration in milliseconds before the toast auto-dismisses\n */\nexport interface ToastOptions {\n    /** If true, the toast will not auto-dismiss */\n    persist?: boolean;\n    /** Duration in milliseconds before the toast auto-dismisses */\n    durationMs?: number;\n}\n\n/**\n * Type alias for toast notification keys\n * Used to uniquely identify toast notifications for dismissal\n */\nexport type ToastKey = SnackbarKey;\n\n/**\n * Interface defining the return value of the useToasts hook\n */\nexport interface UseToastsReturn {\n    /** Dismisses all active toast notifications */\n    dismissAllToasts: () => void;\n    /** Dismisses a specific toast by its key */\n    dismissToast: (key: string) => void;\n    /** Shows a default toast notification */\n    showDefaultToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows a success toast notification */\n    showSuccessToast: (message: string, options?: ToastOptions) => ToastKey;\n    /** Shows an error toast notification */\n    showErrorToast: (message: string, options?: ToastOptions) => ToastKey;\n}\n\n/**\n * Custom hook for managing toast notifications\n * Provides methods to show different types of toasts (default, success, error)\n * and dismiss them individually or all at once\n *\n * @example\n * ```tsx\n * const { showSuccessToast, showErrorToast, dismissAllToasts } = useToasts();\n *\n * // Show a success toast that auto-dismisses after 3 seconds\n * const toastKey = showSuccessToast('Operation successful', { durationMs: 3000 });\n *\n * // Show a persistent error toast\n * const errorToastKey = showErrorToast('Error occurred', { persist: true });\n *\n * // Later, dismiss a specific toast using its key\n * dismissToast(toastKey);\n *\n * // Or dismiss all toasts\n * dismissAllToasts();\n * ```\n */\nconst useToasts = (): UseToastsReturn => {\n    const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n\n    /**\n     * Dismisses all currently active toast notifications\n     */\n    const dismissAllToasts = () => {\n        closeSnackbar();\n    };\n\n    /**\n     * Dismisses a specific toast notification by its key\n     * @param {string} key - Unique identifier of the toast to dismiss\n     */\n    const dismissToast = (key: string) => {\n        closeSnackbar(key);\n    };\n\n    /**\n     * Internal method to show a toast notification with specified variant and options\n     * @param {string} message - The message to display in the toast\n     * @param {VariantType} variant - The type of toast (default, success, error)\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showToast = (message: string, variant: VariantType, options: ToastOptions | undefined = undefined): ToastKey => {\n        return enqueueSnackbar(message, {\n            autoHideDuration: options?.durationMs,\n            persist: options?.persist,\n            variant,\n        });\n    };\n\n    /**\n     * Shows a default toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showDefaultToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'default', options);\n    };\n\n    /**\n     * Shows a success toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showSuccessToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'success', options);\n    };\n\n    /**\n     * Shows an error toast notification\n     * @param {string} message - The message to display\n     * @param {ToastOptions} [options] - Configuration options for the toast\n     * @returns {ToastKey} A unique key that can be used to dismiss this toast later\n     */\n    const showErrorToast = (message: string, options: ToastOptions | undefined = undefined): ToastKey => {\n        return showToast(message, 'error', options);\n    };\n\n    return { dismissAllToasts, dismissToast, showDefaultToast, showSuccessToast, showErrorToast };\n};\n\nexport default useToasts;\n"],"names":["useToasts","enqueueSnackbar","closeSnackbar","useSnackbar","showToast","message","variant","options","undefined","autoHideDuration","durationMs","persist","dismissAllToasts","dismissToast","key","showDefaultToast","showSuccessToast","showErrorToast"],"mappings":"wCA2DM,MAAAA,EAAY,KACd,MAAMC,gBAAEA,EAAeC,cAAEA,GAAkBC,IAwBrCC,EAAY,CAACC,EAAiBC,EAAsBC,OAAoCC,IACnFP,EAAgBI,EAAS,CAC5BI,iBAAkBF,GAASG,WAC3BC,QAASJ,GAASI,QAClBL,YAkCR,MAAO,CAAEM,iBAzDgB,KACrBV,KAwDuBW,aAjDLC,IAClBZ,EAAcY,IAgDuBC,iBAxBhB,CAACV,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAuBkBS,iBAdlC,CAACX,EAAiBE,OAAoCC,IACpEJ,EAAUC,EAAS,UAAWE,GAaoCU,eAJtD,CAACZ,EAAiBE,OAAoCC,IAClEJ,EAAUC,EAAS,QAASE"}

package/dist/icons/helpers/withSvgIcon.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"withSvgIcon.cjs.js","sources":["../../../src/icons/helpers/withSvgIcon.tsx"],"sourcesContent":["export type IconSize = 'sm' | 'md' | 'lg';\n\nexport interface WithSvgIconProps {\n    size?: IconSize;\n    color?: string;\n}\n\nconst sizeMapping: Record<string, string> = {\n    sm: '16px',\n    md: '24px',\n    lg: '32px',\n};\n\nconst withSvgIcon = (WrappedComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>) => {\n    const ComponentWithSvgIcon: React.FC<WithSvgIconProps> = ({ size = 'md', ...props }) => {\n        const hwSize = sizeMapping[size];\n        return <WrappedComponent height={hwSize} width={hwSize} {...props} />;\n    };\n\n    return ComponentWithSvgIcon;\n};\n\nexport default withSvgIcon;\n"],"names":["sizeMapping","sm","md","lg","WrappedComponent","size","props","hwSize","_jsx","jsx","height","width"],"mappings":"gDAOA,MAAMA,EAAsC,CACxCC,GAAI,OACJC,GAAI,OACJC,GAAI,uBAGaC,GACwC,EAAGC,OAAO,QAASC,MACxE,MAAMC,EAASP,EAAYK,GAC3B,OAAOG,EAACC,IAAAL,EAAiB,CAAAM,OAAQH,EAAQI,MAAOJ,KAAYD,GAAS"}
+{"version":3,"file":"withSvgIcon.cjs.js","sources":["../../../src/icons/helpers/withSvgIcon.tsx"],"sourcesContent":["export type IconSize = 'sm' | 'md' | 'lg';\n\nexport interface WithSvgIconProps {\n    size?: IconSize;\n    color?: string;\n}\n\nconst sizeMapping: Record<string, string> = {\n    sm: '16px',\n    md: '24px',\n    lg: '32px',\n};\n\nconst withSvgIcon = (WrappedComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>) => {\n    const ComponentWithSvgIcon: React.FC<WithSvgIconProps> = ({ size = 'md', ...props }) => {\n        const hwSize = sizeMapping[size];\n        return <WrappedComponent height={hwSize} width={hwSize} {...props} />;\n    };\n\n    return ComponentWithSvgIcon;\n};\n\nexport default withSvgIcon;\n"],"names":["sizeMapping","sm","md","lg","WrappedComponent","size","props","hwSize","_jsx","jsx","height","width"],"mappings":"gDAOA,MAAMA,EAAsC,CACxCC,GAAI,OACJC,GAAI,OACJC,GAAI,uBAGaC,GACwC,EAAGC,OAAO,QAASC,MACxE,MAAMC,EAASP,EAAYK,GAC3B,OAAOG,EAACC,IAAAL,EAAiB,CAAAM,OAAQH,EAAQI,MAAOJ,KAAYD"}

package/dist/icons/helpers/withSvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"withSvgIcon.js","sources":["../../../src/icons/helpers/withSvgIcon.tsx"],"sourcesContent":["export type IconSize = 'sm' | 'md' | 'lg';\n\nexport interface WithSvgIconProps {\n    size?: IconSize;\n    color?: string;\n}\n\nconst sizeMapping: Record<string, string> = {\n    sm: '16px',\n    md: '24px',\n    lg: '32px',\n};\n\nconst withSvgIcon = (WrappedComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>) => {\n    const ComponentWithSvgIcon: React.FC<WithSvgIconProps> = ({ size = 'md', ...props }) => {\n        const hwSize = sizeMapping[size];\n        return <WrappedComponent height={hwSize} width={hwSize} {...props} />;\n    };\n\n    return ComponentWithSvgIcon;\n};\n\nexport default withSvgIcon;\n"],"names":["sizeMapping","sm","md","lg","withSvgIcon","WrappedComponent","size","props","hwSize","_jsx","height","width"],"mappings":"wCAOA,MAAMA,EAAsC,CACxCC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGFC,EAAeC,GACwC,EAAGC,OAAO,QAASC,MACxE,MAAMC,EAASR,EAAYM,GAC3B,OAAOG,EAACJ,EAAiB,CAAAK,OAAQF,EAAQG,MAAOH,KAAYD,GAAS"}
+{"version":3,"file":"withSvgIcon.js","sources":["../../../src/icons/helpers/withSvgIcon.tsx"],"sourcesContent":["export type IconSize = 'sm' | 'md' | 'lg';\n\nexport interface WithSvgIconProps {\n    size?: IconSize;\n    color?: string;\n}\n\nconst sizeMapping: Record<string, string> = {\n    sm: '16px',\n    md: '24px',\n    lg: '32px',\n};\n\nconst withSvgIcon = (WrappedComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>) => {\n    const ComponentWithSvgIcon: React.FC<WithSvgIconProps> = ({ size = 'md', ...props }) => {\n        const hwSize = sizeMapping[size];\n        return <WrappedComponent height={hwSize} width={hwSize} {...props} />;\n    };\n\n    return ComponentWithSvgIcon;\n};\n\nexport default withSvgIcon;\n"],"names":["sizeMapping","sm","md","lg","withSvgIcon","WrappedComponent","size","props","hwSize","_jsx","height","width"],"mappings":"wCAOA,MAAMA,EAAsC,CACxCC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGFC,EAAeC,GACwC,EAAGC,OAAO,QAASC,MACxE,MAAMC,EAASR,EAAYM,GAC3B,OAAOG,EAACJ,EAAiB,CAAAK,OAAQF,EAAQG,MAAOH,KAAYD"}

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.cjs.js","sources":["../../src/themes/ThemeProvider.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\n\nimport './theme';\n\nimport { darkTheme, lightTheme } from './flipdishPublicTheme';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  themeModeOverride?: 'dark' | 'light';\n}\n\nconst ThemeProvider = ({ children, themeModeOverride }: ThemeProviderProps): JSX.Element => {\n  const theme = themeModeOverride === 'dark' ? darkTheme : lightTheme;\n\n  return (\n    <MuiThemeProvider theme={theme}>\n      <CssBaseline />\n      {children}\n    </MuiThemeProvider>\n  );\n};\n\nexport default ThemeProvider;\n"],"names":["children","themeModeOverride","theme","darkTheme","lightTheme","_jsxs","MuiThemeProvider","_jsx","CssBaseline"],"mappings":"kLAYsB,EAAGA,WAAUC,wBACjC,MAAMC,EAA8B,SAAtBD,EAA+BE,EAASA,UAAGC,EAAUA,WAEnE,OACEC,OAACC,EAAAA,cAAgB,CAACJ,MAAOA,EACvBF,SAAA,CAAAO,EAAAA,IAACC,EAAc,CAAA,GACdR,IACgB"}
+{"version":3,"file":"ThemeProvider.cjs.js","sources":["../../src/themes/ThemeProvider.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\n\nimport './theme';\n\nimport { darkTheme, lightTheme } from './flipdishPublicTheme';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  themeModeOverride?: 'dark' | 'light';\n}\n\nconst ThemeProvider = ({ children, themeModeOverride }: ThemeProviderProps): JSX.Element => {\n  const theme = themeModeOverride === 'dark' ? darkTheme : lightTheme;\n\n  return (\n    <MuiThemeProvider theme={theme}>\n      <CssBaseline />\n      {children}\n    </MuiThemeProvider>\n  );\n};\n\nexport default ThemeProvider;\n"],"names":["children","themeModeOverride","theme","darkTheme","lightTheme","_jsxs","MuiThemeProvider","_jsx","CssBaseline"],"mappings":"kLAYsB,EAAGA,WAAUC,wBACjC,MAAMC,EAA8B,SAAtBD,EAA+BE,EAASA,UAAGC,EAAUA,WAEnE,OACEC,OAACC,EAAAA,cAAgB,CAACJ,MAAOA,EACvBF,SAAA,CAAAO,EAAAA,IAACC,EAAc,CAAA,GACdR"}

package/dist/themes/flipdishPublicTheme.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@mui/material/styles/createTheme"),r=require("../icons/Cancel/index.cjs.js"),t=require("./tokens/breakpoints/breakpoints.cjs.js");require("./tokens/colours/primitives.cjs.js");var o=require("./tokens/colours/semantic.cjs.js"),i=require("./tokens/radius/radius.cjs.js"),s=require("./tokens/typography/variant-mapping.cjs.js"),a=require("./typography.cjs.js");const p=p=>{const n=e({typography:a.typography,palette:"light"===p?o.lightColours:o.darkColours,radius:i.radius,breakpoints:{values:t.breakpointValues}});return Object.keys(a.typography).forEach((e=>{const r=e.split(/(?=[A-Z])/)[0];n.typography[e]={...n.typography[e],[n.breakpoints.down("tablet")]:{...a.getMobileTextStyle(r)}}})),e(n,{shape:{borderRadius:"4px"},components:{MuiAlert:{defaultProps:{components:{CloseIcon:r}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:{styleOverrides:{root:{padding:"12px 24px",textTransform:"none"}}},MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:n.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:n.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${n.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:n.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:s.typographyVariantMapping}}}})},n=p("light"),d=p("dark");exports.darkTheme=d,exports.lightTheme=n;
+"use strict";var e=require("@mui/material/styles/createTheme"),r=require("../components/atoms/Button/buttonThemeOverrides.cjs.js"),t=require("../icons/Cancel/index.cjs.js"),o=require("./tokens/breakpoints/breakpoints.cjs.js"),s=require("./tokens/colours/semantic.cjs.js"),i=require("./tokens/radius/radius.cjs.js"),a=require("./tokens/shadows/shadows.cjs.js"),p=require("./tokens/typography/variant-mapping.cjs.js"),n=require("./typography.cjs.js");const d=d=>{const l={typography:n.typography,palette:"light"===d?s.lightColours:s.darkColours,radius:i.radius,breakpoints:{values:o.breakpointValues}},u=e(l);return Object.keys(n.typography).forEach((e=>{const r=e.split(/(?=[A-Z])/)[0],t=e;u.typography[t]={...u.typography[t],[u.breakpoints.down("tablet")]:{...n.getMobileTextStyle(r)}}})),e({...l,typography:u.typography,shape:{borderRadius:4},customShadows:{...a.shadows},components:{MuiAlert:{defaultProps:{components:{CloseIcon:t}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:r.buttonStyleOverrides(u),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:u.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:u.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${u.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:u.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:p.typographyVariantMapping}}}})},l=d("light"),u=d("dark");exports.darkTheme=u,exports.lightTheme=l;
 //# sourceMappingURL=flipdishPublicTheme.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours';\nimport { radius } from './tokens/radius/radius';\nimport type { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const baseTheme = createTheme({\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n  });\n\n  /* \n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes \n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    baseTheme.typography[key] = {\n      ...baseTheme.typography[key],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme(baseTheme as ThemeOptions, {\n    shape: {\n      borderRadius: '4px',\n    },\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\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: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","baseTheme","createTheme","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","Object","keys","forEach","key","keyWithoutVariantSuffix","split","down","getMobileTextStyle","shape","borderRadius","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"kYAUA,MAAMA,EAA8BC,IAClC,MAAMC,EAAYC,EAAY,YAC5BC,EAAUA,WACVC,QAAkB,UAATJ,EAAmBK,EAAAA,aAAeC,EAAWA,mBACtDC,EAAMA,OACNC,YAAa,CACXC,OAAQC,EAAgBA,oBAqB5B,OAZAC,OAAOC,KAAKT,EAAAA,YAAYU,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACvDf,EAAUE,WAAWW,GAAO,IACvBb,EAAUE,WAAWW,GACxB,CAACb,EAAUO,YAAYS,KAAK,WAAY,IACnCC,EAAAA,mBAAmBH,IAEzB,IAIIb,EAAYD,EAA2B,CAC5CkB,MAAO,CACLC,aAAc,OAEhBC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJP,aAAc,MAEdQ,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAW,CACTR,eAAgB,CACdC,KAAM,CACJC,QAAS,YACTO,cAAe,UAIrBC,QAAS,CACPV,eAAgB,CACdC,KAAM,CACJU,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAavC,EAAUG,QAAQqC,WAIrCC,QAAS,CACPhB,eAAgB,CACdC,KAAM,CACJgB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBpB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACToB,gBAAiB9C,EAAUG,QAAQ4C,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAajD,EAAUG,QAAQ4C,SAASG,OAAO,qBAKrEC,YAAa,CACX1B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BoB,gBAAiB9C,EAAUG,QAAQ4C,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb/B,aAAc,CACZgC,eAAgBC,EAAwBA,6BAI9C,EAGSC,EAAa1D,EAA2B,SACxC2D,EAAY3D,EAA2B"}
+{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const themeOptions: ThemeOptions = {\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n  };\n  const baseTheme = createTheme(themeOptions);\n\n  /*\n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    const typographyKey = key as keyof typeof typography;\n    baseTheme.typography[typographyKey] = {\n      ...baseTheme.typography[typographyKey],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme({\n    ...themeOptions,\n    typography: baseTheme.typography,\n    shape: {\n      borderRadius: 4,\n    },\n    customShadows: {\n      ...shadows,\n    },\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\n      MuiButton: buttonStyleOverrides(baseTheme),\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: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"icAYA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,YACjCC,EAAUA,WACVC,QAAkB,UAATH,EAAmBI,EAAAA,aAAeC,EAAWA,mBACtDC,EAAMA,OACNC,YAAa,CACXC,OAAQC,EAAgBA,mBAGtBC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,EAAAA,YAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAAA,mBAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,EAAOA,SAEZC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAoBA,qBAAC7B,GAChC8B,QAAS,CACPV,eAAgB,CACdC,KAAM,CACJU,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUP,QAAQ0C,WAIrCC,QAAS,CACPhB,eAAgB,CACdC,KAAM,CACJgB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBpB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACToB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa5C,EAAUP,QAAQiD,SAASG,OAAO,qBAKrEC,YAAa,CACX1B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BoB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb/B,aAAc,CACZgC,eAAgBC,EAAwBA,+BAOrCC,EAAa9D,EAA2B,SACxC+D,EAAY/D,EAA2B"}

package/dist/themes/flipdishPublicTheme.js

@@ -1,2 +1,2 @@
-import o from"@mui/material/styles/createTheme";import r from"../icons/Cancel/index.js";import{breakpointValues as t}from"./tokens/breakpoints/breakpoints.js";import"./tokens/colours/primitives.js";import{lightColours as e,darkColours as i}from"./tokens/colours/semantic.js";import{radius as s}from"./tokens/radius/radius.js";import{typographyVariantMapping as a}from"./tokens/typography/variant-mapping.js";import{typography as p,getMobileTextStyle as n}from"./typography.js";const d=d=>{const l=o({typography:p,palette:"light"===d?e:i,radius:s,breakpoints:{values:t}});return Object.keys(p).forEach((o=>{const r=o.split(/(?=[A-Z])/)[0];l.typography[o]={...l.typography[o],[l.breakpoints.down("tablet")]:{...n(r)}}})),o(l,{shape:{borderRadius:"4px"},components:{MuiAlert:{defaultProps:{components:{CloseIcon:r}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:{styleOverrides:{root:{padding:"12px 24px",textTransform:"none"}}},MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:l.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:l.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${l.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:l.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:a}}}})},l=d("light"),m=d("dark");export{m as darkTheme,l as lightTheme};
+import o from"@mui/material/styles/createTheme";import{buttonStyleOverrides as t}from"../components/atoms/Button/buttonThemeOverrides.js";import r from"../icons/Cancel/index.js";import{breakpointValues as e}from"./tokens/breakpoints/breakpoints.js";import{lightColours as i,darkColours as s}from"./tokens/colours/semantic.js";import{radius as a}from"./tokens/radius/radius.js";import{shadows as p}from"./tokens/shadows/shadows.js";import{typographyVariantMapping as n}from"./tokens/typography/variant-mapping.js";import{typography as d,getMobileTextStyle as l}from"./typography.js";const m=m=>{const u={typography:d,palette:"light"===m?i:s,radius:a,breakpoints:{values:e}},h=o(u);return Object.keys(d).forEach((o=>{const t=o.split(/(?=[A-Z])/)[0],r=o;h.typography[r]={...h.typography[r],[h.breakpoints.down("tablet")]:{...l(t)}}})),o({...u,typography:h.typography,shape:{borderRadius:4},customShadows:{...p},components:{MuiAlert:{defaultProps:{components:{CloseIcon:r}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:t(h),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:h.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:h.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${h.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:h.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:n}}}})},u=m("light"),h=m("dark");export{h as darkTheme,u as lightTheme};
 //# sourceMappingURL=flipdishPublicTheme.js.map

package/dist/themes/flipdishPublicTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours';\nimport { radius } from './tokens/radius/radius';\nimport type { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const baseTheme = createTheme({\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n  });\n\n  /* \n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes \n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    baseTheme.typography[key] = {\n      ...baseTheme.typography[key],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme(baseTheme as ThemeOptions, {\n    shape: {\n      borderRadius: '4px',\n    },\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\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: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","baseTheme","createTheme","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","Object","keys","forEach","key","keyWithoutVariantSuffix","split","down","getMobileTextStyle","shape","borderRadius","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"6dAUA,MAAMA,EAA8BC,IAClC,MAAMC,EAAYC,EAAY,CAC5BC,aACAC,QAAkB,UAATJ,EAAmBK,EAAeC,EAC3CC,SACAC,YAAa,CACXC,OAAQC,KAqBZ,OAZAC,OAAOC,KAAKT,GAAYU,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACvDf,EAAUE,WAAWW,GAAO,IACvBb,EAAUE,WAAWW,GACxB,CAACb,EAAUO,YAAYS,KAAK,WAAY,IACnCC,EAAmBH,IAEzB,IAIIb,EAAYD,EAA2B,CAC5CkB,MAAO,CACLC,aAAc,OAEhBC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJP,aAAc,MAEdQ,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAW,CACTR,eAAgB,CACdC,KAAM,CACJC,QAAS,YACTO,cAAe,UAIrBC,QAAS,CACPV,eAAgB,CACdC,KAAM,CACJU,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAavC,EAAUG,QAAQqC,WAIrCC,QAAS,CACPhB,eAAgB,CACdC,KAAM,CACJgB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBpB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACToB,gBAAiB9C,EAAUG,QAAQ4C,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAajD,EAAUG,QAAQ4C,SAASG,OAAO,qBAKrEC,YAAa,CACX1B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BoB,gBAAiB9C,EAAUG,QAAQ4C,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb/B,aAAc,CACZgC,eAAgBC,MAItB,EAGSC,EAAa1D,EAA2B,SACxC2D,EAAY3D,EAA2B"}
+{"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const themeOptions: ThemeOptions = {\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n  };\n  const baseTheme = createTheme(themeOptions);\n\n  /*\n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    const typographyKey = key as keyof typeof typography;\n    baseTheme.typography[typographyKey] = {\n      ...baseTheme.typography[typographyKey],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme({\n    ...themeOptions,\n    typography: baseTheme.typography,\n    shape: {\n      borderRadius: 4,\n    },\n    customShadows: {\n      ...shadows,\n    },\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\n      MuiButton: buttonStyleOverrides(baseTheme),\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: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"skBAYA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,CACjCC,aACAC,QAAkB,UAATH,EAAmBI,EAAeC,EAC3CC,SACAC,YAAa,CACXC,OAAQC,IAGNC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,GAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,GAELC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAqB7B,GAChC8B,QAAS,CACPV,eAAgB,CACdC,KAAM,CACJU,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUP,QAAQ0C,WAIrCC,QAAS,CACPhB,eAAgB,CACdC,KAAM,CACJgB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBpB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACToB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa5C,EAAUP,QAAQiD,SAASG,OAAO,qBAKrEC,YAAa,CACX1B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BoB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb/B,aAAc,CACZgC,eAAgBC,QAObC,EAAa9D,EAA2B,SACxC+D,EAAY/D,EAA2B"}

package/dist/themes/theme.d.ts

@@ -203,12 +203,18 @@ declare module '@mui/material/styles' {
         };
     }
     interface Theme {
+        customShadows?: {
+            base: string;
+            sunken: string;
+            raised: string;
+            overlay: string;
+        };
         breakpoints: {
             up: (key: Breakpoint | number) => string;
             down: (key: Breakpoint | number) => string;
             only: (key: Breakpoint | number) => string;
         };
-        radius?: Record<RadiusToken, string>;
+        radius: Record<RadiusToken, string>;
     }
     interface BreakpointOverrides {
         base: true;
@@ -225,7 +231,13 @@ declare module '@mui/material/styles' {
         xxl: false;
     }
     interface ThemeOptions {
-        radius?: Record<RadiusToken, string>;
+        radius: Record<RadiusToken, string>;
+        customShadows?: {
+            base?: string;
+            sunken?: string;
+            raised?: string;
+            overlay?: string;
+        };
     }
     interface TypographyVariants {
         d1Strong: React.CSSProperties;

package/dist/themes/tokens/colours/colours-stories-utils.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),t=require("@mui/material/Grid2"),o=require("@mui/material/Stack"),i=require("@mui/material/styles"),s=require("@mui/material/Typography");const a=i.styled(r)((({theme:e,colour:r})=>({width:"100%",height:100,backgroundColor:r,borderRadius:e.shape.borderRadius,border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"],marginBottom:e.spacing(2)}))),n=({name:t,colour:o})=>e.jsxs(r,{sx:{textAlign:"center"},children:[e.jsx(a,{colour:o}),e.jsx(s,{variant:"caption",display:"block",children:t}),e.jsx(s,{variant:"caption",color:"text.secondary",display:"block",children:o})]}),l=i.styled(t)((()=>({width:800}))),d=i.styled(o,{shouldForwardProp:e=>"inverse"!==e})((({theme:e,inverse:r})=>({alignItems:"center",border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"],borderRadius:"100px",padding:"6px",marginBottom:"10px",...r&&{backgroundColor:e.palette.semantic.background["background-inverse"],color:e.palette.semantic.text["text-inverse-strong"]}}))),c=i.styled(r)((({theme:e,colour:r})=>({width:24,height:24,backgroundColor:r,borderRadius:"50%",marginRight:e.spacing(2),border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"]}))),m=i.styled(s)((({theme:e})=>({marginBottom:e.spacing(2),paddingBottom:e.spacing(1),borderBottom:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"]}))),p=i.styled(r)({display:"flex",flexDirection:"column"}),u=({name:r,colour:t})=>e.jsxs(d,{direction:"row",spacing:2,inverse:r.includes("inverse"),children:[e.jsx(c,{colour:t}),e.jsx(s,{variant:"body2",children:r})]});exports.PrimitiveColourSwatch=n,exports.StyledColourSwatch=a,exports.StyledGrid=l,exports.createColourPrimitiveStory=(r,o)=>({render:()=>o?e.jsx(l,{container:!0,spacing:3,children:Object.entries(o).sort((([e],[r])=>parseInt(r)-parseInt(e))).map((([o,i])=>e.jsx(t,{size:2,children:e.jsx(n,{name:`${r}-${o}`.toLowerCase(),colour:i})},o)))}):null}),exports.createSemanticColourStory=(r,t)=>({render:()=>t?e.jsxs(e.Fragment,{children:[e.jsx(m,{variant:"h6",children:r.toUpperCase()}),e.jsx(p,{children:Object.entries(t).map((([r,t])=>e.jsx(u,{name:r,colour:t},r)))})]}):null});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),o=require("@mui/material/Grid2"),t=require("@mui/material/Stack"),i=require("@mui/material/styles"),a=require("@mui/material/Typography");const s=i.styled(r)((({theme:e,colour:r})=>({width:"100%",height:100,backgroundColor:r,borderRadius:e.shape.borderRadius,border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"],marginBottom:e.spacing(2)}))),l=({name:o,colour:t})=>e.jsxs(r,{sx:{textAlign:"center"},children:[e.jsx(s,{colour:t}),e.jsx(a,{display:"block",variant:"caption",children:o}),e.jsx(a,{color:"text.secondary",display:"block",variant:"caption",children:t})]}),n=i.styled(o)((()=>({width:800}))),d=i.styled(t,{shouldForwardProp:e=>"inverse"!==e})((({theme:e,inverse:r})=>({alignItems:"center",border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"],borderRadius:"100px",padding:"6px",marginBottom:"10px",...r&&{backgroundColor:e.palette.semantic.background["background-inverse"],color:e.palette.semantic.text["text-inverse-strong"]}}))),c=i.styled(r)((({theme:e,colour:r})=>({width:24,height:24,backgroundColor:r,borderRadius:"50%",marginRight:e.spacing(2),border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"]}))),m=i.styled(a)((({theme:e})=>({marginBottom:e.spacing(2),paddingBottom:e.spacing(1),borderBottom:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"]}))),p=i.styled(r)({display:"flex",flexDirection:"column"}),u=({name:r,colour:o})=>e.jsxs(d,{direction:"row",inverse:r.includes("inverse"),spacing:2,children:[e.jsx(c,{colour:o}),e.jsx(a,{variant:"body2",children:r})]});exports.PrimitiveColourSwatch=l,exports.StyledColourSwatch=s,exports.StyledGrid=n,exports.createColourPrimitiveStory=(t,i)=>({render:()=>i?e.jsx(n,{container:!0,spacing:3,children:Object.entries(i).sort((([e],[r])=>parseInt(r)-parseInt(e))).map((([r,i])=>e.jsx(o,{size:2,children:e.jsx(l,{colour:i,name:`${t}-${r}`.toLowerCase()})},r)))}):e.jsx(r,{children:"No colors available"})}),exports.createSemanticColourStory=(o,t)=>({render:()=>t?e.jsxs(e.Fragment,{children:[e.jsx(m,{variant:"h6",children:o.toUpperCase()}),e.jsx(p,{children:Object.entries(t).map((([r,o])=>e.jsx(u,{colour:o,name:r},r)))})]}):e.jsx(r,{children:"No colors available"})});
 //# sourceMappingURL=colours-stories-utils.cjs.js.map

package/dist/themes/tokens/colours/colours-stories-utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"colours-stories-utils.cjs.js","sources":["../../../../src/themes/tokens/colours/colours-stories-utils.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid2';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const StyledColourSwatch = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n    width: '100%',\n    height: 100,\n    backgroundColor: colour,\n    borderRadius: theme.shape.borderRadius,\n    border: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n    marginBottom: theme.spacing(2),\n}));\n\nexport const PrimitiveColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n    <Box sx={{ textAlign: 'center' }}>\n        <StyledColourSwatch colour={colour} />\n        <Typography variant=\"caption\" display=\"block\">\n            {name}\n        </Typography>\n        <Typography variant=\"caption\" color=\"text.secondary\" display=\"block\">\n            {colour}\n        </Typography>\n    </Box>\n);\n\nexport const StyledGrid = styled(Grid)(() => ({\n    width: 800,\n}));\n\n// Helper function to create colour primitive stories\nexport const createColourPrimitiveStory = (colourGroup: string, colourObject: Record<string, string>) => {\n    return {\n        render: () => {\n            if (!colourObject) return null;\n\n            return (\n                <StyledGrid container spacing={3}>\n                    {Object.entries(colourObject)\n                        .sort(([a], [b]) => parseInt(b) - parseInt(a))\n                        .map(([shade, colour]) => (\n                            <Grid size={2} key={shade}>\n                                <PrimitiveColourSwatch name={`${colourGroup}-${shade}`.toLowerCase()} colour={colour} />\n                            </Grid>\n                        ))}\n                </StyledGrid>\n            );\n        },\n    };\n};\n\nconst StyledStack = styled(Stack, {\n    shouldForwardProp: (prop) => prop !== 'inverse',\n})<{ inverse: boolean }>(({ theme, inverse }) => ({\n    alignItems: 'center',\n    border: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n    borderRadius: '100px',\n    padding: '6px',\n    marginBottom: '10px',\n    ...(inverse && {\n        backgroundColor: theme.palette.semantic.background['background-inverse'],\n        color: theme.palette.semantic.text['text-inverse-strong'],\n    }),\n}));\n\nconst StyledColourBox = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n    width: 24,\n    height: 24,\n    backgroundColor: colour,\n    borderRadius: '50%',\n    marginRight: theme.spacing(2),\n    border: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledCategoryTitle = styled(Typography)(({ theme }) => ({\n    marginBottom: theme.spacing(2),\n    paddingBottom: theme.spacing(1),\n    borderBottom: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledColourContainer = styled(Box)({\n    display: 'flex',\n    flexDirection: 'column',\n});\n\nconst SemanticColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n    <StyledStack direction=\"row\" spacing={2} inverse={name.includes('inverse')}>\n        <StyledColourBox colour={colour} />\n        <Typography variant=\"body2\">{name}</Typography>\n    </StyledStack>\n);\n\n// Helper function to create semantic colour stories\nexport const createSemanticColourStory = (category: string, colourObject: Record<string, string>) => {\n    return {\n        render: () => {\n            if (!colourObject) return null;\n\n            return (\n                <>\n                    <StyledCategoryTitle variant=\"h6\">{category.toUpperCase()}</StyledCategoryTitle>\n                    <StyledColourContainer>\n                        {Object.entries(colourObject).map(([name, colour]) => (\n                            <SemanticColourSwatch key={name} name={name} colour={colour} />\n                        ))}\n                    </StyledColourContainer>\n                </>\n            );\n        },\n    };\n};\n"],"names":["StyledColourSwatch","styled","Box","theme","colour","width","height","backgroundColor","borderRadius","shape","border","borderColor","palette","semantic","stroke","marginBottom","spacing","PrimitiveColourSwatch","name","_jsxs","sx","textAlign","children","_jsx","Typography","variant","display","color","StyledGrid","Grid","StyledStack","Stack","shouldForwardProp","prop","inverse","alignItems","padding","background","text","StyledColourBox","marginRight","StyledCategoryTitle","paddingBottom","borderBottom","StyledColourContainer","flexDirection","SemanticColourSwatch","direction","includes","jsx","colourGroup","colourObject","render","container","Object","entries","sort","a","b","parseInt","map","shade","size","toLowerCase","category","_Fragment","toUpperCase"],"mappings":"yNAMa,MAAAA,EAAqBC,EAAMA,OAACC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CACtFC,MAAO,OACPC,OAAQ,IACRC,gBAAiBH,EACjBI,aAAcL,EAAMM,MAAMD,aAC1BE,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CC,aAAcZ,EAAMa,QAAQ,OAGnBC,EAAwB,EAAGC,OAAMd,YAC1Ce,EAAAA,KAACjB,EAAG,CAACkB,GAAI,CAAEC,UAAW,UAClBC,SAAA,CAAAC,MAACvB,EAAkB,CAACI,OAAQA,IAC5BmB,MAACC,EAAW,CAAAC,QAAQ,UAAUC,QAAQ,QACjCJ,SAAAJ,IAELK,MAACC,EAAU,CAACC,QAAQ,UAAUE,MAAM,iBAAiBD,QAAQ,QACxDJ,SAAAlB,OAKAwB,EAAa3B,EAAAA,OAAO4B,EAAP5B,EAAa,KAAO,CAC1CI,MAAO,QAwBLyB,EAAc7B,EAAMA,OAAC8B,EAAO,CAC9BC,kBAAoBC,GAAkB,YAATA,GADbhC,EAEK,EAAGE,QAAO+B,cAAe,CAC9CC,WAAY,SACZzB,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CN,aAAc,QACd4B,QAAS,MACTrB,aAAc,UACVmB,GAAW,CACX3B,gBAAiBJ,EAAMS,QAAQC,SAASwB,WAAW,sBACnDV,MAAOxB,EAAMS,QAAQC,SAASyB,KAAK,4BAIrCC,EAAkBtC,EAAMA,OAACC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CAC5EC,MAAO,GACPC,OAAQ,GACRC,gBAAiBH,EACjBI,aAAc,MACdgC,YAAarC,EAAMa,QAAQ,GAC3BN,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGzC2B,EAAsBxC,EAAAA,OAAOuB,EAAPvB,EAAmB,EAAGE,YAAa,CAC3DY,aAAcZ,EAAMa,QAAQ,GAC5B0B,cAAevC,EAAMa,QAAQ,GAC7B2B,aAAc,YACdhC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGzC8B,EAAwB3C,EAAAA,OAAOC,EAAPD,CAAY,CACtCyB,QAAS,OACTmB,cAAe,WAGbC,EAAuB,EAAG5B,OAAMd,YAClCe,EAAAA,KAACW,EAAY,CAAAiB,UAAU,MAAM/B,QAAS,EAAGkB,QAAShB,EAAK8B,SAAS,WAAU1B,SAAA,CACtEC,EAAAA,IAACgB,EAAe,CAACnC,OAAQA,IACzBmB,EAAC0B,IAAAzB,EAAW,CAAAC,QAAQ,iBAASP,4HA5DK,CAACgC,EAAqBC,KACrD,CACHC,OAAQ,IACCD,EAGD5B,MAACK,EAAU,CAACyB,WAAU,EAAArC,QAAS,WAC1BsC,OAAOC,QAAQJ,GACXK,MAAK,EAAEC,IAAKC,KAAOC,SAASD,GAAKC,SAASF,KAC1CG,KAAI,EAAEC,EAAOzD,KACVmB,EAAAA,IAACM,EAAK,CAAAiC,KAAM,EAACxC,SACTC,MAACN,EAAqB,CAACC,KAAM,GAAGgC,KAAeW,IAAQE,cAAe3D,OAAQA,KAD9DyD,OAPV,yCA8DG,CAACG,EAAkBb,KACjD,CACHC,OAAQ,IACCD,EAGDhC,EAAAA,KACI8C,EAAAA,SAAA,CAAA3C,SAAA,CAAAC,MAACkB,EAAmB,CAAChB,QAAQ,KAAMH,SAAA0C,EAASE,gBAC5C3C,EAAAA,IAACqB,EACI,CAAAtB,SAAAgC,OAAOC,QAAQJ,GAAcS,KAAI,EAAE1C,EAAMd,KACtCmB,EAAA0B,IAACH,EAAoB,CAAY5B,KAAMA,EAAMd,OAAQA,GAA1Bc,UAPjB"}
+{"version":3,"file":"colours-stories-utils.cjs.js","sources":["../../../../src/themes/tokens/colours/colours-stories-utils.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid2';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const StyledColourSwatch = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n  width: '100%',\n  height: 100,\n  backgroundColor: colour,\n  borderRadius: theme.shape.borderRadius,\n  border: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n  marginBottom: theme.spacing(2),\n}));\n\nexport const PrimitiveColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n  <Box sx={{ textAlign: 'center' }}>\n    <StyledColourSwatch colour={colour} />\n    <Typography display=\"block\" variant=\"caption\">\n      {name}\n    </Typography>\n    <Typography color=\"text.secondary\" display=\"block\" variant=\"caption\">\n      {colour}\n    </Typography>\n  </Box>\n);\n\nexport const StyledGrid = styled(Grid)(() => ({\n  width: 800,\n}));\n\n// Helper function to create colour primitive stories\nexport const createColourPrimitiveStory = (colourGroup: string, colourObject: Record<string, string>) => {\n  return {\n    render: () => {\n      if (!colourObject) return <Box>No colors available</Box>;\n\n      return (\n        <StyledGrid container spacing={3}>\n          {Object.entries(colourObject)\n            .sort(([a], [b]) => parseInt(b) - parseInt(a))\n            .map(([shade, colour]) => (\n              <Grid key={shade} size={2}>\n                <PrimitiveColourSwatch colour={colour} name={`${colourGroup}-${shade}`.toLowerCase()} />\n              </Grid>\n            ))}\n        </StyledGrid>\n      );\n    },\n  };\n};\n\nconst StyledStack = styled(Stack, {\n  shouldForwardProp: (prop) => prop !== 'inverse',\n})<{ inverse: boolean }>(({ theme, inverse }) => ({\n  alignItems: 'center',\n  border: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n  borderRadius: '100px',\n  padding: '6px',\n  marginBottom: '10px',\n  ...(inverse && {\n    backgroundColor: theme.palette.semantic.background['background-inverse'],\n    color: theme.palette.semantic.text['text-inverse-strong'],\n  }),\n}));\n\nconst StyledColourBox = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n  width: 24,\n  height: 24,\n  backgroundColor: colour,\n  borderRadius: '50%',\n  marginRight: theme.spacing(2),\n  border: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledCategoryTitle = styled(Typography)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n  paddingBottom: theme.spacing(1),\n  borderBottom: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledColourContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nconst SemanticColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n  <StyledStack direction=\"row\" inverse={name.includes('inverse')} spacing={2}>\n    <StyledColourBox colour={colour} />\n    <Typography variant=\"body2\">{name}</Typography>\n  </StyledStack>\n);\n\n// Helper function to create semantic colour stories\nexport const createSemanticColourStory = (category: string, colourObject: Record<string, string>) => {\n  return {\n    render: () => {\n      if (!colourObject) return <Box>No colors available</Box>;\n\n      return (\n        <>\n          <StyledCategoryTitle variant=\"h6\">{category.toUpperCase()}</StyledCategoryTitle>\n          <StyledColourContainer>\n            {Object.entries(colourObject).map(([name, colour]) => (\n              <SemanticColourSwatch key={name} colour={colour} name={name} />\n            ))}\n          </StyledColourContainer>\n        </>\n      );\n    },\n  };\n};\n"],"names":["StyledColourSwatch","styled","Box","theme","colour","width","height","backgroundColor","borderRadius","shape","border","borderColor","palette","semantic","stroke","marginBottom","spacing","PrimitiveColourSwatch","name","_jsxs","sx","textAlign","children","_jsx","Typography","display","variant","color","StyledGrid","Grid","StyledStack","Stack","shouldForwardProp","prop","inverse","alignItems","padding","background","text","StyledColourBox","marginRight","StyledCategoryTitle","paddingBottom","borderBottom","StyledColourContainer","flexDirection","SemanticColourSwatch","direction","includes","jsx","colourGroup","colourObject","render","container","Object","entries","sort","a","b","parseInt","map","shade","size","toLowerCase","category","_Fragment","toUpperCase"],"mappings":"yNAMa,MAAAA,EAAqBC,EAAMA,OAACC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CACxFC,MAAO,OACPC,OAAQ,IACRC,gBAAiBH,EACjBI,aAAcL,EAAMM,MAAMD,aAC1BE,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CC,aAAcZ,EAAMa,QAAQ,OAGjBC,EAAwB,EAAGC,OAAMd,YAC5Ce,EAAAA,KAACjB,EAAG,CAACkB,GAAI,CAAEC,UAAW,UACpBC,SAAA,CAAAC,MAACvB,EAAkB,CAACI,OAAQA,IAC5BmB,MAACC,EAAW,CAAAC,QAAQ,QAAQC,QAAQ,UACjCJ,SAAAJ,IAEHK,MAACC,EAAU,CAACG,MAAM,iBAAiBF,QAAQ,QAAQC,QAAQ,UACxDJ,SAAAlB,OAKMwB,EAAa3B,EAAAA,OAAO4B,EAAP5B,EAAa,KAAO,CAC5CI,MAAO,QAwBHyB,EAAc7B,EAAMA,OAAC8B,EAAO,CAChCC,kBAAoBC,GAAkB,YAATA,GADXhC,EAEK,EAAGE,QAAO+B,cAAe,CAChDC,WAAY,SACZzB,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CN,aAAc,QACd4B,QAAS,MACTrB,aAAc,UACVmB,GAAW,CACb3B,gBAAiBJ,EAAMS,QAAQC,SAASwB,WAAW,sBACnDV,MAAOxB,EAAMS,QAAQC,SAASyB,KAAK,4BAIjCC,EAAkBtC,EAAMA,OAACC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CAC9EC,MAAO,GACPC,OAAQ,GACRC,gBAAiBH,EACjBI,aAAc,MACdgC,YAAarC,EAAMa,QAAQ,GAC3BN,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGvC2B,EAAsBxC,EAAAA,OAAOuB,EAAPvB,EAAmB,EAAGE,YAAa,CAC7DY,aAAcZ,EAAMa,QAAQ,GAC5B0B,cAAevC,EAAMa,QAAQ,GAC7B2B,aAAc,YACdhC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGvC8B,EAAwB3C,EAAAA,OAAOC,EAAPD,CAAY,CACxCwB,QAAS,OACToB,cAAe,WAGXC,EAAuB,EAAG5B,OAAMd,YACpCe,EAAAA,KAACW,EAAY,CAAAiB,UAAU,MAAMb,QAAShB,EAAK8B,SAAS,WAAYhC,QAAS,EAACM,SAAA,CACxEC,EAAAA,IAACgB,EAAe,CAACnC,OAAQA,IACzBmB,EAAC0B,IAAAzB,EAAW,CAAAE,QAAQ,iBAASR,4HA5DS,CAACgC,EAAqBC,KACvD,CACLC,OAAQ,IACDD,EAGH5B,MAACK,EAAU,CAACyB,WAAU,EAAArC,QAAS,WAC5BsC,OAAOC,QAAQJ,GACbK,MAAK,EAAEC,IAAKC,KAAOC,SAASD,GAAKC,SAASF,KAC1CG,KAAI,EAAEC,EAAOzD,KACZmB,EAAAA,IAACM,EAAiB,CAAAiC,KAAM,EAACxC,SACvBC,MAACN,EAAqB,CAACb,OAAQA,EAAQc,KAAM,GAAGgC,KAAeW,IAAQE,iBAD9DF,OAPOtC,EAAA0B,IAAC/C,EAAG,CAAAoB,SAAA,4DA8DK,CAAC0C,EAAkBb,KACnD,CACLC,OAAQ,IACDD,EAGHhC,EAAAA,KACE8C,EAAAA,SAAA,CAAA3C,SAAA,CAAAC,MAACkB,EAAmB,CAACf,QAAQ,KAAMJ,SAAA0C,EAASE,gBAC5C3C,EAAAA,IAACqB,EACE,CAAAtB,SAAAgC,OAAOC,QAAQJ,GAAcS,KAAI,EAAE1C,EAAMd,KACxCmB,EAAA0B,IAACH,EAAoB,CAAY1C,OAAQA,EAAQc,KAAMA,GAA5BA,UAPTK,EAAA0B,IAAC/C,EAAG,CAAAoB,SAAA"}

package/dist/themes/tokens/colours/colours-stories-utils.js

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as e,Fragment as o}from"react/jsx-runtime";import t from"@mui/material/Box";import i from"@mui/material/Grid2";import a from"@mui/material/Stack";import{styled as n}from"@mui/material/styles";import l from"@mui/material/Typography";const s=n(t)((({theme:r,colour:e})=>({width:"100%",height:100,backgroundColor:e,borderRadius:r.shape.borderRadius,border:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"],marginBottom:r.spacing(2)}))),c=({name:o,colour:i})=>r(t,{sx:{textAlign:"center"},children:[e(s,{colour:i}),e(l,{variant:"caption",display:"block",children:o}),e(l,{variant:"caption",color:"text.secondary",display:"block",children:i})]}),d=n(i)((()=>({width:800}))),m=(r,o)=>({render:()=>o?e(d,{container:!0,spacing:3,children:Object.entries(o).sort((([r],[e])=>parseInt(e)-parseInt(r))).map((([o,t])=>e(i,{size:2,children:e(c,{name:`${r}-${o}`.toLowerCase(),colour:t})},o)))}):null}),p=n(a,{shouldForwardProp:r=>"inverse"!==r})((({theme:r,inverse:e})=>({alignItems:"center",border:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"],borderRadius:"100px",padding:"6px",marginBottom:"10px",...e&&{backgroundColor:r.palette.semantic.background["background-inverse"],color:r.palette.semantic.text["text-inverse-strong"]}}))),u=n(t)((({theme:r,colour:e})=>({width:24,height:24,backgroundColor:e,borderRadius:"50%",marginRight:r.spacing(2),border:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"]}))),h=n(l)((({theme:r})=>({marginBottom:r.spacing(2),paddingBottom:r.spacing(1),borderBottom:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"]}))),g=n(t)({display:"flex",flexDirection:"column"}),b=({name:o,colour:t})=>r(p,{direction:"row",spacing:2,inverse:o.includes("inverse"),children:[e(u,{colour:t}),e(l,{variant:"body2",children:o})]}),k=(t,i)=>({render:()=>i?r(o,{children:[e(h,{variant:"h6",children:t.toUpperCase()}),e(g,{children:Object.entries(i).map((([r,o])=>e(b,{name:r,colour:o},r)))})]}):null});export{c as PrimitiveColourSwatch,s as StyledColourSwatch,d as StyledGrid,m as createColourPrimitiveStory,k as createSemanticColourStory};
+import{jsxs as r,jsx as e,Fragment as o}from"react/jsx-runtime";import t from"@mui/material/Box";import i from"@mui/material/Grid2";import a from"@mui/material/Stack";import{styled as n}from"@mui/material/styles";import l from"@mui/material/Typography";const c=n(t)((({theme:r,colour:e})=>({width:"100%",height:100,backgroundColor:e,borderRadius:r.shape.borderRadius,border:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"],marginBottom:r.spacing(2)}))),s=({name:o,colour:i})=>r(t,{sx:{textAlign:"center"},children:[e(c,{colour:i}),e(l,{display:"block",variant:"caption",children:o}),e(l,{color:"text.secondary",display:"block",variant:"caption",children:i})]}),d=n(i)((()=>({width:800}))),m=(r,o)=>({render:()=>o?e(d,{container:!0,spacing:3,children:Object.entries(o).sort((([r],[e])=>parseInt(e)-parseInt(r))).map((([o,t])=>e(i,{size:2,children:e(s,{colour:t,name:`${r}-${o}`.toLowerCase()})},o)))}):e(t,{children:"No colors available"})}),p=n(a,{shouldForwardProp:r=>"inverse"!==r})((({theme:r,inverse:e})=>({alignItems:"center",border:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"],borderRadius:"100px",padding:"6px",marginBottom:"10px",...e&&{backgroundColor:r.palette.semantic.background["background-inverse"],color:r.palette.semantic.text["text-inverse-strong"]}}))),h=n(t)((({theme:r,colour:e})=>({width:24,height:24,backgroundColor:e,borderRadius:"50%",marginRight:r.spacing(2),border:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"]}))),u=n(l)((({theme:r})=>({marginBottom:r.spacing(2),paddingBottom:r.spacing(1),borderBottom:"1px solid",borderColor:r.palette.semantic.stroke["stroke-weak"]}))),b=n(t)({display:"flex",flexDirection:"column"}),g=({name:o,colour:t})=>r(p,{direction:"row",inverse:o.includes("inverse"),spacing:2,children:[e(h,{colour:t}),e(l,{variant:"body2",children:o})]}),k=(i,a)=>({render:()=>a?r(o,{children:[e(u,{variant:"h6",children:i.toUpperCase()}),e(b,{children:Object.entries(a).map((([r,o])=>e(g,{colour:o,name:r},r)))})]}):e(t,{children:"No colors available"})});export{s as PrimitiveColourSwatch,c as StyledColourSwatch,d as StyledGrid,m as createColourPrimitiveStory,k as createSemanticColourStory};
 //# sourceMappingURL=colours-stories-utils.js.map

package/dist/themes/tokens/colours/colours-stories-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colours-stories-utils.js","sources":["../../../../src/themes/tokens/colours/colours-stories-utils.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid2';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const StyledColourSwatch = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n    width: '100%',\n    height: 100,\n    backgroundColor: colour,\n    borderRadius: theme.shape.borderRadius,\n    border: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n    marginBottom: theme.spacing(2),\n}));\n\nexport const PrimitiveColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n    <Box sx={{ textAlign: 'center' }}>\n        <StyledColourSwatch colour={colour} />\n        <Typography variant=\"caption\" display=\"block\">\n            {name}\n        </Typography>\n        <Typography variant=\"caption\" color=\"text.secondary\" display=\"block\">\n            {colour}\n        </Typography>\n    </Box>\n);\n\nexport const StyledGrid = styled(Grid)(() => ({\n    width: 800,\n}));\n\n// Helper function to create colour primitive stories\nexport const createColourPrimitiveStory = (colourGroup: string, colourObject: Record<string, string>) => {\n    return {\n        render: () => {\n            if (!colourObject) return null;\n\n            return (\n                <StyledGrid container spacing={3}>\n                    {Object.entries(colourObject)\n                        .sort(([a], [b]) => parseInt(b) - parseInt(a))\n                        .map(([shade, colour]) => (\n                            <Grid size={2} key={shade}>\n                                <PrimitiveColourSwatch name={`${colourGroup}-${shade}`.toLowerCase()} colour={colour} />\n                            </Grid>\n                        ))}\n                </StyledGrid>\n            );\n        },\n    };\n};\n\nconst StyledStack = styled(Stack, {\n    shouldForwardProp: (prop) => prop !== 'inverse',\n})<{ inverse: boolean }>(({ theme, inverse }) => ({\n    alignItems: 'center',\n    border: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n    borderRadius: '100px',\n    padding: '6px',\n    marginBottom: '10px',\n    ...(inverse && {\n        backgroundColor: theme.palette.semantic.background['background-inverse'],\n        color: theme.palette.semantic.text['text-inverse-strong'],\n    }),\n}));\n\nconst StyledColourBox = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n    width: 24,\n    height: 24,\n    backgroundColor: colour,\n    borderRadius: '50%',\n    marginRight: theme.spacing(2),\n    border: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledCategoryTitle = styled(Typography)(({ theme }) => ({\n    marginBottom: theme.spacing(2),\n    paddingBottom: theme.spacing(1),\n    borderBottom: '1px solid',\n    borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledColourContainer = styled(Box)({\n    display: 'flex',\n    flexDirection: 'column',\n});\n\nconst SemanticColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n    <StyledStack direction=\"row\" spacing={2} inverse={name.includes('inverse')}>\n        <StyledColourBox colour={colour} />\n        <Typography variant=\"body2\">{name}</Typography>\n    </StyledStack>\n);\n\n// Helper function to create semantic colour stories\nexport const createSemanticColourStory = (category: string, colourObject: Record<string, string>) => {\n    return {\n        render: () => {\n            if (!colourObject) return null;\n\n            return (\n                <>\n                    <StyledCategoryTitle variant=\"h6\">{category.toUpperCase()}</StyledCategoryTitle>\n                    <StyledColourContainer>\n                        {Object.entries(colourObject).map(([name, colour]) => (\n                            <SemanticColourSwatch key={name} name={name} colour={colour} />\n                        ))}\n                    </StyledColourContainer>\n                </>\n            );\n        },\n    };\n};\n"],"names":["StyledColourSwatch","styled","Box","theme","colour","width","height","backgroundColor","borderRadius","shape","border","borderColor","palette","semantic","stroke","marginBottom","spacing","PrimitiveColourSwatch","name","_jsxs","sx","textAlign","children","_jsx","Typography","variant","display","color","StyledGrid","Grid","createColourPrimitiveStory","colourGroup","colourObject","render","container","Object","entries","sort","a","b","parseInt","map","shade","size","toLowerCase","StyledStack","Stack","shouldForwardProp","prop","inverse","alignItems","padding","background","text","StyledColourBox","marginRight","StyledCategoryTitle","paddingBottom","borderBottom","StyledColourContainer","flexDirection","SemanticColourSwatch","direction","includes","createSemanticColourStory","category","_Fragment","toUpperCase"],"mappings":"6PAMa,MAAAA,EAAqBC,EAAOC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CACtFC,MAAO,OACPC,OAAQ,IACRC,gBAAiBH,EACjBI,aAAcL,EAAMM,MAAMD,aAC1BE,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CC,aAAcZ,EAAMa,QAAQ,OAGnBC,EAAwB,EAAGC,OAAMd,YAC1Ce,EAACjB,EAAG,CAACkB,GAAI,CAAEC,UAAW,UAClBC,SAAA,CAAAC,EAACvB,EAAkB,CAACI,OAAQA,IAC5BmB,EAACC,EAAW,CAAAC,QAAQ,UAAUC,QAAQ,QACjCJ,SAAAJ,IAELK,EAACC,EAAU,CAACC,QAAQ,UAAUE,MAAM,iBAAiBD,QAAQ,QACxDJ,SAAAlB,OAKAwB,EAAa3B,EAAO4B,EAAP5B,EAAa,KAAO,CAC1CI,MAAO,QAIEyB,EAA6B,CAACC,EAAqBC,KACrD,CACHC,OAAQ,IACCD,EAGDT,EAACK,EAAU,CAACM,WAAU,EAAAlB,QAAS,WAC1BmB,OAAOC,QAAQJ,GACXK,MAAK,EAAEC,IAAKC,KAAOC,SAASD,GAAKC,SAASF,KAC1CG,KAAI,EAAEC,EAAOtC,KACVmB,EAACM,EAAK,CAAAc,KAAM,EAACrB,SACTC,EAACN,EAAqB,CAACC,KAAM,GAAGa,KAAeW,IAAQE,cAAexC,OAAQA,KAD9DsC,OAPV,OAiBhCG,EAAc5C,EAAO6C,EAAO,CAC9BC,kBAAoBC,GAAkB,YAATA,GADb/C,EAEK,EAAGE,QAAO8C,cAAe,CAC9CC,WAAY,SACZxC,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CN,aAAc,QACd2C,QAAS,MACTpC,aAAc,UACVkC,GAAW,CACX1C,gBAAiBJ,EAAMS,QAAQC,SAASuC,WAAW,sBACnDzB,MAAOxB,EAAMS,QAAQC,SAASwC,KAAK,4BAIrCC,EAAkBrD,EAAOC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CAC5EC,MAAO,GACPC,OAAQ,GACRC,gBAAiBH,EACjBI,aAAc,MACd+C,YAAapD,EAAMa,QAAQ,GAC3BN,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGzC0C,EAAsBvD,EAAOuB,EAAPvB,EAAmB,EAAGE,YAAa,CAC3DY,aAAcZ,EAAMa,QAAQ,GAC5ByC,cAAetD,EAAMa,QAAQ,GAC7B0C,aAAc,YACd/C,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGzC6C,EAAwB1D,EAAOC,EAAPD,CAAY,CACtCyB,QAAS,OACTkC,cAAe,WAGbC,EAAuB,EAAG3C,OAAMd,YAClCe,EAAC0B,EAAY,CAAAiB,UAAU,MAAM9C,QAAS,EAAGiC,QAAS/B,EAAK6C,SAAS,WAAUzC,SAAA,CACtEC,EAAC+B,EAAe,CAAClD,OAAQA,IACzBmB,EAACC,EAAW,CAAAC,QAAQ,iBAASP,OAKxB8C,EAA4B,CAACC,EAAkBjC,KACjD,CACHC,OAAQ,IACCD,EAGDb,EACI+C,EAAA,CAAA5C,SAAA,CAAAC,EAACiC,EAAmB,CAAC/B,QAAQ,KAAMH,SAAA2C,EAASE,gBAC5C5C,EAACoC,EACI,CAAArC,SAAAa,OAAOC,QAAQJ,GAAcS,KAAI,EAAEvB,EAAMd,KACtCmB,EAACsC,EAAoB,CAAY3C,KAAMA,EAAMd,OAAQA,GAA1Bc,UAPjB"}
+{"version":3,"file":"colours-stories-utils.js","sources":["../../../../src/themes/tokens/colours/colours-stories-utils.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid2';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const StyledColourSwatch = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n  width: '100%',\n  height: 100,\n  backgroundColor: colour,\n  borderRadius: theme.shape.borderRadius,\n  border: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n  marginBottom: theme.spacing(2),\n}));\n\nexport const PrimitiveColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n  <Box sx={{ textAlign: 'center' }}>\n    <StyledColourSwatch colour={colour} />\n    <Typography display=\"block\" variant=\"caption\">\n      {name}\n    </Typography>\n    <Typography color=\"text.secondary\" display=\"block\" variant=\"caption\">\n      {colour}\n    </Typography>\n  </Box>\n);\n\nexport const StyledGrid = styled(Grid)(() => ({\n  width: 800,\n}));\n\n// Helper function to create colour primitive stories\nexport const createColourPrimitiveStory = (colourGroup: string, colourObject: Record<string, string>) => {\n  return {\n    render: () => {\n      if (!colourObject) return <Box>No colors available</Box>;\n\n      return (\n        <StyledGrid container spacing={3}>\n          {Object.entries(colourObject)\n            .sort(([a], [b]) => parseInt(b) - parseInt(a))\n            .map(([shade, colour]) => (\n              <Grid key={shade} size={2}>\n                <PrimitiveColourSwatch colour={colour} name={`${colourGroup}-${shade}`.toLowerCase()} />\n              </Grid>\n            ))}\n        </StyledGrid>\n      );\n    },\n  };\n};\n\nconst StyledStack = styled(Stack, {\n  shouldForwardProp: (prop) => prop !== 'inverse',\n})<{ inverse: boolean }>(({ theme, inverse }) => ({\n  alignItems: 'center',\n  border: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n  borderRadius: '100px',\n  padding: '6px',\n  marginBottom: '10px',\n  ...(inverse && {\n    backgroundColor: theme.palette.semantic.background['background-inverse'],\n    color: theme.palette.semantic.text['text-inverse-strong'],\n  }),\n}));\n\nconst StyledColourBox = styled(Box)<{ colour: string }>(({ theme, colour }) => ({\n  width: 24,\n  height: 24,\n  backgroundColor: colour,\n  borderRadius: '50%',\n  marginRight: theme.spacing(2),\n  border: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledCategoryTitle = styled(Typography)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n  paddingBottom: theme.spacing(1),\n  borderBottom: '1px solid',\n  borderColor: theme.palette.semantic.stroke['stroke-weak'],\n}));\n\nconst StyledColourContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nconst SemanticColourSwatch = ({ name, colour }: { name: string; colour: string }) => (\n  <StyledStack direction=\"row\" inverse={name.includes('inverse')} spacing={2}>\n    <StyledColourBox colour={colour} />\n    <Typography variant=\"body2\">{name}</Typography>\n  </StyledStack>\n);\n\n// Helper function to create semantic colour stories\nexport const createSemanticColourStory = (category: string, colourObject: Record<string, string>) => {\n  return {\n    render: () => {\n      if (!colourObject) return <Box>No colors available</Box>;\n\n      return (\n        <>\n          <StyledCategoryTitle variant=\"h6\">{category.toUpperCase()}</StyledCategoryTitle>\n          <StyledColourContainer>\n            {Object.entries(colourObject).map(([name, colour]) => (\n              <SemanticColourSwatch key={name} colour={colour} name={name} />\n            ))}\n          </StyledColourContainer>\n        </>\n      );\n    },\n  };\n};\n"],"names":["StyledColourSwatch","styled","Box","theme","colour","width","height","backgroundColor","borderRadius","shape","border","borderColor","palette","semantic","stroke","marginBottom","spacing","PrimitiveColourSwatch","name","_jsxs","sx","textAlign","children","_jsx","Typography","display","variant","color","StyledGrid","Grid","createColourPrimitiveStory","colourGroup","colourObject","render","container","Object","entries","sort","a","b","parseInt","map","shade","size","toLowerCase","StyledStack","Stack","shouldForwardProp","prop","inverse","alignItems","padding","background","text","StyledColourBox","marginRight","StyledCategoryTitle","paddingBottom","borderBottom","StyledColourContainer","flexDirection","SemanticColourSwatch","direction","includes","createSemanticColourStory","category","_Fragment","toUpperCase"],"mappings":"6PAMa,MAAAA,EAAqBC,EAAOC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CACxFC,MAAO,OACPC,OAAQ,IACRC,gBAAiBH,EACjBI,aAAcL,EAAMM,MAAMD,aAC1BE,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CC,aAAcZ,EAAMa,QAAQ,OAGjBC,EAAwB,EAAGC,OAAMd,YAC5Ce,EAACjB,EAAG,CAACkB,GAAI,CAAEC,UAAW,UACpBC,SAAA,CAAAC,EAACvB,EAAkB,CAACI,OAAQA,IAC5BmB,EAACC,EAAW,CAAAC,QAAQ,QAAQC,QAAQ,UACjCJ,SAAAJ,IAEHK,EAACC,EAAU,CAACG,MAAM,iBAAiBF,QAAQ,QAAQC,QAAQ,UACxDJ,SAAAlB,OAKMwB,EAAa3B,EAAO4B,EAAP5B,EAAa,KAAO,CAC5CI,MAAO,QAIIyB,EAA6B,CAACC,EAAqBC,KACvD,CACLC,OAAQ,IACDD,EAGHT,EAACK,EAAU,CAACM,WAAU,EAAAlB,QAAS,WAC5BmB,OAAOC,QAAQJ,GACbK,MAAK,EAAEC,IAAKC,KAAOC,SAASD,GAAKC,SAASF,KAC1CG,KAAI,EAAEC,EAAOtC,KACZmB,EAACM,EAAiB,CAAAc,KAAM,EAACrB,SACvBC,EAACN,EAAqB,CAACb,OAAQA,EAAQc,KAAM,GAAGa,KAAeW,IAAQE,iBAD9DF,OAPOnB,EAACrB,EAAG,CAAAoB,SAAA,0BAiB9BuB,EAAc5C,EAAO6C,EAAO,CAChCC,kBAAoBC,GAAkB,YAATA,GADX/C,EAEK,EAAGE,QAAO8C,cAAe,CAChDC,WAAY,SACZxC,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,eAC3CN,aAAc,QACd2C,QAAS,MACTpC,aAAc,UACVkC,GAAW,CACb1C,gBAAiBJ,EAAMS,QAAQC,SAASuC,WAAW,sBACnDzB,MAAOxB,EAAMS,QAAQC,SAASwC,KAAK,4BAIjCC,EAAkBrD,EAAOC,EAAPD,EAAgC,EAAGE,QAAOC,aAAc,CAC9EC,MAAO,GACPC,OAAQ,GACRC,gBAAiBH,EACjBI,aAAc,MACd+C,YAAapD,EAAMa,QAAQ,GAC3BN,OAAQ,YACRC,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGvC0C,EAAsBvD,EAAOuB,EAAPvB,EAAmB,EAAGE,YAAa,CAC7DY,aAAcZ,EAAMa,QAAQ,GAC5ByC,cAAetD,EAAMa,QAAQ,GAC7B0C,aAAc,YACd/C,YAAaR,EAAMS,QAAQC,SAASC,OAAO,mBAGvC6C,EAAwB1D,EAAOC,EAAPD,CAAY,CACxCwB,QAAS,OACTmC,cAAe,WAGXC,EAAuB,EAAG3C,OAAMd,YACpCe,EAAC0B,EAAY,CAAAiB,UAAU,MAAMb,QAAS/B,EAAK6C,SAAS,WAAY/C,QAAS,EAACM,SAAA,CACxEC,EAAC+B,EAAe,CAAClD,OAAQA,IACzBmB,EAACC,EAAW,CAAAE,QAAQ,iBAASR,OAKpB8C,EAA4B,CAACC,EAAkBjC,KACnD,CACLC,OAAQ,IACDD,EAGHb,EACE+C,EAAA,CAAA5C,SAAA,CAAAC,EAACiC,EAAmB,CAAC9B,QAAQ,KAAMJ,SAAA2C,EAASE,gBAC5C5C,EAACoC,EACE,CAAArC,SAAAa,OAAOC,QAAQJ,GAAcS,KAAI,EAAEvB,EAAMd,KACxCmB,EAACsC,EAAoB,CAAYzD,OAAQA,EAAQc,KAAMA,GAA5BA,UAPTK,EAACrB,EAAG,CAAAoB,SAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";var a=require("@mui/material/styles");const F={grey:{light:{1e3:a.alpha("#000000",.9),700:a.alpha("#000000",.6),500:a.alpha("#000000",.45),100:a.alpha("#000000",.1),50:a.alpha("#000000",.04),25:a.alpha("#000000",.02)},dark:{1e3:"#FFFFFF",700:a.alpha("#FFFFFF",.78),500:a.alpha("#FFFFFF",.6),100:a.alpha("#FFFFFF",.12),50:a.alpha("#FFFFFF",.06),25:a.alpha("#FFFFFF",.03)}},primary:{light:{1e3:"#095FB0",800:a.alpha("#095FB0",.8),200:a.alpha("#095FB0",.2),50:a.alpha("#095FB0",.05)},dark:{1e3:"#59B0FF",800:a.alpha("#59B0FF",.8),200:a.alpha("#59B0FF",.2),50:a.alpha("#59B0FF",.05)}},secondary:{light:{1e3:"#A5E2F6"},dark:{1e3:"#A5E2F6"}},tertiary:{light:{1e3:"#F7742B"},dark:{1e3:"#F7742B"}},red:{light:{1e3:"#B80022",800:a.alpha("#B80022",.8),200:a.alpha("#B80022",.2),50:a.alpha("#B80022",.05)},dark:{1e3:"#FF859B",800:a.alpha("#FF859B",.8),200:a.alpha("#FF859B",.2),50:a.alpha("#FF859B",.05)}},amber:{light:{1e3:"#825900",800:a.alpha("#825900",.8),200:a.alpha("#825900",.2),50:a.alpha("#825900",.05)},dark:{1e3:"#E59D00",800:a.alpha("#E59D00",.8),200:a.alpha("#E59D00",.2),50:a.alpha("#E59D00",.05)}},green:{light:{1e3:"#006E3E",800:a.alpha("#006E3E",.8),200:a.alpha("#006E3E",.2),50:a.alpha("#006E3E",.05)},dark:{1e3:"#00C46F",800:a.alpha("#00C46F",.8),200:a.alpha("#00C46F",.2),50:a.alpha("#00C46F",.05)}},purple:{light:{1e3:"#8C0BD6",800:a.alpha("#8C0BD6",.8),200:a.alpha("#8C0BD6",.2),50:a.alpha("#8C0BD6",.05)},dark:{1e3:"#D68FFF",800:a.alpha("#D68FFF",.8),200:a.alpha("#D68FFF",.2),50:a.alpha("#D68FFF",.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:a.alpha("#000000",.15),100:a.alpha("#000000",.1)}};exports.primativeColours=F;
+"use strict";var a=require("@mui/material/styles");const F={grey:{light:{1e3:a.alpha("#000000",.9),700:a.alpha("#000000",.6),500:a.alpha("#000000",.45),100:a.alpha("#000000",.1),50:a.alpha("#000000",.04),25:a.alpha("#000000",.02)},dark:{1e3:"#FFFFFF",700:a.alpha("#FFFFFF",.78),500:a.alpha("#FFFFFF",.6),100:a.alpha("#FFFFFF",.12),50:a.alpha("#FFFFFF",.06),25:a.alpha("#FFFFFF",.03)}},primary:{light:{1e3:"#095FB0",800:a.alpha("#095FB0",.8),200:a.alpha("#095FB0",.2),50:a.alpha("#095FB0",.05)},dark:{1e3:"#59B0FF",800:a.alpha("#59B0FF",.8),200:a.alpha("#59B0FF",.2),50:a.alpha("#59B0FF",.05)}},secondary:{light:{1e3:"#A5E2F6"},dark:{1e3:"#A5E2F6"}},tertiary:{light:{1e3:"#F7742B"},dark:{1e3:"#F7742B"}},red:{light:{1e3:"#B80022",800:a.alpha("#B80022",.8),200:a.alpha("#B80022",.2),50:a.alpha("#B80022",.05)},dark:{1e3:"#FF859B",800:a.alpha("#FF859B",.8),200:a.alpha("#FF859B",.2),50:a.alpha("#FF859B",.05)}},amber:{light:{1e3:"#825900",800:a.alpha("#825900",.8),200:a.alpha("#825900",.2),50:a.alpha("#825900",.05)},dark:{1e3:"#E59D00",800:a.alpha("#E59D00",.8),200:a.alpha("#E59D00",.2),50:a.alpha("#E59D00",.05)}},green:{light:{1e3:"#006E3E",800:a.alpha("#006E3E",.8),200:a.alpha("#006E3E",.2),50:a.alpha("#006E3E",.05)},dark:{1e3:"#00C46F",800:a.alpha("#00C46F",.8),200:a.alpha("#00C46F",.2),50:a.alpha("#00C46F",.05)}},purple:{light:{1e3:"#8C0BD6",800:a.alpha("#8C0BD6",.8),200:a.alpha("#8C0BD6",.2),50:a.alpha("#8C0BD6",.05)},dark:{1e3:"#D68FFF",800:a.alpha("#D68FFF",.8),200:a.alpha("#D68FFF",.2),50:a.alpha("#D68FFF",.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:a.alpha("#000000",.15),100:a.alpha("#000000",.1)}};exports.primativeColours=F;
 //# sourceMappingURL=primitives.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"primitives.cjs.js","sources":["../../../../src/themes/tokens/colours/primitives.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles';\nimport type { PrimativeColours } from './types';\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        dark: {\n            1000: '#FFFFFF',\n            700: alpha('#FFFFFF', 0.78),\n            500: alpha('#FFFFFF', 0.6),\n            100: alpha('#FFFFFF', 0.12),\n            50: alpha('#FFFFFF', 0.06),\n            25: alpha('#FFFFFF', 0.03),\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        dark: {\n            1000: '#59B0FF',\n            800: alpha('#59B0FF', 0.8),\n            200: alpha('#59B0FF', 0.2),\n            50: alpha('#59B0FF', 0.05),\n        },\n    },\n    secondary: {\n        light: {\n            1000: '#A5E2F6',\n        },\n        dark: {\n            1000: '#A5E2F6',\n        },\n    },\n    tertiary: {\n        light: {\n            1000: '#F7742B',\n        },\n        dark: {\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        dark: {\n            1000: '#FF859B',\n            800: alpha('#FF859B', 0.8),\n            200: alpha('#FF859B', 0.2),\n            50: alpha('#FF859B', 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        dark: {\n            1000: '#E59D00',\n            800: alpha('#E59D00', 0.8),\n            200: alpha('#E59D00', 0.2),\n            50: alpha('#E59D00', 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        dark: {\n            1000: '#00C46F',\n            800: alpha('#00C46F', 0.8),\n            200: alpha('#00C46F', 0.2),\n            50: alpha('#00C46F', 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        dark: {\n            1000: '#D68FFF',\n            800: alpha('#D68FFF', 0.8),\n            200: alpha('#D68FFF', 0.2),\n            50: alpha('#D68FFF', 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"],"names":["primativeColours","grey","light","alpha","dark","primary","secondary","tertiary","red","amber","green","purple","solid","yellow","lightGrey","lime","pink","greyShadow"],"mappings":"mDAGa,MAAAA,EAAqC,CAC9CC,KAAM,CACFC,MAAO,CACH,IAAMC,EAAAA,MAAM,UAAW,IACvB,IAAKA,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,KACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,KACrB,GAAIA,EAAAA,MAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,KACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,KACtB,GAAIA,EAAAA,MAAM,UAAW,KACrB,GAAIA,EAAAA,MAAM,UAAW,OAG7BE,QAAS,CACLH,MAAO,CACH,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAG7BG,UAAW,CACPJ,MAAO,CACH,IAAM,WAEVE,KAAM,CACF,IAAM,YAGdG,SAAU,CACNL,MAAO,CACH,IAAM,WAEVE,KAAM,CACF,IAAM,YAGdI,IAAK,CACDN,MAAO,CACH,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAG7BM,MAAO,CACHP,MAAO,CACH,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAG7BO,MAAO,CACHR,MAAO,CACH,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAG7BQ,OAAQ,CACJT,MAAO,CACH,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAG7BS,MAAO,CACHX,KAAM,CACF,IAAM,UACN,IAAK,UACL,IAAK,UACL,IAAK,UACL,GAAI,WACJ,EAAG,WAEPY,OAAQ,CACJ,IAAM,WAEVC,UAAW,CACP,IAAM,WAEVC,KAAM,CACF,IAAM,WAEVC,KAAM,CACF,IAAM,YAGdC,WAAY,CACR,IAAKd,EAAAA,MAAM,UAAW,KACtB,IAAKA,EAAAA,MAAM,UAAW"}
+{"version":3,"file":"primitives.cjs.js","sources":["../../../../src/themes/tokens/colours/primitives.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles';\n\nimport type { PrimativeColours } from './types';\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    dark: {\n      1000: '#FFFFFF',\n      700: alpha('#FFFFFF', 0.78),\n      500: alpha('#FFFFFF', 0.6),\n      100: alpha('#FFFFFF', 0.12),\n      50: alpha('#FFFFFF', 0.06),\n      25: alpha('#FFFFFF', 0.03),\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    dark: {\n      1000: '#59B0FF',\n      800: alpha('#59B0FF', 0.8),\n      200: alpha('#59B0FF', 0.2),\n      50: alpha('#59B0FF', 0.05),\n    },\n  },\n  secondary: {\n    light: {\n      1000: '#A5E2F6',\n    },\n    dark: {\n      1000: '#A5E2F6',\n    },\n  },\n  tertiary: {\n    light: {\n      1000: '#F7742B',\n    },\n    dark: {\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    dark: {\n      1000: '#FF859B',\n      800: alpha('#FF859B', 0.8),\n      200: alpha('#FF859B', 0.2),\n      50: alpha('#FF859B', 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    dark: {\n      1000: '#E59D00',\n      800: alpha('#E59D00', 0.8),\n      200: alpha('#E59D00', 0.2),\n      50: alpha('#E59D00', 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    dark: {\n      1000: '#00C46F',\n      800: alpha('#00C46F', 0.8),\n      200: alpha('#00C46F', 0.2),\n      50: alpha('#00C46F', 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    dark: {\n      1000: '#D68FFF',\n      800: alpha('#D68FFF', 0.8),\n      200: alpha('#D68FFF', 0.2),\n      50: alpha('#D68FFF', 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"],"names":["primativeColours","grey","light","alpha","dark","primary","secondary","tertiary","red","amber","green","purple","solid","yellow","lightGrey","lime","pink","greyShadow"],"mappings":"mDAIa,MAAAA,EAAqC,CAChDC,KAAM,CACJC,MAAO,CACL,IAAMC,EAAAA,MAAM,UAAW,IACvB,IAAKA,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,KACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,KACrB,GAAIA,EAAAA,MAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,KACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,KACtB,GAAIA,EAAAA,MAAM,UAAW,KACrB,GAAIA,EAAAA,MAAM,UAAW,OAGzBE,QAAS,CACPH,MAAO,CACL,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAGzBG,UAAW,CACTJ,MAAO,CACL,IAAM,WAERE,KAAM,CACJ,IAAM,YAGVG,SAAU,CACRL,MAAO,CACL,IAAM,WAERE,KAAM,CACJ,IAAM,YAGVI,IAAK,CACHN,MAAO,CACL,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAGzBM,MAAO,CACLP,MAAO,CACL,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAGzBO,MAAO,CACLR,MAAO,CACL,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAGzBQ,OAAQ,CACNT,MAAO,CACL,IAAM,UACN,IAAKC,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAAA,MAAM,UAAW,IACtB,IAAKA,EAAAA,MAAM,UAAW,IACtB,GAAIA,EAAAA,MAAM,UAAW,OAGzBS,MAAO,CACLX,KAAM,CACJ,IAAM,UACN,IAAK,UACL,IAAK,UACL,IAAK,UACL,GAAI,UACJ,EAAG,WAELY,OAAQ,CACN,IAAM,WAERC,UAAW,CACT,IAAM,WAERC,KAAM,CACJ,IAAM,WAERC,KAAM,CACJ,IAAM,YAGVC,WAAY,CACV,IAAKd,EAAAA,MAAM,UAAW,KACtB,IAAKA,EAAAA,MAAM,UAAW"}

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

@@ -1,2 +1,2 @@
-import{alpha as F}from"@mui/material/styles";const e={grey:{light:{1e3:F("#000000",.9),700:F("#000000",.6),500:F("#000000",.45),100:F("#000000",.1),50:F("#000000",.04),25:F("#000000",.02)},dark:{1e3:"#FFFFFF",700:F("#FFFFFF",.78),500:F("#FFFFFF",.6),100:F("#FFFFFF",.12),50:F("#FFFFFF",.06),25:F("#FFFFFF",.03)}},primary:{light:{1e3:"#095FB0",800:F("#095FB0",.8),200:F("#095FB0",.2),50:F("#095FB0",.05)},dark:{1e3:"#59B0FF",800:F("#59B0FF",.8),200:F("#59B0FF",.2),50:F("#59B0FF",.05)}},secondary:{light:{1e3:"#A5E2F6"},dark:{1e3:"#A5E2F6"}},tertiary:{light:{1e3:"#F7742B"},dark:{1e3:"#F7742B"}},red:{light:{1e3:"#B80022",800:F("#B80022",.8),200:F("#B80022",.2),50:F("#B80022",.05)},dark:{1e3:"#FF859B",800:F("#FF859B",.8),200:F("#FF859B",.2),50:F("#FF859B",.05)}},amber:{light:{1e3:"#825900",800:F("#825900",.8),200:F("#825900",.2),50:F("#825900",.05)},dark:{1e3:"#E59D00",800:F("#E59D00",.8),200:F("#E59D00",.2),50:F("#E59D00",.05)}},green:{light:{1e3:"#006E3E",800:F("#006E3E",.8),200:F("#006E3E",.2),50:F("#006E3E",.05)},dark:{1e3:"#00C46F",800:F("#00C46F",.8),200:F("#00C46F",.2),50:F("#00C46F",.05)}},purple:{light:{1e3:"#8C0BD6",800:F("#8C0BD6",.8),200:F("#8C0BD6",.2),50:F("#8C0BD6",.05)},dark:{1e3:"#D68FFF",800:F("#D68FFF",.8),200:F("#D68FFF",.2),50:F("#D68FFF",.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:F("#000000",.15),100:F("#000000",.1)}};export{e as primativeColours};
+import{alpha as F}from"@mui/material/styles";const e={grey:{light:{1e3:F("#000000",.9),700:F("#000000",.6),500:F("#000000",.45),100:F("#000000",.1),50:F("#000000",.04),25:F("#000000",.02)},dark:{1e3:"#FFFFFF",700:F("#FFFFFF",.78),500:F("#FFFFFF",.6),100:F("#FFFFFF",.12),50:F("#FFFFFF",.06),25:F("#FFFFFF",.03)}},primary:{light:{1e3:"#095FB0",800:F("#095FB0",.8),200:F("#095FB0",.2),50:F("#095FB0",.05)},dark:{1e3:"#59B0FF",800:F("#59B0FF",.8),200:F("#59B0FF",.2),50:F("#59B0FF",.05)}},secondary:{light:{1e3:"#A5E2F6"},dark:{1e3:"#A5E2F6"}},tertiary:{light:{1e3:"#F7742B"},dark:{1e3:"#F7742B"}},red:{light:{1e3:"#B80022",800:F("#B80022",.8),200:F("#B80022",.2),50:F("#B80022",.05)},dark:{1e3:"#FF859B",800:F("#FF859B",.8),200:F("#FF859B",.2),50:F("#FF859B",.05)}},amber:{light:{1e3:"#825900",800:F("#825900",.8),200:F("#825900",.2),50:F("#825900",.05)},dark:{1e3:"#E59D00",800:F("#E59D00",.8),200:F("#E59D00",.2),50:F("#E59D00",.05)}},green:{light:{1e3:"#006E3E",800:F("#006E3E",.8),200:F("#006E3E",.2),50:F("#006E3E",.05)},dark:{1e3:"#00C46F",800:F("#00C46F",.8),200:F("#00C46F",.2),50:F("#00C46F",.05)}},purple:{light:{1e3:"#8C0BD6",800:F("#8C0BD6",.8),200:F("#8C0BD6",.2),50:F("#8C0BD6",.05)},dark:{1e3:"#D68FFF",800:F("#D68FFF",.8),200:F("#D68FFF",.2),50:F("#D68FFF",.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:F("#000000",.15),100:F("#000000",.1)}};export{e as primativeColours};
 //# sourceMappingURL=primitives.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"primitives.js","sources":["../../../../src/themes/tokens/colours/primitives.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles';\nimport type { PrimativeColours } from './types';\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        dark: {\n            1000: '#FFFFFF',\n            700: alpha('#FFFFFF', 0.78),\n            500: alpha('#FFFFFF', 0.6),\n            100: alpha('#FFFFFF', 0.12),\n            50: alpha('#FFFFFF', 0.06),\n            25: alpha('#FFFFFF', 0.03),\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        dark: {\n            1000: '#59B0FF',\n            800: alpha('#59B0FF', 0.8),\n            200: alpha('#59B0FF', 0.2),\n            50: alpha('#59B0FF', 0.05),\n        },\n    },\n    secondary: {\n        light: {\n            1000: '#A5E2F6',\n        },\n        dark: {\n            1000: '#A5E2F6',\n        },\n    },\n    tertiary: {\n        light: {\n            1000: '#F7742B',\n        },\n        dark: {\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        dark: {\n            1000: '#FF859B',\n            800: alpha('#FF859B', 0.8),\n            200: alpha('#FF859B', 0.2),\n            50: alpha('#FF859B', 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        dark: {\n            1000: '#E59D00',\n            800: alpha('#E59D00', 0.8),\n            200: alpha('#E59D00', 0.2),\n            50: alpha('#E59D00', 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        dark: {\n            1000: '#00C46F',\n            800: alpha('#00C46F', 0.8),\n            200: alpha('#00C46F', 0.2),\n            50: alpha('#00C46F', 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        dark: {\n            1000: '#D68FFF',\n            800: alpha('#D68FFF', 0.8),\n            200: alpha('#D68FFF', 0.2),\n            50: alpha('#D68FFF', 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"],"names":["primativeColours","grey","light","alpha","dark","primary","secondary","tertiary","red","amber","green","purple","solid","yellow","lightGrey","lime","pink","greyShadow"],"mappings":"6CAGa,MAAAA,EAAqC,CAC9CC,KAAM,CACFC,MAAO,CACH,IAAMC,EAAM,UAAW,IACvB,IAAKA,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,KACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,KACrB,GAAIA,EAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAM,UAAW,KACtB,IAAKA,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,KACtB,GAAIA,EAAM,UAAW,KACrB,GAAIA,EAAM,UAAW,OAG7BE,QAAS,CACLH,MAAO,CACH,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAG7BG,UAAW,CACPJ,MAAO,CACH,IAAM,WAEVE,KAAM,CACF,IAAM,YAGdG,SAAU,CACNL,MAAO,CACH,IAAM,WAEVE,KAAM,CACF,IAAM,YAGdI,IAAK,CACDN,MAAO,CACH,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAG7BM,MAAO,CACHP,MAAO,CACH,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAG7BO,MAAO,CACHR,MAAO,CACH,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAG7BQ,OAAQ,CACJT,MAAO,CACH,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEzBC,KAAM,CACF,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAG7BS,MAAO,CACHX,KAAM,CACF,IAAM,UACN,IAAK,UACL,IAAK,UACL,IAAK,UACL,GAAI,WACJ,EAAG,WAEPY,OAAQ,CACJ,IAAM,WAEVC,UAAW,CACP,IAAM,WAEVC,KAAM,CACF,IAAM,WAEVC,KAAM,CACF,IAAM,YAGdC,WAAY,CACR,IAAKd,EAAM,UAAW,KACtB,IAAKA,EAAM,UAAW"}
+{"version":3,"file":"primitives.js","sources":["../../../../src/themes/tokens/colours/primitives.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles';\n\nimport type { PrimativeColours } from './types';\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    dark: {\n      1000: '#FFFFFF',\n      700: alpha('#FFFFFF', 0.78),\n      500: alpha('#FFFFFF', 0.6),\n      100: alpha('#FFFFFF', 0.12),\n      50: alpha('#FFFFFF', 0.06),\n      25: alpha('#FFFFFF', 0.03),\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    dark: {\n      1000: '#59B0FF',\n      800: alpha('#59B0FF', 0.8),\n      200: alpha('#59B0FF', 0.2),\n      50: alpha('#59B0FF', 0.05),\n    },\n  },\n  secondary: {\n    light: {\n      1000: '#A5E2F6',\n    },\n    dark: {\n      1000: '#A5E2F6',\n    },\n  },\n  tertiary: {\n    light: {\n      1000: '#F7742B',\n    },\n    dark: {\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    dark: {\n      1000: '#FF859B',\n      800: alpha('#FF859B', 0.8),\n      200: alpha('#FF859B', 0.2),\n      50: alpha('#FF859B', 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    dark: {\n      1000: '#E59D00',\n      800: alpha('#E59D00', 0.8),\n      200: alpha('#E59D00', 0.2),\n      50: alpha('#E59D00', 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    dark: {\n      1000: '#00C46F',\n      800: alpha('#00C46F', 0.8),\n      200: alpha('#00C46F', 0.2),\n      50: alpha('#00C46F', 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    dark: {\n      1000: '#D68FFF',\n      800: alpha('#D68FFF', 0.8),\n      200: alpha('#D68FFF', 0.2),\n      50: alpha('#D68FFF', 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"],"names":["primativeColours","grey","light","alpha","dark","primary","secondary","tertiary","red","amber","green","purple","solid","yellow","lightGrey","lime","pink","greyShadow"],"mappings":"6CAIa,MAAAA,EAAqC,CAChDC,KAAM,CACJC,MAAO,CACL,IAAMC,EAAM,UAAW,IACvB,IAAKA,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,KACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,KACrB,GAAIA,EAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAM,UAAW,KACtB,IAAKA,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,KACtB,GAAIA,EAAM,UAAW,KACrB,GAAIA,EAAM,UAAW,OAGzBE,QAAS,CACPH,MAAO,CACL,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAGzBG,UAAW,CACTJ,MAAO,CACL,IAAM,WAERE,KAAM,CACJ,IAAM,YAGVG,SAAU,CACRL,MAAO,CACL,IAAM,WAERE,KAAM,CACJ,IAAM,YAGVI,IAAK,CACHN,MAAO,CACL,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAGzBM,MAAO,CACLP,MAAO,CACL,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAGzBO,MAAO,CACLR,MAAO,CACL,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAGzBQ,OAAQ,CACNT,MAAO,CACL,IAAM,UACN,IAAKC,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,MAEvBC,KAAM,CACJ,IAAM,UACN,IAAKD,EAAM,UAAW,IACtB,IAAKA,EAAM,UAAW,IACtB,GAAIA,EAAM,UAAW,OAGzBS,MAAO,CACLX,KAAM,CACJ,IAAM,UACN,IAAK,UACL,IAAK,UACL,IAAK,UACL,GAAI,UACJ,EAAG,WAELY,OAAQ,CACN,IAAM,WAERC,UAAW,CACT,IAAM,WAERC,KAAM,CACJ,IAAM,WAERC,KAAM,CACJ,IAAM,YAGVC,WAAY,CACV,IAAKd,EAAM,UAAW,KACtB,IAAKA,EAAM,UAAW"}

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

@@ -1,2 +1,2 @@
-"use strict";var r=require("./primitives.cjs.js");const i={mode:"light",success:{main:r.primativeColours.green.light[1e3]},error:{main:r.primativeColours.red.light[1e3]},warning:{main:r.primativeColours.solid.yellow[1e3]},semantic:{text:{"text-strong":r.primativeColours.grey.light[1e3],"text-weak":r.primativeColours.grey.light[700],"text-primary":r.primativeColours.primary.light[1e3],"text-disabled":r.primativeColours.grey.light[100],"text-error":r.primativeColours.red.light[1e3],"text-warning":r.primativeColours.amber.light[1e3],"text-success":r.primativeColours.green.light[1e3],"text-information":r.primativeColours.purple.light[1e3],"text-inverse-strong":r.primativeColours.grey.dark[1e3],"text-inverse-weak":r.primativeColours.grey.dark[700],"text-inverse-disabled":r.primativeColours.grey.dark[100]},stroke:{"stroke-strong":r.primativeColours.grey.light[500],"stroke-weak":r.primativeColours.grey.light[100],"stroke-selected":r.primativeColours.primary.light[1e3],"stroke-focus":r.primativeColours.primary.light[1e3],"stroke-disabled":r.primativeColours.grey.light[100],"stroke-primary-strong":r.primativeColours.primary.light[800],"stroke-primary-weak":r.primativeColours.primary.light[200],"stroke-secondary":r.primativeColours.secondary.light[1e3],"stroke-tertiary":r.primativeColours.tertiary.light[1e3],"stroke-error-strong":r.primativeColours.red.light[800],"stroke-error-weak":r.primativeColours.red.light[200],"stroke-warning-strong":r.primativeColours.amber.light[800],"stroke-warning-weak":r.primativeColours.amber.light[200],"stroke-success-strong":r.primativeColours.green.light[800],"stroke-success-weak":r.primativeColours.green.light[200],"stroke-information-strong":r.primativeColours.purple.light[800],"stroke-information-weak":r.primativeColours.purple.light[200],"stroke-inverse-strong":r.primativeColours.grey.dark[500],"stroke-inverse-weak":r.primativeColours.grey.dark[100],"stroke-inverse-disabled":r.primativeColours.grey.dark[100]},icon:{"icon-strong":r.primativeColours.grey.light[500],"icon-primary":r.primativeColours.primary.light[800],"icon-disabled":r.primativeColours.grey.light[100],"icon-error":r.primativeColours.red.light[800],"icon-warning":r.primativeColours.amber.light[800],"icon-success":r.primativeColours.green.light[800],"icon-information":r.primativeColours.purple.light[800],"icon-inverse":r.primativeColours.grey.dark[500],"icon-inverse-strong":r.primativeColours.grey.dark[1e3],"icon-inverse-disabled":r.primativeColours.grey.dark[100]},fill:{"fill-strong":r.primativeColours.grey.light[1e3],"fill-weak":r.primativeColours.grey.light[50],"fill-weaker":r.primativeColours.grey.light[25],"fill-hover":r.primativeColours.grey.light[50],"fill-press":r.primativeColours.grey.light[100],"fill-selected":r.primativeColours.primary.light[1e3],"fill-disabled":r.primativeColours.grey.light[100],"fill-overlay":r.primativeColours.grey.light[500],"fill-primary-strong":r.primativeColours.primary.light[1e3],"fill-primary-weak":r.primativeColours.primary.light[50],"fill-secondary":r.primativeColours.secondary.light[1e3],"fill-tertiary":r.primativeColours.tertiary.light[1e3],"fill-error-strong":r.primativeColours.red.light[1e3],"fill-error-weak":r.primativeColours.red.light[50],"fill-warning-strong":r.primativeColours.amber.light[1e3],"fill-warning-weak":r.primativeColours.amber.light[50],"fill-success-strong":r.primativeColours.green.light[1e3],"fill-success-weak":r.primativeColours.green.light[50],"fill-information-strong":r.primativeColours.purple.light[1e3],"fill-information-weak":r.primativeColours.purple.light[50],"fill-inverse-strong":r.primativeColours.solid.grey[0],"fill-inverse-weak":r.primativeColours.solid.grey[50],"fill-inverse-hover":r.primativeColours.solid.grey[50],"fill-inverse-press":r.primativeColours.solid.grey[100],"fill-inverse-disabled":r.primativeColours.solid.grey[100],"fill-flipdishlogo":r.primativeColours.solid.grey[1e3],"fill-black":r.primativeColours.solid.grey[1e3],"fill-white":r.primativeColours.solid.grey[0],"fill-yellow":r.primativeColours.solid.yellow[1e3],"fill-lightgrey":r.primativeColours.solid.lightGrey[1e3],"fill-lime":r.primativeColours.solid.lime[1e3],"fill-pink":r.primativeColours.solid.pink[1e3]},background:{"background-base":r.primativeColours.solid.grey[0],"background-raised":r.primativeColours.solid.grey[0],"background-overlay":r.primativeColours.solid.grey[0],"background-sunken":r.primativeColours.solid.grey[50],"background-alternate":r.primativeColours.solid.lightGrey[1e3],"background-primary":r.primativeColours.primary.light[1e3],"background-secondary":r.primativeColours.secondary.light[1e3],"background-tertiary":r.primativeColours.tertiary.light[1e3],"background-inverse":r.primativeColours.solid.grey[900]},shadow:{"shadow-strong":r.primativeColours.greyShadow[150],"shadow-weak":r.primativeColours.greyShadow[100]}}},e={mode:"dark",background:{default:r.primativeColours.solid.grey[900]},success:{main:r.primativeColours.green.dark[1e3]},error:{main:r.primativeColours.red.dark[1e3]},warning:{main:r.primativeColours.solid.yellow[1e3]},semantic:{text:{"text-strong":r.primativeColours.grey.dark[1e3],"text-weak":r.primativeColours.grey.dark[700],"text-primary":r.primativeColours.primary.dark[1e3],"text-disabled":r.primativeColours.grey.dark[100],"text-error":r.primativeColours.red.dark[1e3],"text-warning":r.primativeColours.amber.dark[1e3],"text-success":r.primativeColours.green.dark[1e3],"text-information":r.primativeColours.purple.dark[1e3],"text-inverse-strong":r.primativeColours.grey.light[1e3],"text-inverse-weak":r.primativeColours.grey.light[700],"text-inverse-disabled":r.primativeColours.grey.light[100]},stroke:{"stroke-strong":r.primativeColours.grey.dark[500],"stroke-weak":r.primativeColours.grey.dark[100],"stroke-selected":r.primativeColours.primary.dark[1e3],"stroke-focus":r.primativeColours.primary.dark[1e3],"stroke-disabled":r.primativeColours.grey.dark[100],"stroke-primary-strong":r.primativeColours.primary.dark[800],"stroke-primary-weak":r.primativeColours.primary.dark[200],"stroke-secondary":r.primativeColours.secondary.dark[1e3],"stroke-tertiary":r.primativeColours.tertiary.dark[1e3],"stroke-error-strong":r.primativeColours.red.dark[800],"stroke-error-weak":r.primativeColours.red.dark[200],"stroke-warning-strong":r.primativeColours.amber.dark[800],"stroke-warning-weak":r.primativeColours.amber.dark[200],"stroke-success-strong":r.primativeColours.green.dark[800],"stroke-success-weak":r.primativeColours.green.dark[200],"stroke-information-strong":r.primativeColours.purple.dark[800],"stroke-information-weak":r.primativeColours.purple.dark[200],"stroke-inverse-strong":r.primativeColours.grey.light[500],"stroke-inverse-weak":r.primativeColours.grey.light[100],"stroke-inverse-disabled":r.primativeColours.grey.light[100]},icon:{"icon-strong":r.primativeColours.grey.dark[500],"icon-primary":r.primativeColours.primary.dark[800],"icon-disabled":r.primativeColours.grey.dark[100],"icon-error":r.primativeColours.red.dark[800],"icon-warning":r.primativeColours.amber.dark[800],"icon-success":r.primativeColours.green.dark[800],"icon-information":r.primativeColours.purple.dark[800],"icon-inverse":r.primativeColours.grey.light[500],"icon-inverse-strong":r.primativeColours.grey.light[1e3],"icon-inverse-disabled":r.primativeColours.grey.light[100]},fill:{"fill-strong":r.primativeColours.grey.dark[1e3],"fill-weak":r.primativeColours.grey.dark[50],"fill-weaker":r.primativeColours.grey.dark[25],"fill-hover":r.primativeColours.grey.dark[50],"fill-press":r.primativeColours.grey.dark[100],"fill-selected":r.primativeColours.primary.dark[1e3],"fill-disabled":r.primativeColours.grey.dark[100],"fill-overlay":r.primativeColours.grey.dark[500],"fill-primary-strong":r.primativeColours.primary.dark[1e3],"fill-primary-weak":r.primativeColours.primary.dark[50],"fill-secondary":r.primativeColours.secondary.dark[1e3],"fill-tertiary":r.primativeColours.tertiary.dark[1e3],"fill-error-strong":r.primativeColours.red.dark[1e3],"fill-error-weak":r.primativeColours.red.dark[50],"fill-warning-strong":r.primativeColours.amber.dark[1e3],"fill-warning-weak":r.primativeColours.amber.dark[50],"fill-success-strong":r.primativeColours.green.dark[1e3],"fill-success-weak":r.primativeColours.green.dark[50],"fill-information-strong":r.primativeColours.purple.dark[1e3],"fill-information-weak":r.primativeColours.purple.dark[50],"fill-inverse-strong":r.primativeColours.solid.grey[900],"fill-inverse-weak":r.primativeColours.grey.light[50],"fill-inverse-hover":r.primativeColours.grey.light[50],"fill-inverse-press":r.primativeColours.grey.light[100],"fill-inverse-disabled":r.primativeColours.grey.light[100],"fill-flipdishlogo":r.primativeColours.solid.grey[0],"fill-black":r.primativeColours.solid.grey[1e3],"fill-white":r.primativeColours.solid.grey[0],"fill-yellow":r.primativeColours.solid.yellow[1e3],"fill-lightgrey":r.primativeColours.solid.lightGrey[1e3],"fill-lime":r.primativeColours.solid.lime[1e3],"fill-pink":r.primativeColours.solid.pink[1e3]},background:{"background-base":r.primativeColours.solid.grey[900],"background-raised":r.primativeColours.solid.grey[850],"background-overlay":r.primativeColours.solid.grey[800],"background-sunken":r.primativeColours.solid.grey[1e3],"background-alternate":r.primativeColours.solid.lightGrey[1e3],"background-primary":r.primativeColours.primary.dark[1e3],"background-secondary":r.primativeColours.secondary.dark[1e3],"background-tertiary":r.primativeColours.tertiary.dark[1e3],"background-inverse":r.primativeColours.solid.grey[0]},shadow:{"shadow-strong":r.primativeColours.greyShadow[150],"shadow-weak":r.primativeColours.greyShadow[100]}}};exports.darkColours=e,exports.lightColours=i;
+"use strict";var r=require("./primitives.cjs.js");const i={mode:"light",success:{main:r.primativeColours.green.light[1e3]},error:{main:r.primativeColours.red.light[1e3]},warning:{main:r.primativeColours.solid.yellow[1e3]},semantic:{text:{"text-strong":r.primativeColours.grey.light[1e3],"text-weak":r.primativeColours.grey.light[700],"text-primary":r.primativeColours.primary.light[1e3],"text-disabled":r.primativeColours.grey.light[100],"text-error":r.primativeColours.red.light[1e3],"text-warning":r.primativeColours.amber.light[1e3],"text-success":r.primativeColours.green.light[1e3],"text-information":r.primativeColours.purple.light[1e3],"text-inverse-strong":r.primativeColours.grey.dark[1e3],"text-inverse-weak":r.primativeColours.grey.dark[700],"text-inverse-disabled":r.primativeColours.grey.dark[100]},stroke:{"stroke-strong":r.primativeColours.grey.light[500],"stroke-weak":r.primativeColours.grey.light[100],"stroke-selected":r.primativeColours.primary.light[1e3],"stroke-focus":r.primativeColours.primary.light[1e3],"stroke-disabled":r.primativeColours.grey.light[100],"stroke-primary-strong":r.primativeColours.primary.light[800],"stroke-primary-weak":r.primativeColours.primary.light[200],"stroke-secondary":r.primativeColours.secondary.light[1e3],"stroke-tertiary":r.primativeColours.tertiary.light[1e3],"stroke-error-strong":r.primativeColours.red.light[800],"stroke-error-weak":r.primativeColours.red.light[200],"stroke-warning-strong":r.primativeColours.amber.light[800],"stroke-warning-weak":r.primativeColours.amber.light[200],"stroke-success-strong":r.primativeColours.green.light[800],"stroke-success-weak":r.primativeColours.green.light[200],"stroke-information-strong":r.primativeColours.purple.light[800],"stroke-information-weak":r.primativeColours.purple.light[200],"stroke-inverse-strong":r.primativeColours.grey.dark[500],"stroke-inverse-weak":r.primativeColours.grey.dark[100],"stroke-inverse-disabled":r.primativeColours.grey.dark[100]},icon:{"icon-strong":r.primativeColours.grey.light[500],"icon-primary":r.primativeColours.primary.light[800],"icon-disabled":r.primativeColours.grey.light[100],"icon-error":r.primativeColours.red.light[800],"icon-warning":r.primativeColours.amber.light[800],"icon-success":r.primativeColours.green.light[800],"icon-information":r.primativeColours.purple.light[800],"icon-inverse":r.primativeColours.grey.dark[500],"icon-inverse-strong":r.primativeColours.grey.dark[1e3],"icon-inverse-disabled":r.primativeColours.grey.dark[100]},fill:{"fill-strong":r.primativeColours.grey.light[1e3],"fill-weak":r.primativeColours.grey.light[50],"fill-weaker":r.primativeColours.grey.light[25],"fill-hover":r.primativeColours.grey.light[50],"fill-press":r.primativeColours.grey.light[100],"fill-selected":r.primativeColours.primary.light[1e3],"fill-disabled":r.primativeColours.grey.light[100],"fill-overlay":r.primativeColours.grey.light[500],"fill-primary-strong":r.primativeColours.primary.light[1e3],"fill-primary-weak":r.primativeColours.primary.light[50],"fill-secondary":r.primativeColours.secondary.light[1e3],"fill-tertiary":r.primativeColours.tertiary.light[1e3],"fill-error-strong":r.primativeColours.red.light[1e3],"fill-error-weak":r.primativeColours.red.light[50],"fill-warning-strong":r.primativeColours.amber.light[1e3],"fill-warning-weak":r.primativeColours.amber.light[50],"fill-success-strong":r.primativeColours.green.light[1e3],"fill-success-weak":r.primativeColours.green.light[50],"fill-information-strong":r.primativeColours.purple.light[1e3],"fill-information-weak":r.primativeColours.purple.light[50],"fill-inverse-strong":r.primativeColours.solid.grey[0],"fill-inverse-weak":r.primativeColours.grey.dark[50],"fill-inverse-hover":r.primativeColours.grey.dark[50],"fill-inverse-press":r.primativeColours.grey.dark[100],"fill-inverse-disabled":r.primativeColours.grey.dark[100],"fill-flipdishlogo":r.primativeColours.solid.grey[1e3],"fill-black":r.primativeColours.solid.grey[1e3],"fill-white":r.primativeColours.solid.grey[0],"fill-yellow":r.primativeColours.solid.yellow[1e3],"fill-lightgrey":r.primativeColours.solid.lightGrey[1e3],"fill-lime":r.primativeColours.solid.lime[1e3],"fill-pink":r.primativeColours.solid.pink[1e3]},background:{"background-base":r.primativeColours.solid.grey[0],"background-raised":r.primativeColours.solid.grey[0],"background-overlay":r.primativeColours.solid.grey[0],"background-sunken":r.primativeColours.solid.grey[50],"background-alternate":r.primativeColours.solid.lightGrey[1e3],"background-primary":r.primativeColours.primary.light[1e3],"background-secondary":r.primativeColours.secondary.light[1e3],"background-tertiary":r.primativeColours.tertiary.light[1e3],"background-inverse":r.primativeColours.solid.grey[900]},shadow:{"shadow-strong":r.primativeColours.greyShadow[150],"shadow-weak":r.primativeColours.greyShadow[100]}}},e={mode:"dark",background:{default:r.primativeColours.solid.grey[900]},success:{main:r.primativeColours.green.dark[1e3]},error:{main:r.primativeColours.red.dark[1e3]},warning:{main:r.primativeColours.solid.yellow[1e3]},semantic:{text:{"text-strong":r.primativeColours.grey.dark[1e3],"text-weak":r.primativeColours.grey.dark[700],"text-primary":r.primativeColours.primary.dark[1e3],"text-disabled":r.primativeColours.grey.dark[100],"text-error":r.primativeColours.red.dark[1e3],"text-warning":r.primativeColours.amber.dark[1e3],"text-success":r.primativeColours.green.dark[1e3],"text-information":r.primativeColours.purple.dark[1e3],"text-inverse-strong":r.primativeColours.grey.light[1e3],"text-inverse-weak":r.primativeColours.grey.light[700],"text-inverse-disabled":r.primativeColours.grey.light[100]},stroke:{"stroke-strong":r.primativeColours.grey.dark[500],"stroke-weak":r.primativeColours.grey.dark[100],"stroke-selected":r.primativeColours.primary.dark[1e3],"stroke-focus":r.primativeColours.primary.dark[1e3],"stroke-disabled":r.primativeColours.grey.dark[100],"stroke-primary-strong":r.primativeColours.primary.dark[800],"stroke-primary-weak":r.primativeColours.primary.dark[200],"stroke-secondary":r.primativeColours.secondary.dark[1e3],"stroke-tertiary":r.primativeColours.tertiary.dark[1e3],"stroke-error-strong":r.primativeColours.red.dark[800],"stroke-error-weak":r.primativeColours.red.dark[200],"stroke-warning-strong":r.primativeColours.amber.dark[800],"stroke-warning-weak":r.primativeColours.amber.dark[200],"stroke-success-strong":r.primativeColours.green.dark[800],"stroke-success-weak":r.primativeColours.green.dark[200],"stroke-information-strong":r.primativeColours.purple.dark[800],"stroke-information-weak":r.primativeColours.purple.dark[200],"stroke-inverse-strong":r.primativeColours.grey.light[500],"stroke-inverse-weak":r.primativeColours.grey.light[100],"stroke-inverse-disabled":r.primativeColours.grey.light[100]},icon:{"icon-strong":r.primativeColours.grey.dark[500],"icon-primary":r.primativeColours.primary.dark[800],"icon-disabled":r.primativeColours.grey.dark[100],"icon-error":r.primativeColours.red.dark[800],"icon-warning":r.primativeColours.amber.dark[800],"icon-success":r.primativeColours.green.dark[800],"icon-information":r.primativeColours.purple.dark[800],"icon-inverse":r.primativeColours.grey.light[500],"icon-inverse-strong":r.primativeColours.grey.light[1e3],"icon-inverse-disabled":r.primativeColours.grey.light[100]},fill:{"fill-strong":r.primativeColours.grey.dark[1e3],"fill-weak":r.primativeColours.grey.dark[50],"fill-weaker":r.primativeColours.grey.dark[25],"fill-hover":r.primativeColours.grey.dark[50],"fill-press":r.primativeColours.grey.dark[100],"fill-selected":r.primativeColours.primary.dark[1e3],"fill-disabled":r.primativeColours.grey.dark[100],"fill-overlay":r.primativeColours.grey.dark[500],"fill-primary-strong":r.primativeColours.primary.dark[1e3],"fill-primary-weak":r.primativeColours.primary.dark[50],"fill-secondary":r.primativeColours.secondary.dark[1e3],"fill-tertiary":r.primativeColours.tertiary.dark[1e3],"fill-error-strong":r.primativeColours.red.dark[1e3],"fill-error-weak":r.primativeColours.red.dark[50],"fill-warning-strong":r.primativeColours.amber.dark[1e3],"fill-warning-weak":r.primativeColours.amber.dark[50],"fill-success-strong":r.primativeColours.green.dark[1e3],"fill-success-weak":r.primativeColours.green.dark[50],"fill-information-strong":r.primativeColours.purple.dark[1e3],"fill-information-weak":r.primativeColours.purple.dark[50],"fill-inverse-strong":r.primativeColours.solid.grey[900],"fill-inverse-weak":r.primativeColours.grey.light[50],"fill-inverse-hover":r.primativeColours.grey.light[50],"fill-inverse-press":r.primativeColours.grey.light[100],"fill-inverse-disabled":r.primativeColours.grey.light[100],"fill-flipdishlogo":r.primativeColours.solid.grey[0],"fill-black":r.primativeColours.solid.grey[1e3],"fill-white":r.primativeColours.solid.grey[0],"fill-yellow":r.primativeColours.solid.yellow[1e3],"fill-lightgrey":r.primativeColours.solid.lightGrey[1e3],"fill-lime":r.primativeColours.solid.lime[1e3],"fill-pink":r.primativeColours.solid.pink[1e3]},background:{"background-base":r.primativeColours.solid.grey[900],"background-raised":r.primativeColours.solid.grey[850],"background-overlay":r.primativeColours.solid.grey[800],"background-sunken":r.primativeColours.solid.grey[1e3],"background-alternate":r.primativeColours.solid.lightGrey[1e3],"background-primary":r.primativeColours.primary.dark[1e3],"background-secondary":r.primativeColours.secondary.dark[1e3],"background-tertiary":r.primativeColours.tertiary.dark[1e3],"background-inverse":r.primativeColours.solid.grey[0]},shadow:{"shadow-strong":r.primativeColours.greyShadow[150],"shadow-weak":r.primativeColours.greyShadow[100]}}};exports.darkColours=e,exports.lightColours=i;
 //# sourceMappingURL=semantic.cjs.js.map