@flipdish/portal-library 3.5.0 → 3.7.0

package/dist/components/atoms/AvatarGroup/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("@mui/material/AvatarGroup");module.exports=r;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/AvatarGroup/index.cjs.js.map

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

package/dist/components/atoms/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+import AvatarGroup from '@mui/material/AvatarGroup';
+export { default } from '@mui/material/AvatarGroup';

package/dist/components/atoms/AvatarGroup/index.js

@@ -0,0 +1,2 @@
+import r from"@mui/material/AvatarGroup";export{default}from"@mui/material/AvatarGroup";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/AvatarGroup/index.js.map

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

package/dist/components/atoms/Badge/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Chip"),a=require("@mui/material/styles");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(t);const l=(e,t)=>({neutral:{backgroundColor:t.palette.semantic.fill["fill-weak"],borderColor:t.palette.semantic.stroke["stroke-weak"],color:t.palette.semantic.text["text-strong"]},error:{backgroundColor:t.palette.semantic.fill["fill-error-weak"],borderColor:t.palette.semantic.stroke["stroke-error-weak"],color:t.palette.semantic.text["text-error"]},warning:{backgroundColor:t.palette.semantic.fill["fill-warning-weak"],borderColor:t.palette.semantic.stroke["stroke-warning-weak"],color:t.palette.semantic.text["text-warning"]},success:{backgroundColor:t.palette.semantic.fill["fill-success-weak"],borderColor:t.palette.semantic.stroke["stroke-success-weak"],color:t.palette.semantic.text["text-success"]},information:{backgroundColor:t.palette.semantic.fill["fill-information-weak"],borderColor:t.palette.semantic.stroke["stroke-information-weak"],color:t.palette.semantic.text["text-information"]},brand:{backgroundColor:t.palette.semantic.fill["fill-primary-weak"],borderColor:t.palette.semantic.stroke["stroke-primary-weak"],color:t.palette.semantic.text["text-primary"]}}[e]),n=a.styled(r,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t,size:r})=>({fontSize:"small"===r?e.typography.caption.fontSize:e.typography.body1.fontSize,lineHeight:"small"===r?e.typography.caption.lineHeight:e.typography.body1.lineHeight,fontWeight:400,padding:e.spacing(0,1),borderRadius:"small"===r?e.radius["radius-4"]:e.radius["radius-8"],borderWidth:"1px",borderStyle:"solid","& .MuiChip-label":{padding:e.spacing(0,.5)},"& .MuiChip-icon":{paddingRight:e.spacing(.5),color:"neutral"===t?e.palette.semantic.icon[""]:"inherit",fontSize:"inherit"},...l(t,e)}))),s=i.memo((({label:t,tone:r="neutral",size:a="medium",icon:o,className:i,"data-testid":l})=>e.jsx(n,{className:i,"data-testid":l,icon:o,label:t,size:a,tone:r})));s.displayName="Badge",exports.BADGE_TONES=["neutral","error","warning","success","information","brand"],exports.default=s;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Badge/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon[''] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"0cAMa,MAyBPA,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAMA,OAACC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,IAAM,UAC9Db,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAAA,IAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc,4BAvHO,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe"}

package/dist/components/atoms/Badge/index.d.ts

@@ -0,0 +1,34 @@
+import * as react from 'react';
+import { ChipProps } from '@mui/material/Chip';
+
+/** Available visual tones for the Badge component */
+declare const BADGE_TONES: readonly ["neutral", "error", "warning", "success", "information", "brand"];
+type BadgeTone = (typeof BADGE_TONES)[number];
+/** Props for the Badge component */
+interface BadgeProps {
+    /** Text label displayed in the badge */
+    label: string;
+    /** Visual tone/color of the badge */
+    tone?: BadgeTone;
+    /** Size of the badge */
+    size?: ChipProps['size'];
+    /** Optional icon to display within the badge */
+    icon?: ChipProps['icon'];
+    /** Additional CSS class names */
+    className?: string;
+    /** Test ID for testing and automation */
+    'data-testid'?: string;
+}
+/**
+ * Badge component is used to highlight and categorize information using short text labels.
+ * It supports different visual tones to convey different semantic meanings and can include
+ * an optional icon.
+ *
+ * React.memo is used to optimize performance by preventing unnecessary re-renders
+ * when the component's props haven't changed, which is beneficial for components
+ * that may be used frequently throughout the application.
+ */
+declare const Badge: react.MemoExoticComponent<({ label, tone, size, icon, className, "data-testid": dataTestId, }: BadgeProps) => JSX.Element>;
+
+export { BADGE_TONES, Badge as default };
+export type { BadgeProps, BadgeTone };

