@popmenu/ordering-ui 0.156.0 → 0.157.0

package/build/esm/components/NestedModsV2DishModifierCard/NestedModsV2DishModifierCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedModsV2DishModifierCard.js","sources":["../../../../src/components/NestedModsV2DishModifierCard/NestedModsV2DishModifierCard.tsx"],"sourcesContent":["import { Box, Typography } from '@popmenu/common-ui'\nimport React from 'react'\n\nimport classNames from 'classnames'\nimport type { StatusTagProps } from '../StatusTag'\nimport { StatusTag } from '../StatusTag'\nimport { useDishModifierCardStyles } from './DishModifierCard.styles'\nimport { NestedModsV2DishModifierCardProps } from './DishModifierCardProps'\nimport { ModifierControls } from './ModifierControls'\n\nconst getStatusTagProps = (props: NestedModsV2DishModifierCardProps): StatusTagProps => {\n  const { messages, error, isRequired, isOutOfStock } = props\n  const { optionalText, outOfStockText, requiredText } = messages\n\n  let color: StatusTagProps['color'] = 'default'\n  switch (true) {\n    case error:\n      color = 'error'\n      break\n    case isOutOfStock:\n      color = 'warning'\n      break\n  }\n\n  let label: string = optionalText\n  switch (true) {\n    case isOutOfStock:\n      label = outOfStockText\n      break\n    case isRequired:\n      label = requiredText\n      break\n  }\n\n  const variant = isRequired || isOutOfStock ? 'outlined' : 'filled'\n  return { color, label, variant }\n}\n\nexport const NestedModsV2DishModifierCard = (props: NestedModsV2DishModifierCardProps) => {\n  const {\n    aggregatePrice,\n    name,\n    disableNewSelections,\n    modifiers,\n    value,\n    messages,\n    onChange,\n    type,\n    error,\n    isOutOfStock,\n    isRequired,\n    handleOptionsClick,\n    selectionQuantity,\n    modifierControlsOptions,\n    disableCardStyle = false,\n    hideName = false,\n  } = props\n  const classes = useDishModifierCardStyles()\n\n  return (\n    <Box className={classNames(classes.root, { [classes.card]: !disableCardStyle })}>\n      <Box\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        width=\"100%\"\n        alignItems=\"center\"\n        height=\"fit-content\"\n        marginBottom={2}\n      >\n        <Box className={classNames({ [classes.optionalStatusTag]: !isRequired && !isOutOfStock })}>\n          <StatusTag {...getStatusTagProps(props)} />\n        </Box>\n        {!isOutOfStock && (\n          <Typography\n            variant=\"subtitle1\"\n            className={classNames({ [classes.error]: error, [classes.helperText]: !error })}\n          >\n            {messages.helperText}\n          </Typography>\n        )}\n      </Box>\n      {!hideName && (\n        <Typography component=\"h3\" className={classes.name}>\n          {name}\n        </Typography>\n      )}\n      <Box>\n        <ModifierControls\n          name={name}\n          value={value}\n          modifiers={modifiers}\n          isOutOfStock={isOutOfStock}\n          isRequired={isRequired}\n          onChange={onChange}\n          disableNewSelections={disableNewSelections}\n          type={type}\n          messages={messages}\n          handleOptionsClick={handleOptionsClick}\n          aggregatePrice={aggregatePrice}\n          selectionQuantity={selectionQuantity}\n          modifierControlsOptions={modifierControlsOptions}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nNestedModsV2DishModifierCard.displayName = 'NestedModsV2DishModifierCard'\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"NestedModsV2DishModifierCard.js","sources":["../../../../src/components/NestedModsV2DishModifierCard/NestedModsV2DishModifierCard.tsx"],"sourcesContent":["import { Box, Typography } from '@popmenu/common-ui'\nimport React from 'react'\n\nimport classNames from 'classnames'\nimport type { StatusTagProps } from '../StatusTag'\nimport { StatusTag } from '../StatusTag'\nimport { useDishModifierCardStyles } from './DishModifierCard.styles'\nimport { NestedModsV2DishModifierCardProps } from './DishModifierCardProps'\nimport { ModifierControls } from './ModifierControls'\n\nconst getStatusTagProps = (props: NestedModsV2DishModifierCardProps): StatusTagProps => {\n  const { messages, error, isRequired, isOutOfStock } = props\n  const { optionalText, outOfStockText, requiredText } = messages\n\n  let color: StatusTagProps['color'] = 'default'\n  switch (true) {\n    case error:\n      color = 'error'\n      break\n    case isOutOfStock:\n      color = 'warning'\n      break\n  }\n\n  let label: string = optionalText\n  switch (true) {\n    case isOutOfStock:\n      label = outOfStockText\n      break\n    case isRequired:\n      label = requiredText\n      break\n  }\n\n  const variant = isRequired || isOutOfStock ? 'outlined' : 'filled'\n  return { color, label, variant }\n}\n\nexport const NestedModsV2DishModifierCard = (props: NestedModsV2DishModifierCardProps) => {\n  const {\n    aggregatePrice,\n    name,\n    disableNewSelections,\n    modifiers,\n    value,\n    messages,\n    onChange,\n    type,\n    error,\n    isOutOfStock,\n    isRequired,\n    handleOptionsClick,\n    selectionQuantity,\n    modifierControlsOptions,\n    renderAfterModifier,\n    disableCardStyle = false,\n    hideName = false,\n  } = props\n  const classes = useDishModifierCardStyles()\n\n  return (\n    <Box className={classNames(classes.root, { [classes.card]: !disableCardStyle })}>\n      <Box\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        width=\"100%\"\n        alignItems=\"center\"\n        height=\"fit-content\"\n        marginBottom={2}\n      >\n        <Box className={classNames({ [classes.optionalStatusTag]: !isRequired && !isOutOfStock })}>\n          <StatusTag {...getStatusTagProps(props)} />\n        </Box>\n        {!isOutOfStock && (\n          <Typography\n            variant=\"subtitle1\"\n            className={classNames({ [classes.error]: error, [classes.helperText]: !error })}\n          >\n            {messages.helperText}\n          </Typography>\n        )}\n      </Box>\n      {!hideName && (\n        <Typography component=\"h3\" className={classes.name}>\n          {name}\n        </Typography>\n      )}\n      <Box>\n        <ModifierControls\n          name={name}\n          value={value}\n          modifiers={modifiers}\n          isOutOfStock={isOutOfStock}\n          isRequired={isRequired}\n          onChange={onChange}\n          disableNewSelections={disableNewSelections}\n          type={type}\n          messages={messages}\n          handleOptionsClick={handleOptionsClick}\n          aggregatePrice={aggregatePrice}\n          selectionQuantity={selectionQuantity}\n          modifierControlsOptions={modifierControlsOptions}\n          renderAfterModifier={renderAfterModifier}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nNestedModsV2DishModifierCard.displayName = 'NestedModsV2DishModifierCard'\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/OrderingAppContext/OrderingAppContext.d.ts

@@ -14,5 +14,5 @@ export declare const useOrderingAppContext: () => OrderingAppContextType;
 type OrderingAppContextProviderProps = PropsWithChildren<{
     defaultContext: OrderingAppContextValue;
 }>;
-export declare const OrderingAppContextProvider: (props: OrderingAppContextProviderProps) => React.JSX.Element;
+export declare const OrderingAppContextProvider: (props: OrderingAppContextProviderProps) => JSX.Element;
 export {};

package/build/esm/components/PageSection/PageSection.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const PageSection: (props: {
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;

package/build/esm/components/ReactionCounter/ReactionCounter.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { ReactionCounterProps } from './ReactionCounterProps';
-export declare const ReactionCounter: (props: ReactionCounterProps) => React.JSX.Element;
+export declare const ReactionCounter: (props: ReactionCounterProps) => JSX.Element;

package/build/esm/components/ReactionCounterGroup/ReactionCounterGroup.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 type ReactionCounterGroupProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
-export declare const ReactionCounterGroup: (props: ReactionCounterGroupProps) => React.JSX.Element;
+export declare const ReactionCounterGroup: (props: ReactionCounterGroupProps) => JSX.Element;
 export {};

package/build/esm/components/SelectableChip/SelectableChip.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { SelectableChipProps } from './SelectableChipProps';
-export declare const SelectableChip: (props: SelectableChipProps) => React.JSX.Element;
+export declare const SelectableChip: (props: SelectableChipProps) => JSX.Element;

package/build/esm/components/SelectableChipGroup/SelectableChipGroup.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 type SelectableChipGroupProps = {
     children: React.ReactNode;
 } & React.HTMLAttributes<HTMLElement>;
-export declare const SelectableChipGroup: (props: SelectableChipGroupProps) => React.JSX.Element;
+export declare const SelectableChipGroup: (props: SelectableChipGroupProps) => JSX.Element;
 export {};

package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersList.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { SelectedMenuFiltersListProps } from './SelectedMenuFiltersListProps';
-export declare const SelectedMenuFiltersList: (props: SelectedMenuFiltersListProps) => React.JSX.Element;
+export declare const SelectedMenuFiltersList: (props: SelectedMenuFiltersListProps) => JSX.Element;

package/build/esm/components/StatusTag/StatusTag.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { StatusTagProps } from './StatusTagProps';
 export declare const StatusTag: {
-    ({ color, label, size, variant }: StatusTagProps): React.JSX.Element;
+    ({ color, label, size, variant }: StatusTagProps): JSX.Element;
     displayName: string;
 };

package/build/esm/components/StatusTag/StatusTag.styles.js

@@ -35,15 +35,15 @@ const useStatusTagStyles = makeStyles((theme) => ({
         color: theme.palette.grey[900],
     },
     popular: {
-        backgroundColor: theme.palette.tagSurface.pink,
+        backgroundColor: '#F6B7BE',
         color: theme.palette.grey[900],
     },
     recommended: {
-        backgroundColor: theme.palette.tagSurface.blue,
+        backgroundColor: '#A5BBFF',
         color: theme.palette.grey[900],
     },
     bestselling: {
-        backgroundColor: theme.palette.tagSurface.mint,
+        backgroundColor: '#AFFFE8',
         color: theme.palette.grey[900],
     },
 }));

package/build/esm/components/StatusTag/StatusTag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTag.styles.js","sources":["../../../../src/components/StatusTag/StatusTag.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useStatusTagStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    borderRadius: '5px',\n    display: 'flex',\n    padding: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 'fit-content',\n  },\n  filled: {\n    backgroundColor: theme.palette.grey[100],\n    color: theme.palette.grey[900],\n  },\n  outlined: {\n    border: `1px solid var(--surfaces-card-stroke, ${theme.palette.grey[900]})`,\n  },\n  small: {\n    padding: theme.spacing(0.25, 0.75),\n  },\n  default: {\n    color: theme.palette.grey[900],\n  },\n  warning: {\n    borderColor: theme.palette.warning.dark,\n    color: theme.palette.warning.dark,\n  },\n  error: {\n    borderColor: theme.palette.error.main,\n    color: theme.palette.error.main,\n  },\n  highlight: {\n    backgroundColor: theme.palette.warning.light,\n    color: theme.palette.grey[900],\n  },\n  popular: {\n    backgroundColor: theme.palette.tagSurface.pink,\n    color: theme.palette.grey[900],\n  },\n  recommended: {\n    backgroundColor: theme.palette.tagSurface.blue,\n    color: theme.palette.grey[900],\n  },\n  bestselling: {\n    backgroundColor: theme.palette.tagSurface.mint,\n    color: theme.palette.grey[900],\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,kBAAkB,GAAG,UAAU,CAAQ,CAAC,KAAK,MAAM;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,KAAK,EAAE,aAAa;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,CAAyC,sCAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAG,CAAA,CAAA;AAC5E,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;AACnC,KAAA;AACD,IAAA,OAAO,EAAE;QACP,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AACrC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;QAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;QAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;QAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"StatusTag.styles.js","sources":["../../../../src/components/StatusTag/StatusTag.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useStatusTagStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    borderRadius: '5px',\n    display: 'flex',\n    padding: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 'fit-content',\n  },\n  filled: {\n    backgroundColor: theme.palette.grey[100],\n    color: theme.palette.grey[900],\n  },\n  outlined: {\n    border: `1px solid var(--surfaces-card-stroke, ${theme.palette.grey[900]})`,\n  },\n  small: {\n    padding: theme.spacing(0.25, 0.75),\n  },\n  default: {\n    color: theme.palette.grey[900],\n  },\n  warning: {\n    borderColor: theme.palette.warning.dark,\n    color: theme.palette.warning.dark,\n  },\n  error: {\n    borderColor: theme.palette.error.main,\n    color: theme.palette.error.main,\n  },\n  highlight: {\n    backgroundColor: theme.palette.warning.light,\n    color: theme.palette.grey[900],\n  },\n  popular: {\n    backgroundColor: '#F6B7BE',\n    color: theme.palette.grey[900],\n  },\n  recommended: {\n    backgroundColor: '#A5BBFF',\n    color: theme.palette.grey[900],\n  },\n  bestselling: {\n    backgroundColor: '#AFFFE8',\n    color: theme.palette.grey[900],\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,kBAAkB,GAAG,UAAU,CAAQ,CAAC,KAAK,MAAM;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,KAAK,EAAE,aAAa;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,CAAyC,sCAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAG,CAAA,CAAA;AAC5E,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;AACnC,KAAA;AACD,IAAA,OAAO,EAAE;QACP,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AACrC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/theme/palette.d.ts

@@ -23,9 +23,4 @@ export declare const palette: {
         main: string;
         dark: string;
     };
-    tagSurface: {
-        pink: string;
-        blue: string;
-        mint: string;
-    };
 };

package/build/esm/theme/palette.js

@@ -23,11 +23,6 @@ const palette = {
         main: '#F5C364',
         dark: '#E57E45',
     },
-    tagSurface: {
-        pink: '#F6B7BE',
-        blue: '#A5BBFF',
-        mint: '#AFFFE8',
-    },
 };
 
 export { palette };

package/build/esm/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":["../../../src/theme/palette.ts"],"sourcesContent":["export const palette = {\n  primary: {\n    main: '#0A202F',\n  },\n  info: {\n    light: '#52B7FF',\n    main: '#0071C2',\n    dark: '#164B54',\n  },\n  success: {\n    light: '#48D3AB',\n    main: '#00B485',\n    dark: '#00663E',\n    contrastText: '#FFFFFF',\n  },\n  error: {\n    light: '#DA777E',\n    main: '#E52021',\n    dark: '#A80005',\n  },\n  warning: {\n    light: '#F0DFBA',\n    main: '#F5C364',\n    dark: '#E57E45',\n  },\n  tagSurface: {\n    pink: '#F6B7BE',\n    blue: '#A5BBFF',\n    mint: '#AFFFE8',\n  },\n}\n"],"names":[],"mappings":"AAAa,MAAA,OAAO,GAAG;AACrB,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,YAAY,EAAE,SAAS;AACxB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;;;;;"}
+{"version":3,"file":"palette.js","sources":["../../../src/theme/palette.ts"],"sourcesContent":["export const palette = {\n  primary: {\n    main: '#0A202F',\n  },\n  info: {\n    light: '#52B7FF',\n    main: '#0071C2',\n    dark: '#164B54',\n  },\n  success: {\n    light: '#48D3AB',\n    main: '#00B485',\n    dark: '#00663E',\n    contrastText: '#FFFFFF',\n  },\n  error: {\n    light: '#DA777E',\n    main: '#E52021',\n    dark: '#A80005',\n  },\n  warning: {\n    light: '#F0DFBA',\n    main: '#F5C364',\n    dark: '#E57E45',\n  },\n}\n"],"names":[],"mappings":"AAAa,MAAA,OAAO,GAAG;AACrB,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,YAAY,EAAE,SAAS;AACxB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/ordering-ui",
-  "version": "0.156.0",
+  "version": "0.157.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components specifically for the popmenu Online Ordering web app.",
@@ -32,5 +32,5 @@
     "react": "18.x || 19.x"
   },
   "sideEffects": false,
-  "gitHead": "390beafb484a58645ca5a7331c94a018ffe4dc92"
+  "gitHead": "0870590d9a2151f24a11f67adf0bf150787f2078"
 }