package/dist/components/atoms/Badge/index.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import*as t from"react";import r from"@mui/material/Chip";import{styled as a}from"@mui/material/styles";const o=["neutral","error","warning","success","information","brand"],i=(e,t)=>({neutral:{backgroundColor:t.palette.semantic.fill["fill-weak"],borderColor:t.palette.semantic.stroke["stroke-weak"],color:t.palette.semantic.text["text-strong"]},error:{backgroundColor:t.palette.semantic.fill["fill-error-weak"],borderColor:t.palette.semantic.stroke["stroke-error-weak"],color:t.palette.semantic.text["text-error"]},warning:{backgroundColor:t.palette.semantic.fill["fill-warning-weak"],borderColor:t.palette.semantic.stroke["stroke-warning-weak"],color:t.palette.semantic.text["text-warning"]},success:{backgroundColor:t.palette.semantic.fill["fill-success-weak"],borderColor:t.palette.semantic.stroke["stroke-success-weak"],color:t.palette.semantic.text["text-success"]},information:{backgroundColor:t.palette.semantic.fill["fill-information-weak"],borderColor:t.palette.semantic.stroke["stroke-information-weak"],color:t.palette.semantic.text["text-information"]},brand:{backgroundColor:t.palette.semantic.fill["fill-primary-weak"],borderColor:t.palette.semantic.stroke["stroke-primary-weak"],color:t.palette.semantic.text["text-primary"]}}[e]),l=a(r,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t,size:r})=>({fontSize:"small"===r?e.typography.caption.fontSize:e.typography.body1.fontSize,lineHeight:"small"===r?e.typography.caption.lineHeight:e.typography.body1.lineHeight,fontWeight:400,padding:e.spacing(0,1),borderRadius:"small"===r?e.radius["radius-4"]:e.radius["radius-8"],borderWidth:"1px",borderStyle:"solid","& .MuiChip-label":{padding:e.spacing(0,.5)},"& .MuiChip-icon":{paddingRight:e.spacing(.5),color:"neutral"===t?e.palette.semantic.icon[""]:"inherit",fontSize:"inherit"},...i(t,e)}))),n=t.memo((({label:t,tone:r="neutral",size:a="medium",icon:o,className:i,"data-testid":n})=>e(l,{className:i,"data-testid":n,icon:o,label:t,size:a,tone:r})));n.displayName="Badge";export{o as BADGE_TONES,n as default};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon[''] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["BADGE_TONES","getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"gJAMa,MAAAA,EAAc,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe,SAyB/EC,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAOC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,IAAM,UAC9Db,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc"}

package/dist/components/atoms/Checkbox/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/Checkbox");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Checkbox/index.cjs.js.map

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

package/dist/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import Checkbox from '@mui/material/Checkbox';
+export { default } from '@mui/material/Checkbox';

package/dist/components/atoms/Checkbox/index.js

@@ -0,0 +1,2 @@
+import m from"@mui/material/Checkbox";export{default}from"@mui/material/Checkbox";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Checkbox/index.js.map

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

package/dist/components/atoms/Collapse/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/Collapse");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Collapse/index.cjs.js.map

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

package/dist/components/atoms/Collapse/index.d.ts

@@ -0,0 +1,2 @@
+import Collapse from '@mui/material/Collapse';
+export { default } from '@mui/material/Collapse';

package/dist/components/atoms/Collapse/index.js

@@ -0,0 +1,2 @@
+import a from"@mui/material/Collapse";export{default}from"@mui/material/Collapse";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Collapse/index.js.map

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

package/dist/components/atoms/FormHelperText/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/FormHelperText");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/FormHelperText/index.cjs.js.map

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

package/dist/components/atoms/FormHelperText/index.d.ts

@@ -0,0 +1,2 @@
+import FormHelperText from '@mui/material/FormHelperText';
+export { default } from '@mui/material/FormHelperText';

package/dist/components/atoms/FormHelperText/index.js

@@ -0,0 +1,2 @@
+import e from"@mui/material/FormHelperText";export{default}from"@mui/material/FormHelperText";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/FormHelperText/index.js.map

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

package/dist/components/atoms/Radio/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/Radio");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Radio/index.cjs.js.map

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

package/dist/components/atoms/Radio/index.d.ts

@@ -0,0 +1,2 @@
+import Radio from '@mui/material/Radio';
+export { default } from '@mui/material/Radio';

package/dist/components/atoms/Radio/index.js

@@ -0,0 +1,2 @@
+import a from"@mui/material/Radio";export{default}from"@mui/material/Radio";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Radio/index.js.map

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

package/dist/components/atoms/Select/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/Select");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Select/index.cjs.js.map

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

package/dist/components/atoms/Select/index.d.ts

@@ -0,0 +1,2 @@
+import Select from '@mui/material/Select';
+export { default } from '@mui/material/Select';

package/dist/components/atoms/Select/index.js

@@ -0,0 +1,2 @@
+import e from"@mui/material/Select";export{default}from"@mui/material/Select";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Select/index.js.map

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

package/dist/components/atoms/TextField/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/TextField");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/TextField/index.cjs.js.map

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

package/dist/components/atoms/TextField/index.d.ts

@@ -0,0 +1,2 @@
+import TextField from '@mui/material/TextField';
+export { default } from '@mui/material/TextField';

package/dist/components/atoms/TextField/index.js

@@ -0,0 +1,2 @@
+import e from"@mui/material/TextField";export{default}from"@mui/material/TextField";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/TextField/index.js.map

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

package/dist/components/molecules/Autocomplete/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/Autocomplete");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/Autocomplete/index.cjs.js.map

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

package/dist/components/molecules/Autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+import Autocomplete from '@mui/material/Autocomplete';
+export { default } from '@mui/material/Autocomplete';

package/dist/components/molecules/Autocomplete/index.js

@@ -0,0 +1,2 @@
+import m from"@mui/material/Autocomplete";export{default}from"@mui/material/Autocomplete";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/Autocomplete/index.js.map

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

package/dist/components/molecules/FormControlLabel/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("@mui/material/FormControlLabel");module.exports=r;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/FormControlLabel/index.cjs.js.map

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

package/dist/components/molecules/FormControlLabel/index.d.ts

@@ -0,0 +1,2 @@
+import FormControlLabel from '@mui/material/FormControlLabel';
+export { default } from '@mui/material/FormControlLabel';

package/dist/components/molecules/FormControlLabel/index.js

@@ -0,0 +1,2 @@
+import o from"@mui/material/FormControlLabel";export{default}from"@mui/material/FormControlLabel";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/FormControlLabel/index.js.map

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

package/dist/components/molecules/FormGroup/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("@mui/material/FormGroup");module.exports=r;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/FormGroup/index.cjs.js.map

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

package/dist/components/molecules/FormGroup/index.d.ts

@@ -0,0 +1,2 @@
+import FormGroup from '@mui/material/FormGroup';
+export { default } from '@mui/material/FormGroup';

package/dist/components/molecules/FormGroup/index.js

@@ -0,0 +1,2 @@
+import r from"@mui/material/FormGroup";export{default}from"@mui/material/FormGroup";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/FormGroup/index.js.map

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

package/dist/components/molecules/RadioGroup/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("@mui/material/RadioGroup");module.exports=r;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/RadioGroup/index.cjs.js.map

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

package/dist/components/molecules/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+import RadioGroup from '@mui/material/RadioGroup';
+export { default } from '@mui/material/RadioGroup';

package/dist/components/molecules/RadioGroup/index.js

@@ -0,0 +1,2 @@
+import o from"@mui/material/RadioGroup";export{default}from"@mui/material/RadioGroup";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/RadioGroup/index.js.map

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

package/dist/components/utilities/useTheme/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/styles/useTheme");module.exports=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/utilities/useTheme/index.cjs.js.map

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

package/dist/components/utilities/useTheme/index.d.ts

@@ -0,0 +1,2 @@
+import useTheme from '@mui/material/styles/useTheme';
+export { default } from '@mui/material/styles/useTheme';

package/dist/components/utilities/useTheme/index.js

@@ -0,0 +1,2 @@
+import e from"@mui/material/styles/useTheme";export{default}from"@mui/material/styles/useTheme";
+//# sourceMappingURL=index.js.map

package/dist/components/utilities/useTheme/index.js.map

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

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 { darkTheme, lightTheme } from './flipdishPublicTheme';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  themeModeOverride?: 'dark' | 'light';\n}\n\nconst ThemeProvider = ({ children, themeModeOverride }: ThemeProviderProps) => {\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":"kLAUsB,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,IACgB"}

package/dist/themes/ThemeProvider.d.ts

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import './theme.js';
 
 interface ThemeProviderProps {
     children: React.ReactNode;
     themeModeOverride?: 'dark' | 'light';
 }
-declare const ThemeProvider: ({ children, themeModeOverride }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
+declare const ThemeProvider: ({ children, themeModeOverride }: ThemeProviderProps) => JSX.Element;
 
 export { ThemeProvider as default };

package/dist/themes/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../src/themes/ThemeProvider.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\n\nimport { darkTheme, lightTheme } from './flipdishPublicTheme';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  themeModeOverride?: 'dark' | 'light';\n}\n\nconst ThemeProvider = ({ children, themeModeOverride }: ThemeProviderProps) => {\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":["ThemeProvider","children","themeModeOverride","_jsxs","MuiThemeProvider","theme","darkTheme","lightTheme","_jsx","CssBaseline"],"mappings":"qNAUM,MAAAA,EAAgB,EAAGC,WAAUC,uBAI/BC,EAACC,EAAgB,CAACC,MAHgB,SAAtBH,EAA+BI,EAAYC,EAIrDN,SAAA,CAAAO,EAACC,EAAc,CAAA,GACdR"}
+{"version":3,"file":"ThemeProvider.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":["ThemeProvider","children","themeModeOverride","_jsxs","MuiThemeProvider","theme","darkTheme","lightTheme","_jsx","CssBaseline"],"mappings":"qNAYM,MAAAA,EAAgB,EAAGC,WAAUC,uBAI/BC,EAACC,EAAgB,CAACC,MAHgB,SAAtBH,EAA+BI,EAAYC,EAIrDN,SAAA,CAAAO,EAACC,EAAc,CAAA,GACdR"}

package/dist/themes/theme.cjs.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=theme.cjs.js.map

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

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

package/dist/themes/theme.d.ts

@@ -0,0 +1,322 @@
+import { Breakpoint } from '@mui/material/styles';
+import { RadiusToken } from './tokens/radius/radius.js';
+
+declare module '@mui/material/styles' {
+    interface Palette {
+        semantic: {
+            text: {
+                'text-strong': string;
+                'text-weak': string;
+                'text-primary': string;
+                'text-disabled': string;
+                'text-error': string;
+                'text-warning': string;
+                'text-success': string;
+                'text-information': string;
+                'text-inverse-strong': string;
+                'text-inverse-weak': string;
+                'text-inverse-disabled': string;
+            };
+            stroke: {
+                'stroke-strong': string;
+                'stroke-weak': string;
+                'stroke-selected': string;
+                'stroke-focus': string;
+                'stroke-disabled': string;
+                'stroke-primary-strong': string;
+                'stroke-primary-weak': string;
+                'stroke-secondary': string;
+                'stroke-tertiary': string;
+                'stroke-error-strong': string;
+                'stroke-error-weak': string;
+                'stroke-warning-strong': string;
+                'stroke-warning-weak': string;
+                'stroke-success-strong': string;
+                'stroke-success-weak': string;
+                'stroke-information-strong': string;
+                'stroke-information-weak': string;
+                'stroke-inverse-strong': string;
+                'stroke-inverse-weak': string;
+                'stroke-inverse-disabled': string;
+            };
+            icon: {
+                'icon-strong': string;
+                'icon-primary': string;
+                'icon-disabled': string;
+                'icon-error': string;
+                'icon-warning': string;
+                'icon-success': string;
+                'icon-information': string;
+                'icon-inverse': string;
+                'icon-inverse-strong': string;
+                'icon-inverse-disabled': string;
+            };
+            fill: {
+                'fill-strong': string;
+                'fill-weak': string;
+                'fill-weaker': string;
+                'fill-hover': string;
+                'fill-press': string;
+                'fill-selected': string;
+                'fill-disabled': string;
+                'fill-overlay': string;
+                'fill-primary-strong': string;
+                'fill-primary-weak': string;
+                'fill-secondary': string;
+                'fill-tertiary': string;
+                'fill-error-strong': string;
+                'fill-error-weak': string;
+                'fill-warning-strong': string;
+                'fill-warning-weak': string;
+                'fill-success-strong': string;
+                'fill-success-weak': string;
+                'fill-information-strong': string;
+                'fill-information-weak': string;
+                'fill-inverse-strong': string;
+                'fill-inverse-weak': string;
+                'fill-inverse-hover': string;
+                'fill-inverse-press': string;
+                'fill-inverse-disabled': string;
+                'fill-flipdishlogo': string;
+                'fill-black': string;
+                'fill-white': string;
+                'fill-yellow': string;
+                'fill-lightgrey': string;
+                'fill-lime': string;
+                'fill-pink': string;
+            };
+            background: {
+                'background-base': string;
+                'background-raised': string;
+                'background-overlay': string;
+                'background-sunken': string;
+                'background-alternate': string;
+                'background-primary': string;
+                'background-secondary': string;
+                'background-tertiary': string;
+                'background-inverse': string;
+            };
+            shadow: {
+                'shadow-strong': string;
+                'shadow-weak': string;
+            };
+        };
+    }
+    interface PaletteOptions {
+        semantic?: {
+            text?: {
+                'text-strong'?: string;
+                'text-weak'?: string;
+                'text-primary'?: string;
+                'text-disabled'?: string;
+                'text-error'?: string;
+                'text-warning'?: string;
+                'text-success'?: string;
+                'text-information'?: string;
+                'text-inverse-strong'?: string;
+                'text-inverse-weak'?: string;
+                'text-inverse-disabled'?: string;
+            };
+            stroke?: {
+                'stroke-strong'?: string;
+                'stroke-weak'?: string;
+                'stroke-selected'?: string;
+                'stroke-focus'?: string;
+                'stroke-disabled'?: string;
+                'stroke-primary-strong'?: string;
+                'stroke-primary-weak'?: string;
+                'stroke-secondary'?: string;
+                'stroke-tertiary'?: string;
+                'stroke-error-strong'?: string;
+                'stroke-error-weak'?: string;
+                'stroke-warning-strong'?: string;
+                'stroke-warning-weak'?: string;
+                'stroke-success-strong'?: string;
+                'stroke-success-weak'?: string;
+                'stroke-information-strong'?: string;
+                'stroke-information-weak'?: string;
+                'stroke-inverse-strong'?: string;
+                'stroke-inverse-weak'?: string;
+                'stroke-inverse-disabled'?: string;
+            };
+            icon?: {
+                'icon-strong'?: string;
+                'icon-primary'?: string;
+                'icon-disabled'?: string;
+                'icon-error'?: string;
+                'icon-warning'?: string;
+                'icon-success'?: string;
+                'icon-information'?: string;
+                'icon-inverse': string;
+                'icon-inverse-strong'?: string;
+                'icon-inverse-disabled'?: string;
+            };
+            fill?: {
+                'fill-strong'?: string;
+                'fill-weak'?: string;
+                'fill-weaker'?: string;
+                'fill-hover'?: string;
+                'fill-press'?: string;
+                'fill-selected'?: string;
+                'fill-disabled'?: string;
+                'fill-overlay'?: string;
+                'fill-primary-strong'?: string;
+                'fill-primary-weak'?: string;
+                'fill-secondary'?: string;
+                'fill-tertiary'?: string;
+                'fill-error-strong'?: string;
+                'fill-error-weak'?: string;
+                'fill-warning-strong'?: string;
+                'fill-warning-weak'?: string;
+                'fill-success-strong'?: string;
+                'fill-success-weak'?: string;
+                'fill-information-strong'?: string;
+                'fill-information-weak'?: string;
+                'fill-inverse-strong'?: string;
+                'fill-inverse-weak'?: string;
+                'fill-inverse-hover'?: string;
+                'fill-inverse-press'?: string;
+                'fill-inverse-disabled'?: string;
+                'fill-flipdishlogo'?: string;
+                'fill-black'?: string;
+                'fill-white'?: string;
+                'fill-yellow'?: string;
+                'fill-lightgrey'?: string;
+                'fill-lime'?: string;
+                'fill-pink'?: string;
+            };
+            background?: {
+                'background-base'?: string;
+                'background-raised'?: string;
+                'background-overlay'?: string;
+                'background-sunken'?: string;
+                'background-alternate'?: string;
+                'background-primary'?: string;
+                'background-secondary'?: string;
+                'background-tertiary'?: string;
+                'background-inverse'?: string;
+            };
+            shadow?: {
+                'shadow-strong'?: string;
+                'shadow-weak'?: string;
+            };
+        };
+    }
+    interface Theme {
+        breakpoints: {
+            up: (key: Breakpoint | number) => string;
+            down: (key: Breakpoint | number) => string;
+            only: (key: Breakpoint | number) => string;
+        };
+        radius?: Record<RadiusToken, string>;
+    }
+    interface BreakpointOverrides {
+        base: true;
+        mobile: true;
+        tablet: true;
+        laptop: true;
+        desktop: true;
+        widescreen: true;
+        xs: false;
+        sm: false;
+        md: false;
+        lg: false;
+        xl: false;
+        xxl: false;
+    }
+    interface ThemeOptions {
+        radius?: Record<RadiusToken, string>;
+    }
+    interface TypographyVariants {
+        d1Strong: React.CSSProperties;
+        d1Weak: React.CSSProperties;
+        d2Strong: React.CSSProperties;
+        d2Weak: React.CSSProperties;
+        d3Strong: React.CSSProperties;
+        d3Weak: React.CSSProperties;
+        d3WeakAlternate: React.CSSProperties;
+        d4Strong: React.CSSProperties;
+        d4Weak: React.CSSProperties;
+        d4WeakAlternate: React.CSSProperties;
+        h1Strong: React.CSSProperties;
+        h1Weak: React.CSSProperties;
+        h1WeakAlternate: React.CSSProperties;
+        h2Strong: React.CSSProperties;
+        h2Weak: React.CSSProperties;
+        h3Strong: React.CSSProperties;
+        h3Weak: React.CSSProperties;
+        h4Strong: React.CSSProperties;
+        h4Weak: React.CSSProperties;
+        h4StrongUnderlined: React.CSSProperties;
+        b1Strong: React.CSSProperties;
+        b1Weak: React.CSSProperties;
+        b1StrongUnderlined: React.CSSProperties;
+        b1WeakUnderlined: React.CSSProperties;
+        captionStrong: React.CSSProperties;
+        captionWeak: React.CSSProperties;
+        captionStrongUnderlined: React.CSSProperties;
+        captionWeakUnderlined: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        d1Strong?: React.CSSProperties;
+        d1Weak?: React.CSSProperties;
+        d2Strong?: React.CSSProperties;
+        d2Weak?: React.CSSProperties;
+        d3Strong?: React.CSSProperties;
+        d3Weak?: React.CSSProperties;
+        d3WeakAlternate?: React.CSSProperties;
+        d4Strong?: React.CSSProperties;
+        d4Weak?: React.CSSProperties;
+        d4WeakAlternate?: React.CSSProperties;
+        h1Strong?: React.CSSProperties;
+        h1Weak?: React.CSSProperties;
+        h1WeakAlternate?: React.CSSProperties;
+        h2Strong?: React.CSSProperties;
+        h2Weak?: React.CSSProperties;
+        h3Strong?: React.CSSProperties;
+        h3Weak?: React.CSSProperties;
+        h4Strong?: React.CSSProperties;
+        h4Weak?: React.CSSProperties;
+        h4StrongUnderlined?: React.CSSProperties;
+        b1Strong?: React.CSSProperties;
+        b1Weak?: React.CSSProperties;
+        b1StrongUnderlined?: React.CSSProperties;
+        b1WeakUnderlined?: React.CSSProperties;
+        captionStrong?: React.CSSProperties;
+        captionWeak?: React.CSSProperties;
+        captionStrongUnderlined?: React.CSSProperties;
+        captionWeakUnderlined?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        d1Strong: true;
+        d1Weak: true;
+        d2Strong: true;
+        d2Weak: true;
+        d3Strong: true;
+        d3Weak: true;
+        d3WeakAlternate: true;
+        d4Strong: true;
+        d4Weak: true;
+        d4WeakAlternate: true;
+        h1Strong: true;
+        h1Weak: true;
+        h1WeakAlternate: true;
+        h2Strong: true;
+        h2Weak: true;
+        h3Strong: true;
+        h3Weak: true;
+        h4Strong: true;
+        h4Weak: true;
+        h4StrongUnderlined: true;
+        b1Strong: true;
+        b1Weak: true;
+        b1StrongUnderlined: true;
+        b1WeakUnderlined: true;
+        captionStrong: true;
+        captionWeak: true;
+        captionStrongUnderlined: true;
+        captionWeakUnderlined: true;
+    }
+}

package/dist/themes/theme.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=theme.js.map

package/dist/themes/theme.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "3.5.0",
+  "version": "3.7.0",
   "files": [
     "dist"
   ],