@zidsa/zidmui 2.5.15 → 2.5.17

package/dist/react/cjs/components/app-icon-box.js

@@ -5,18 +5,42 @@ const material = require("@mui/material");
 const AppIconBox = ({
   children,
   background = "default",
+  size = "large",
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { "data-background-color": background, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { "data-background-color": background, "data-size": size, ...props, children });
 };
 const IconWrapper = material.styled(material.Box)(({ theme }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  padding: theme.spacing(1.5),
   borderRadius: theme.spacing(1.5),
   backgroundColor: theme.palette.action.selected,
   flexShrink: 0,
+  // Size variants
+  "&[data-size='large']": {
+    width: 48,
+    height: 48
+  },
+  "&[data-size='medium']": {
+    width: 40,
+    height: 40,
+    "& svg": {
+      fontSize: 20,
+      width: 20,
+      height: 20
+    }
+  },
+  "&[data-size='small']": {
+    width: 24,
+    height: 24,
+    borderRadius: theme.spacing(0.5),
+    "& svg": {
+      fontSize: 16,
+      width: 16,
+      height: 16
+    }
+  },
   "&[data-background-color='default']": {
     backgroundColor: theme.palette.action.hover
   },

package/dist/react/cjs/components/app-icon-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-icon-box.js","sources":["../../../../src/components/app-icon-box.tsx"],"sourcesContent":["import { Box, BoxProps, alpha, styled } from '@mui/material';\n\n//\n//\n\nexport type AppIconBoxbackgroundColor =\n  | 'default'\n  | 'primary'\n  | 'blue'\n  | 'red'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'secondary';\n\nexport type AppIconBoxProps = Omit<BoxProps, 'color'> & {\n  children: React.ReactNode;\n  background?: AppIconBoxbackgroundColor;\n};\n\nexport const AppIconBox: React.FC<AppIconBoxProps> = ({\n  children,\n  background = 'default',\n  ...props\n}) => {\n  return (\n    <IconWrapper data-background-color={background} {...props}>\n      {children}\n    </IconWrapper>\n  );\n};\n\n//\n\nconst IconWrapper = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(1.5),\n  borderRadius: theme.spacing(1.5),\n  backgroundColor: theme.palette.action.selected,\n  flexShrink: 0,\n\n  \"&[data-background-color='default']\": {\n    backgroundColor: theme.palette.action.hover,\n  },\n  \"&[data-background-color='primary']\": {\n    backgroundColor: theme.palette.colors.primary[100],\n  },\n  \"&[data-background-color='blue']\": {\n    backgroundColor: theme.palette.colors.blue[100],\n  },\n  \"&[data-background-color='red']\": {\n    backgroundColor: theme.palette.colors.red[100],\n  },\n  \"&[data-background-color='green']\": {\n    backgroundColor: theme.palette.colors.green[100],\n  },\n  \"&[data-background-color='yellow']\": {\n    backgroundColor: theme.palette.colors.yellow[100],\n  },\n  \"&[data-background-color='orange']\": {\n    backgroundColor: theme.palette.colors.orange[100],\n  },\n  \"&[data-background-color='secondary']\": {\n    backgroundColor: alpha(theme.palette.secondary.main, 0.08),\n  },\n\n  ...theme.applyStyles('dark', {\n    \"&[data-background-color='default']\": {\n      backgroundColor: theme.palette.action.hover,\n    },\n    \"&[data-background-color='primary']\": {\n      backgroundColor: alpha(theme.palette.colors.primary[900], 0.3),\n    },\n    \"&[data-background-color='blue']\": {\n      backgroundColor: alpha(theme.palette.colors.blue[900], 0.3),\n    },\n    \"&[data-background-color='red']\": {\n      backgroundColor: alpha(theme.palette.colors.red[900], 0.3),\n    },\n    \"&[data-background-color='green']\": {\n      backgroundColor: alpha(theme.palette.colors.green[900], 0.3),\n    },\n    \"&[data-background-color='yellow']\": {\n      backgroundColor: alpha(theme.palette.colors.yellow[900], 0.3),\n    },\n    \"&[data-background-color='orange']\": {\n      backgroundColor: alpha(theme.palette.colors.orange[900], 0.3),\n    },\n    \"&[data-background-color='secondary']\": {\n      backgroundColor: alpha(theme.palette.secondary.main, 0.15),\n    },\n  }),\n}));\n"],"names":["styled","Box","alpha"],"mappings":";;;;AAoBO,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,wCACG,aAAA,EAAY,yBAAuB,YAAa,GAAG,OACjD,UACH;AAEJ;AAIA,MAAM,cAAcA,SAAAA,OAAOC,SAAAA,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC9C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAAS,MAAM,QAAQ,GAAG;AAAA,EAC1B,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EACtC,YAAY;AAAA,EAEZ,sCAAsC;AAAA,IACpC,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EAAA;AAAA,EAExC,sCAAsC;AAAA,IACpC,iBAAiB,MAAM,QAAQ,OAAO,QAAQ,GAAG;AAAA,EAAA;AAAA,EAEnD,mCAAmC;AAAA,IACjC,iBAAiB,MAAM,QAAQ,OAAO,KAAK,GAAG;AAAA,EAAA;AAAA,EAEhD,kCAAkC;AAAA,IAChC,iBAAiB,MAAM,QAAQ,OAAO,IAAI,GAAG;AAAA,EAAA;AAAA,EAE/C,oCAAoC;AAAA,IAClC,iBAAiB,MAAM,QAAQ,OAAO,MAAM,GAAG;AAAA,EAAA;AAAA,EAEjD,qCAAqC;AAAA,IACnC,iBAAiB,MAAM,QAAQ,OAAO,OAAO,GAAG;AAAA,EAAA;AAAA,EAElD,qCAAqC;AAAA,IACnC,iBAAiB,MAAM,QAAQ,OAAO,OAAO,GAAG;AAAA,EAAA;AAAA,EAElD,wCAAwC;AAAA,IACtC,iBAAiBC,SAAAA,MAAM,MAAM,QAAQ,UAAU,MAAM,IAAI;AAAA,EAAA;AAAA,EAG3D,GAAG,MAAM,YAAY,QAAQ;AAAA,IAC3B,sCAAsC;AAAA,MACpC,iBAAiB,MAAM,QAAQ,OAAO;AAAA,IAAA;AAAA,IAExC,sCAAsC;AAAA,MACpC,iBAAiBA,SAAAA,MAAM,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE/D,mCAAmC;AAAA,MACjC,iBAAiBA,SAAAA,MAAM,MAAM,QAAQ,OAAO,KAAK,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE5D,kCAAkC;AAAA,MAChC,iBAAiBA,SAAAA,MAAM,MAAM,QAAQ,OAAO,IAAI,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE3D,oCAAoC;AAAA,MAClC,iBAAiBA,SAAAA,MAAM,MAAM,QAAQ,OAAO,MAAM,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE7D,qCAAqC;AAAA,MACnC,iBAAiBA,SAAAA,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE9D,qCAAqC;AAAA,MACnC,iBAAiBA,SAAAA,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE9D,wCAAwC;AAAA,MACtC,iBAAiBA,SAAAA,MAAM,MAAM,QAAQ,UAAU,MAAM,IAAI;AAAA,IAAA;AAAA,EAC3D,CACD;AACH,EAAE;;"}
+{"version":3,"file":"app-icon-box.js","sources":["../../../../src/components/app-icon-box.tsx"],"sourcesContent":["import { Box, BoxProps, alpha, styled } from '@mui/material';\n\n//\n//\n\nexport type AppIconBoxbackgroundColor =\n  | 'default'\n  | 'primary'\n  | 'blue'\n  | 'red'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'secondary';\n\nexport type AppIconBoxSize = 'small' | 'medium' | 'large';\n\nexport type AppIconBoxProps = Omit<BoxProps, 'color'> & {\n  children: React.ReactNode;\n  background?: AppIconBoxbackgroundColor;\n  size?: AppIconBoxSize;\n};\n\nexport const AppIconBox: React.FC<AppIconBoxProps> = ({\n  children,\n  background = 'default',\n  size = 'large',\n  ...props\n}) => {\n  return (\n    <IconWrapper data-background-color={background} data-size={size} {...props}>\n      {children}\n    </IconWrapper>\n  );\n};\n\n//\n\nconst IconWrapper = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: theme.spacing(1.5),\n  backgroundColor: theme.palette.action.selected,\n  flexShrink: 0,\n\n  // Size variants\n  \"&[data-size='large']\": {\n    width: 48,\n    height: 48,\n  },\n  \"&[data-size='medium']\": {\n    width: 40,\n    height: 40,\n    '& svg': {\n      fontSize: 20,\n      width: 20,\n      height: 20,\n    },\n  },\n  \"&[data-size='small']\": {\n    width: 24,\n    height: 24,\n    borderRadius: theme.spacing(0.5),\n    '& svg': {\n      fontSize: 16,\n      width: 16,\n      height: 16,\n    },\n  },\n\n  \"&[data-background-color='default']\": {\n    backgroundColor: theme.palette.action.hover,\n  },\n  \"&[data-background-color='primary']\": {\n    backgroundColor: theme.palette.colors.primary[100],\n  },\n  \"&[data-background-color='blue']\": {\n    backgroundColor: theme.palette.colors.blue[100],\n  },\n  \"&[data-background-color='red']\": {\n    backgroundColor: theme.palette.colors.red[100],\n  },\n  \"&[data-background-color='green']\": {\n    backgroundColor: theme.palette.colors.green[100],\n  },\n  \"&[data-background-color='yellow']\": {\n    backgroundColor: theme.palette.colors.yellow[100],\n  },\n  \"&[data-background-color='orange']\": {\n    backgroundColor: theme.palette.colors.orange[100],\n  },\n  \"&[data-background-color='secondary']\": {\n    backgroundColor: alpha(theme.palette.secondary.main, 0.08),\n  },\n\n  ...theme.applyStyles('dark', {\n    \"&[data-background-color='default']\": {\n      backgroundColor: theme.palette.action.hover,\n    },\n    \"&[data-background-color='primary']\": {\n      backgroundColor: alpha(theme.palette.colors.primary[900], 0.3),\n    },\n    \"&[data-background-color='blue']\": {\n      backgroundColor: alpha(theme.palette.colors.blue[900], 0.3),\n    },\n    \"&[data-background-color='red']\": {\n      backgroundColor: alpha(theme.palette.colors.red[900], 0.3),\n    },\n    \"&[data-background-color='green']\": {\n      backgroundColor: alpha(theme.palette.colors.green[900], 0.3),\n    },\n    \"&[data-background-color='yellow']\": {\n      backgroundColor: alpha(theme.palette.colors.yellow[900], 0.3),\n    },\n    \"&[data-background-color='orange']\": {\n      backgroundColor: alpha(theme.palette.colors.orange[900], 0.3),\n    },\n    \"&[data-background-color='secondary']\": {\n      backgroundColor: alpha(theme.palette.secondary.main, 0.15),\n    },\n  }),\n}));\n"],"names":["jsx","styled","Box","alpha"],"mappings":"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"}

package/dist/react/cjs/components/app-status.js

@@ -11,51 +11,9 @@ const AppStatus = ({
   tooltipProps,
   ...props
 }) => {
-  if (color === "default") color = "neutral";
-  const element = /* @__PURE__ */ jsxRuntime.jsx(StatusElement, { color2: color, size, ref, ...props });
+  const element = /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { color, size, ref, ...props });
   if (!tooltip) return element;
   return /* @__PURE__ */ jsxRuntime.jsx(appTooltip.AppTooltip, { description: tooltip, ...tooltipProps, children: element });
 };
-AppStatus.displayName = "AppStatus";
-const StatusElement = material.styled(material.Chip, {
-  shouldForwardProp: (prop) => prop !== "color2"
-})(({ theme, color2 = "neutral" }) => ({
-  ...color2 === "success" ? {
-    backgroundColor: theme.palette._components.status.success.background,
-    color: theme.palette._components.status.success.color
-  } : void 0,
-  ...color2 === "error" ? {
-    backgroundColor: theme.palette._components.status.error.background,
-    color: theme.palette._components.status.error.color
-  } : void 0,
-  ...color2 === "warning" ? {
-    backgroundColor: theme.palette._components.status.warning.background,
-    color: theme.palette._components.status.warning.color
-  } : void 0,
-  ...color2 === "neutral" ? {
-    backgroundColor: theme.palette._components.status.neutral.background,
-    color: theme.palette._components.status.neutral.color
-  } : void 0,
-  ...color2 === "disabled" ? {
-    backgroundColor: theme.palette._components.status.disabled.background,
-    color: theme.palette._components.status.disabled.color
-  } : void 0,
-  ...color2 === "info" ? {
-    backgroundColor: theme.palette._components.status.info.background,
-    color: theme.palette._components.status.info.color
-  } : void 0,
-  ...color2 === "orange" ? {
-    backgroundColor: theme.palette._components.status.orange.background,
-    color: theme.palette._components.status.orange.color
-  } : void 0,
-  ...color2 === "blue" ? {
-    backgroundColor: theme.palette._components.status.blue.background,
-    color: theme.palette._components.status.blue.color
-  } : void 0,
-  ...color2 === "primary" ? {
-    backgroundColor: theme.palette._components.status.primary.background,
-    color: theme.palette._components.status.primary.color
-  } : void 0
-}));
 exports.AppStatus = AppStatus;
 //# sourceMappingURL=app-status.js.map

package/dist/react/cjs/components/app-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-status.js","sources":["../../../../src/components/app-status.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled, ChipProps, Chip, TooltipProps } from '@mui/material';\n\nimport { AppTooltip } from './app-tooltip';\n\n//\n//\n\nexport type AppStatusColor =\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'neutral'\n  | 'default'\n  | 'disabled'\n  | 'info'\n  | 'orange'\n  | 'blue';\n\nexport type AppStatusProps = Omit<ChipProps, 'color' | 'variant' | 'size'> & {\n  size?: 'small' | 'medium';\n  color?: AppStatusColor;\n  tooltip?: TooltipProps['title'];\n  tooltipProps?: Omit<TooltipProps, 'title' | 'children'>;\n};\n\nexport const AppStatus: React.FC<AppStatusProps> = ({\n  ref,\n  color = 'neutral',\n  size = 'small',\n  tooltip,\n  tooltipProps,\n  ...props\n}) => {\n  if (color === 'default') color = 'neutral';\n\n  const element = <StatusElement color2={color} size={size} ref={ref} {...props} />;\n\n  //\n\n  if (!tooltip) return element;\n\n  return (\n    <AppTooltip description={tooltip} {...tooltipProps}>\n      {element}\n    </AppTooltip>\n  );\n};\n\nAppStatus.displayName = 'AppStatus';\n\n//\n\nconst StatusElement = styled(Chip, {\n  shouldForwardProp: prop => prop !== 'color2',\n})<{ color2?: AppStatusProps['color'] }>(({ theme, color2 = 'neutral' }) => ({\n  ...(color2 === 'success'\n    ? {\n        backgroundColor: theme.palette._components.status.success.background,\n        color: theme.palette._components.status.success.color,\n      }\n    : undefined),\n  ...(color2 === 'error'\n    ? {\n        backgroundColor: theme.palette._components.status.error.background,\n        color: theme.palette._components.status.error.color,\n      }\n    : undefined),\n  ...(color2 === 'warning'\n    ? {\n        backgroundColor: theme.palette._components.status.warning.background,\n        color: theme.palette._components.status.warning.color,\n      }\n    : undefined),\n  ...(color2 === 'neutral'\n    ? {\n        backgroundColor: theme.palette._components.status.neutral.background,\n        color: theme.palette._components.status.neutral.color,\n      }\n    : undefined),\n  ...(color2 === 'disabled'\n    ? {\n        backgroundColor: theme.palette._components.status.disabled.background,\n        color: theme.palette._components.status.disabled.color,\n      }\n    : undefined),\n  ...(color2 === 'info'\n    ? {\n        backgroundColor: theme.palette._components.status.info.background,\n        color: theme.palette._components.status.info.color,\n      }\n    : undefined),\n  ...(color2 === 'orange'\n    ? {\n        backgroundColor: theme.palette._components.status.orange.background,\n        color: theme.palette._components.status.orange.color,\n      }\n    : undefined),\n  ...(color2 === 'blue'\n    ? {\n        backgroundColor: theme.palette._components.status.blue.background,\n        color: theme.palette._components.status.blue.color,\n      }\n    : undefined),\n  ...(color2 === 'primary'\n    ? {\n        backgroundColor: theme.palette._components.status.primary.background,\n        color: theme.palette._components.status.primary.color,\n      }\n    : undefined),\n}));\n"],"names":["AppTooltip","styled","Chip"],"mappings":";;;;;AA4BO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,UAAU,UAAW,SAAQ;AAEjC,QAAM,yCAAW,eAAA,EAAc,QAAQ,OAAO,MAAY,KAAW,GAAG,OAAO;AAI/E,MAAI,CAAC,QAAS,QAAO;AAErB,wCACGA,WAAAA,YAAA,EAAW,aAAa,SAAU,GAAG,cACnC,UAAA,SACH;AAEJ;AAEA,UAAU,cAAc;AAIxB,MAAM,gBAAgBC,SAAAA,OAAOC,eAAM;AAAA,EACjC,mBAAmB,UAAQ,SAAS;AACtC,CAAC,EAAwC,CAAC,EAAE,OAAO,SAAS,iBAAiB;AAAA,EAC3E,GAAI,WAAW,YACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,IAC1D,OAAO,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAAA,IAElD;AAAA,EACJ,GAAI,WAAW,UACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,IACxD,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,EAAA,IAEhD;AAAA,EACJ,GAAI,WAAW,YACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,IAC1D,OAAO,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAAA,IAElD;AAAA,EACJ,GAAI,WAAW,YACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,IAC1D,OAAO,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAAA,IAElD;AAAA,EACJ,GAAI,WAAW,aACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,SAAS;AAAA,IAC3D,OAAO,MAAM,QAAQ,YAAY,OAAO,SAAS;AAAA,EAAA,IAEnD;AAAA,EACJ,GAAI,WAAW,SACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,KAAK;AAAA,IACvD,OAAO,MAAM,QAAQ,YAAY,OAAO,KAAK;AAAA,EAAA,IAE/C;AAAA,EACJ,GAAI,WAAW,WACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,OAAO;AAAA,IACzD,OAAO,MAAM,QAAQ,YAAY,OAAO,OAAO;AAAA,EAAA,IAEjD;AAAA,EACJ,GAAI,WAAW,SACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,KAAK;AAAA,IACvD,OAAO,MAAM,QAAQ,YAAY,OAAO,KAAK;AAAA,EAAA,IAE/C;AAAA,EACJ,GAAI,WAAW,YACX;AAAA,IACE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,IAC1D,OAAO,MAAM,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAAA,IAElD;AACN,EAAE;;"}
+{"version":3,"file":"app-status.js","sources":["../../../../src/components/app-status.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ChipProps, Chip, TooltipProps } from '@mui/material';\n\nimport { AppTooltip } from './app-tooltip';\n\n//\n//\n\nexport type AppStatusProps = Omit<ChipProps, 'size'> & {\n  size?: 'small' | 'medium';\n  tooltip?: TooltipProps['title'];\n  tooltipProps?: Omit<TooltipProps, 'title' | 'children'>;\n};\n\nexport const AppStatus: React.FC<AppStatusProps> = ({\n  ref,\n  color = 'neutral',\n  size = 'small',\n  tooltip,\n  tooltipProps,\n  ...props\n}) => {\n  const element = <Chip color={color} size={size} ref={ref} {...props} />;\n\n  //\n\n  if (!tooltip) return element;\n\n  return (\n    <AppTooltip description={tooltip} {...tooltipProps}>\n      {element}\n    </AppTooltip>\n  );\n};\n"],"names":["jsx","Chip","AppTooltip"],"mappings":";;;;;AAeO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAUA,2BAAAA,IAACC,eAAA,EAAK,OAAc,MAAY,KAAW,GAAG,OAAO;AAIrE,MAAI,CAAC,QAAS,QAAO;AAErB,wCACGC,WAAAA,YAAA,EAAW,aAAa,SAAU,GAAG,cACnC,UAAA,SACH;AAEJ;;"}

package/dist/react/cjs/theme/components/chip.js

@@ -18,6 +18,157 @@ const MuiChip = {
             fontSize: "0.75rem",
             lineHeight: "1.125rem"
           }
+        },
+        // Status colors
+        {
+          props: { color: "success" },
+          style: {
+            backgroundColor: theme.palette._components.status.success.background,
+            color: theme.palette._components.status.success.color
+          }
+        },
+        {
+          props: { color: "success", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.success.outlined,
+            borderColor: theme.palette._components.status.success.outlined
+          }
+        },
+        {
+          props: { color: "error" },
+          style: {
+            backgroundColor: theme.palette._components.status.error.background,
+            color: theme.palette._components.status.error.color
+          }
+        },
+        {
+          props: { color: "error", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.error.outlined,
+            borderColor: theme.palette._components.status.error.outlined
+          }
+        },
+        {
+          props: { color: "warning" },
+          style: {
+            backgroundColor: theme.palette._components.status.warning.background,
+            color: theme.palette._components.status.warning.color
+          }
+        },
+        {
+          props: { color: "warning", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.warning.outlined,
+            borderColor: theme.palette._components.status.warning.outlined
+          }
+        },
+        {
+          props: { color: "info" },
+          style: {
+            backgroundColor: theme.palette._components.status.info.background,
+            color: theme.palette._components.status.info.color
+          }
+        },
+        {
+          props: { color: "info", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.info.color,
+            borderColor: theme.palette._components.status.info.color
+          }
+        },
+        {
+          props: { color: "primary" },
+          style: {
+            backgroundColor: theme.palette._components.status.primary.background,
+            color: theme.palette._components.status.primary.color
+          }
+        },
+        {
+          props: { color: "primary", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.primary.outlined,
+            borderColor: theme.palette._components.status.primary.outlined
+          }
+        },
+        {
+          props: { color: "disabled" },
+          style: {
+            backgroundColor: theme.palette._components.status.disabled.background,
+            color: theme.palette._components.status.disabled.color
+          }
+        },
+        {
+          props: { color: "disabled", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.disabled.color,
+            borderColor: theme.palette._components.status.disabled.color
+          }
+        },
+        {
+          props: { color: "default" },
+          style: {
+            backgroundColor: theme.palette._components.status.neutral.background,
+            color: theme.palette._components.status.neutral.color
+          }
+        },
+        {
+          props: { color: "default", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.neutral.color,
+            borderColor: theme.palette._components.status.neutral.color
+          }
+        },
+        {
+          props: { color: "neutral" },
+          style: {
+            backgroundColor: theme.palette._components.status.neutral.background,
+            color: theme.palette._components.status.neutral.color
+          }
+        },
+        {
+          props: { color: "neutral", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.neutral.color,
+            borderColor: theme.palette._components.status.neutral.color
+          }
+        },
+        {
+          props: { color: "orange" },
+          style: {
+            backgroundColor: theme.palette._components.status.orange.background,
+            color: theme.palette._components.status.orange.color
+          }
+        },
+        {
+          props: { color: "orange", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.orange.color,
+            borderColor: theme.palette._components.status.orange.color
+          }
+        },
+        {
+          props: { color: "blue" },
+          style: {
+            backgroundColor: theme.palette._components.status.blue.background,
+            color: theme.palette._components.status.blue.color
+          }
+        },
+        {
+          props: { color: "blue", variant: "outlined" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.status.blue.color,
+            borderColor: theme.palette._components.status.blue.color
+          }
         }
       ]
     })

package/dist/react/cjs/theme/components/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../../src/theme/components/chip.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiChip: Components<Theme & CssVarsTheme>['MuiChip'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      minWidth: theme.spacing(7.5),\n      variants: [\n        {\n          props: { size: 'small' },\n          style: {\n            fontSize: '0.75rem',\n            lineHeight: '1.125rem',\n          },\n        },\n        {\n          props: { size: 'medium' },\n          style: {\n            fontSize: '0.75rem',\n            lineHeight: '1.125rem',\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,UAAuD;AAAA,EAClE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,UAAU,MAAM,QAAQ,GAAG;AAAA,MAC3B,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,MAAM,QAAA;AAAA,UACf,OAAO;AAAA,YACL,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,MAAM,SAAA;AAAA,UACf,OAAO;AAAA,YACL,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"chip.js","sources":["../../../../../src/theme/components/chip.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiChip: Components<Theme & CssVarsTheme>['MuiChip'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      minWidth: theme.spacing(7.5),\n      variants: [\n        {\n          props: { size: 'small' },\n          style: {\n            fontSize: '0.75rem',\n            lineHeight: '1.125rem',\n          },\n        },\n        {\n          props: { size: 'medium' },\n          style: {\n            fontSize: '0.75rem',\n            lineHeight: '1.125rem',\n          },\n        },\n        // Status colors\n        {\n          props: { color: 'success' },\n          style: {\n            backgroundColor: theme.palette._components.status.success.background,\n            color: theme.palette._components.status.success.color,\n          },\n        },\n        {\n          props: { color: 'success', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.success.outlined,\n            borderColor: theme.palette._components.status.success.outlined,\n          },\n        },\n        {\n          props: { color: 'error' },\n          style: {\n            backgroundColor: theme.palette._components.status.error.background,\n            color: theme.palette._components.status.error.color,\n          },\n        },\n        {\n          props: { color: 'error', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.error.outlined,\n            borderColor: theme.palette._components.status.error.outlined,\n          },\n        },\n        {\n          props: { color: 'warning' },\n          style: {\n            backgroundColor: theme.palette._components.status.warning.background,\n            color: theme.palette._components.status.warning.color,\n          },\n        },\n        {\n          props: { color: 'warning', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.warning.outlined,\n            borderColor: theme.palette._components.status.warning.outlined,\n          },\n        },\n        {\n          props: { color: 'info' },\n          style: {\n            backgroundColor: theme.palette._components.status.info.background,\n            color: theme.palette._components.status.info.color,\n          },\n        },\n        {\n          props: { color: 'info', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.info.color,\n            borderColor: theme.palette._components.status.info.color,\n          },\n        },\n        {\n          props: { color: 'primary' },\n          style: {\n            backgroundColor: theme.palette._components.status.primary.background,\n            color: theme.palette._components.status.primary.color,\n          },\n        },\n        {\n          props: { color: 'primary', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.primary.outlined,\n            borderColor: theme.palette._components.status.primary.outlined,\n          },\n        },\n        {\n          props: { color: 'disabled' },\n          style: {\n            backgroundColor: theme.palette._components.status.disabled.background,\n            color: theme.palette._components.status.disabled.color,\n          },\n        },\n        {\n          props: { color: 'disabled', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.disabled.color,\n            borderColor: theme.palette._components.status.disabled.color,\n          },\n        },\n        {\n          props: { color: 'default' },\n          style: {\n            backgroundColor: theme.palette._components.status.neutral.background,\n            color: theme.palette._components.status.neutral.color,\n          },\n        },\n        {\n          props: { color: 'default', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.neutral.color,\n            borderColor: theme.palette._components.status.neutral.color,\n          },\n        },\n        {\n          props: { color: 'neutral' },\n          style: {\n            backgroundColor: theme.palette._components.status.neutral.background,\n            color: theme.palette._components.status.neutral.color,\n          },\n        },\n        {\n          props: { color: 'neutral', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.neutral.color,\n            borderColor: theme.palette._components.status.neutral.color,\n          },\n        },\n        {\n          props: { color: 'orange' },\n          style: {\n            backgroundColor: theme.palette._components.status.orange.background,\n            color: theme.palette._components.status.orange.color,\n          },\n        },\n        {\n          props: { color: 'orange', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.orange.color,\n            borderColor: theme.palette._components.status.orange.color,\n          },\n        },\n        {\n          props: { color: 'blue' },\n          style: {\n            backgroundColor: theme.palette._components.status.blue.background,\n            color: theme.palette._components.status.blue.color,\n          },\n        },\n        {\n          props: { color: 'blue', variant: 'outlined' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.status.blue.color,\n            borderColor: theme.palette._components.status.blue.color,\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/svg-icon.js

@@ -6,7 +6,15 @@ const MuiSvgIcon = {
       transition: theme.transitions.create("color", {
         easing: theme.transitions.easing.easeInOut,
         duration: theme.transitions.duration.standard
-      })
+      }),
+      variants: [
+        {
+          props: { fontSize: "extraSmall" },
+          style: {
+            fontSize: theme.spacing(2)
+          }
+        }
+      ]
     })
   }
 };

package/dist/react/cjs/theme/components/svg-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      transition: theme.transitions.create('color', {\n        easing: theme.transitions.easing.easeInOut,\n        duration: theme.transitions.duration.standard,\n      }),\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH;AAEJ;;"}
+{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      transition: theme.transitions.create('color', {\n        easing: theme.transitions.easing.easeInOut,\n        duration: theme.transitions.duration.standard,\n      }),\n      variants: [\n        {\n          props: { fontSize: 'extraSmall' },\n          style: {\n            fontSize: theme.spacing(2),\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,MACD,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,UAAU,aAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/palette.dark.js

@@ -40,12 +40,12 @@ const paletteDark = {
   },
   text: {
     primary: "#FFFFFF",
-    secondary: "#A3A1A6",
+    secondary: colors.colors.neutral[400],
     tertiary: "#B1A4BB",
-    disabled: "#75727B",
+    disabled: colors.colors.neutral[500],
     deepGreen: "#9EEC98",
     darkOchre: "#F9E683",
-    contrastText: "#A3A1A6",
+    contrastText: colors.colors.neutral[400],
     primaryContrastTest: "#FFFFFF",
     _states: {
       hover: material.alpha("#FFFFFF", 0.04),
@@ -56,8 +56,8 @@ const paletteDark = {
   },
   icon: {
     primary: "#FFFFFF",
-    secondary: "#A3A1A6",
-    disabled: "#75727B",
+    secondary: colors.colors.neutral[400],
+    disabled: colors.colors.neutral[500],
     draggable: "#B1A4BB"
   },
   tabs: {
@@ -150,7 +150,7 @@ const paletteDark = {
   divider: "#383354",
   _components: {
     button: {
-      disabledText: "#75727B",
+      disabledText: colors.colors.neutral[500],
       disabledBorder: "#252540",
       primaryDarkText: {
         disabled: "#252540",
@@ -228,7 +228,7 @@ const paletteDark = {
       }
     },
     avatar: {
-      fill: "#75727B"
+      fill: colors.colors.neutral[500]
     },
     input: {
       _states: {
@@ -243,7 +243,7 @@ const paletteDark = {
     },
     switch: {
       knobFillEnabled: "#1D1D35",
-      slideFill: "#75727B",
+      slideFill: colors.colors.neutral[500],
       knowFillDisabled: "#252540",
       shadow: "#1C1C37",
       color: "#AE72FF",
@@ -298,39 +298,48 @@ const paletteDark = {
     status: {
       success: {
         background: "rgba(158, 236, 152, 0.15)",
-        color: colors.colors.green[500]
+        color: colors.colors.green[500],
+        outlined: colors.colors.green[500]
       },
       error: {
         background: "rgba(250, 55, 104, 0.15)",
-        color: colors.colors.red[400]
+        color: colors.colors.red[400],
+        outlined: colors.colors.red[400]
       },
       warning: {
         background: "rgba(249, 230, 131, 0.15)",
-        color: colors.colors.yellow[600]
+        color: colors.colors.yellow[600],
+        outlined: colors.colors.yellow[600]
       },
       neutral: {
         background: "#252540",
-        color: "#A3A1A6"
+        color: colors.colors.neutral[400],
+        outlined: colors.colors.neutral[400]
       },
       disabled: {
         background: "#1C1C37",
-        color: "#75727B"
+        color: colors.colors.neutral[500],
+        outlined: colors.colors.neutral[500]
       },
       info: {
         background: "rgba(135, 88, 198, 0.15)",
-        color: colors.colors.primary[400]
+        color: colors.colors.primary[400],
+        outlined: colors.colors.primary[400]
       },
       orange: {
         background: "rgba(255, 140, 58, 0.15)",
-        color: colors.colors.orange[500]
+        color: colors.colors.orange[500],
+        outlined: colors.colors.orange[500]
       },
       blue: {
         background: "rgba(96, 203, 203, 0.15)",
-        color: colors.colors.blue[500]
+        color: colors.colors.blue[500],
+        outlined: colors.colors.blue[500]
       },
       primary: {
         background: "rgba(135, 88, 198, 0.2)",
-        color: colors.colors.primary[400]
+        color: colors.colors.primary[400],
+        outlined: colors.colors.primary[400]
       }
     },
     accordion: {
@@ -360,7 +369,7 @@ const paletteDark = {
       }
     },
     stepper: {
-      connector: "#75727B"
+      connector: colors.colors.neutral[500]
     },
     iconButton: {
       default: {

package/dist/react/cjs/theme/palette.dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.dark.js","sources":["../../../../src/theme/palette.dark.ts"],"sourcesContent":["import { colors } from './colors';\nimport { alpha, ThemeOptions } from '@mui/material';\n\n//\n//\n\nexport const paletteDark: ThemeOptions['palette'] = {\n  mode: 'dark',\n  colors,\n  badge: {\n    primary: {\n      color: '#D2B8FF',\n      backgroundColor: '#3C1C54',\n    },\n  },\n  background: {\n    default: '#0D0D1A',\n    paper: '#1A1A2E',\n    darkBackdrop: 'rgba(0, 0, 0, 0.6)',\n    white: '#FFFFFF',\n    black: '#000000',\n    gray: '#1D1D35',\n    // gray100 is the border/outline token (#383354); gray200 is the deeper background shade (#1C1C37)\n    gray200: '#1C1C37',\n    gray100: '#383354',\n    backgroundDisable: '#1C1C37',\n    Blur: 'rgba(26, 26, 46, 0.8)',\n    green: '#1B3A1A',\n    yellow: '#3A3520',\n    royal: '#3E1C56',\n    mintGreen: '#1B3A1A',\n    goldenYellow: '#3A3520',\n    lavenderGlow: '#3C1C54',\n    royalPurple: '#532D6F',\n    sidebar: '#16162B',\n    container: '#13182A',\n  },\n  outlined: {\n    outlined: '#383354',\n    outlined_2: '#383354',\n    outlinedDisable: '#252540',\n  },\n  text: {\n    primary: '#FFFFFF',\n    secondary: '#A3A1A6',\n    tertiary: '#B1A4BB',\n    disabled: '#75727B',\n    deepGreen: '#9EEC98',\n    darkOchre: '#F9E683',\n    contrastText: '#A3A1A6',\n    primaryContrastTest: '#FFFFFF',\n    _states: {\n      hover: alpha('#FFFFFF', 0.04),\n      selected: alpha('#FFFFFF', 0.08),\n      focus: alpha('#FFFFFF', 0.12),\n      focusVisible: alpha('#FFFFFF', 0.3),\n    },\n  },\n  icon: {\n    primary: '#FFFFFF',\n    secondary: '#A3A1A6',\n    disabled: '#75727B',\n    draggable: '#B1A4BB',\n  },\n  tabs: {\n    text: {\n      secondary: '#FFFFFF',\n    },\n  },\n  _states: {\n    focus: 'rgba(255, 255, 255, 0.12)',\n    hover: 'rgba(96, 203, 203, 0.08)',\n    selected: 'rgba(96, 203, 203, 0.16)',\n    focusVisible: 'rgba(96, 203, 203, 0.3)',\n    outlinedBorder: 'rgba(96, 203, 203, 0.5)',\n  },\n  primary: {\n    main: '#8758C6',\n    dark: '#6E48A1',\n    light: '#AE72FF',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(135, 88, 198, 0.12)',\n      selected: 'rgba(135, 88, 198, 0.20)',\n      focus: 'rgba(135, 88, 198, 0.24)',\n      focusVisible: 'rgba(135, 88, 198, 0.3)',\n      outlinedBorder: 'rgba(135, 88, 198, 0.5)',\n    },\n  },\n  secondary: {\n    main: '#8A7798',\n    dark: '#6B5A7D',\n    light: '#B1A4BB',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(138, 119, 152, 0.12)',\n      selected: 'rgba(138, 119, 152, 0.20)',\n      focus: 'rgba(138, 119, 152, 0.24)',\n      focusVisible: 'rgba(138, 119, 152, 0.3)',\n      outlinedBorder: 'rgba(138, 119, 152, 0.5)',\n    },\n  },\n  action: {\n    active: alpha('#FFFFFF', 0.56),\n    hover: alpha('#FFFFFF', 0.08),\n    selected: alpha('#FFFFFF', 0.16),\n    focus: alpha('#FFFFFF', 0.12),\n    disabled: alpha('#FFFFFF', 0.38),\n    disabledBackground: alpha('#FFFFFF', 0.12),\n  },\n  error: {\n    main: '#FA3768',\n    _states: {\n      hover: 'rgba(250, 55, 104, 0.12)',\n      selected: 'rgba(250, 55, 104, 0.20)',\n      focusVisible: 'rgba(250, 55, 104, 0.3)',\n      outlinedBorder: 'rgba(250, 55, 104, 0.5)',\n    },\n    dark: '#C22B51',\n    light: '#FCA7B4',\n    contrastText: '#FFFFFF',\n  },\n  warning: {\n    main: '#F9E683',\n    dark: '#DFCE75',\n    light: '#FBF0BF',\n    contrastText: '#6F673B',\n    _states: {\n      hover: 'rgba(193, 178, 101, 0.12)',\n      selected: 'rgba(193, 178, 101, 0.20)',\n      focusVisible: 'rgba(193, 178, 101, 0.3)',\n      outlinedBorder: 'rgba(193, 178, 101, 0.5)',\n    },\n  },\n  info: {\n    main: '#60CBCB',\n    dark: '#449090',\n    light: '#95E9E9',\n    contrastText: '#FFFFFF',\n  },\n  success: {\n    main: '#9EEC98',\n    dark: '#649560',\n    light: '#DDF8DC',\n    contrastText: '#000000',\n    _states: {\n      outlinedBorder: 'rgba(46, 125, 50, 0.5)',\n      focusVisible: 'rgba(46, 125, 50, 0.3)',\n      hover: 'rgba(46, 125, 50, 0.12)',\n    },\n  },\n  divider: '#383354',\n  _components: {\n    button: {\n      disabledText: '#75727B',\n      disabledBorder: '#252540',\n      primaryDarkText: {\n        disabled: '#252540',\n        text: colors.primary[400],\n        loadingText: colors.primary[400],\n      },\n      primary: {\n        contained: colors.primary[1000],\n        hover: colors.primary[900],\n        focused: colors.primary[900],\n        pressed: colors.primary[600],\n        disabled: '#252540',\n        border: '#1C1C37',\n        text: colors.base.white,\n        loadingText: colors.primary[1000],\n      },\n      secondary: {\n        contained: '#1D1D35',\n        hover: '#252540',\n        focused: '#252540',\n        pressed: '#1C1C37',\n        disabled: '#252540',\n        border: '#D8D2DD',\n        text: '#FFFFFF',\n        loadingText: '#FFFFFF',\n      },\n      tertiary: {\n        contained: '#1A1A2E',\n        hover: '#252540',\n        focused: '#252540',\n        pressed: '#1C1C37',\n        disabled: '#252540',\n        text: '#FFFFFF',\n        loadingText: '#FFFFFF',\n        outlinedHover: '#3C1C54',\n        outlinedText: colors.primary[400],\n      },\n      error: {\n        contained: 'rgba(250, 55, 104, 0.15)',\n        hover: 'rgba(250, 55, 104, 0.25)',\n        focused: colors.red[600],\n        pressed: 'rgba(250, 55, 104, 0.25)',\n        disabled: '#252540',\n        border: colors.red[400],\n        text: colors.red[400],\n        outlinedHover: 'rgba(250, 55, 104, 0.12)',\n        outlinedText: colors.red[400],\n        activeBorder: colors.red[700],\n        loadingText: '#FFFFFF',\n      },\n    },\n    sliderIndicator: {\n      background: 'rgba(255, 255, 255, 0.2)',\n      active: 'rgba(255, 255, 255, 1)',\n      inactive: 'rgba(255, 255, 255, 0.8)',\n    },\n    cardContent: {\n      selected: {\n        background: '#252540',\n        border: '#3C1C54',\n      },\n    },\n    emptyState: {\n      imageBackground: 'rgba(255, 255, 255, 0.04)',\n    },\n    navbar: {\n      wallet: {\n        background: '#252540',\n        border: '#1C1C37',\n        text: '#FFFFFF',\n      },\n      search: {\n        searchBorder: '#1C1C37',\n        searchBackground: '#1D1D35',\n      },\n    },\n    avatar: {\n      fill: '#75727B',\n    },\n    input: {\n      _states: {\n        hover: 'rgba(255, 255, 255, 0.04)',\n        selected: 'rgba(255, 255, 255, 0.08)',\n        focusVisible: 'rgba(255, 255, 255, 0.3)',\n      },\n      outlined: {\n        enabledBorder: '#383354',\n        hoverBorder: '#4D4875',\n      },\n    },\n    switch: {\n      knobFillEnabled: '#1D1D35',\n      slideFill: '#75727B',\n      knowFillDisabled: '#252540',\n      shadow: '#1C1C37',\n      color: '#AE72FF',\n      background: '#1A1A2E',\n      error: {\n        activeBackground: '#FA3768',\n        pressedBackground: '#C22B51',\n        shadow: 'rgba(250, 55, 104, 0.5)',\n      },\n      primary: {\n        activeBackground: '#9EEC98',\n        pressedBackground: '#649560',\n        shadow: 'rgba(46, 125, 50, 0.5)',\n      },\n    },\n    chip: {\n      desert: '#3A3520',\n    },\n    backdrop: {\n      fill: 'rgba(0, 0, 0, 0.4)',\n    },\n    appBar: {\n      defaultFill: '#1C1C37',\n      borderBottom: '#1C1C37',\n    },\n    alert: {\n      error: {\n        color: colors.red[400],\n        border: 'rgba(250, 55, 104, 0.3)',\n        background: 'rgba(250, 55, 104, 0.1)',\n        icon: colors.red[400],\n      },\n      warning: {\n        color: colors.yellow[600],\n        border: 'rgba(249, 230, 131, 0.3)',\n        background: 'rgba(249, 230, 131, 0.1)',\n        icon: colors.yellow[600],\n      },\n      info: {\n        color: colors.blue[500],\n        border: 'rgba(96, 203, 203, 0.3)',\n        background: 'rgba(96, 203, 203, 0.1)',\n        icon: colors.blue[500],\n      },\n      success: {\n        color: colors.green[500],\n        border: 'rgba(158, 236, 152, 0.3)',\n        background: 'rgba(158, 236, 152, 0.1)',\n        icon: colors.green[500],\n      },\n    },\n    status: {\n      success: {\n        background: 'rgba(158, 236, 152, 0.15)',\n        color: colors.green[500],\n      },\n      error: {\n        background: 'rgba(250, 55, 104, 0.15)',\n        color: colors.red[400],\n      },\n      warning: {\n        background: 'rgba(249, 230, 131, 0.15)',\n        color: colors.yellow[600],\n      },\n      neutral: {\n        background: '#252540',\n        color: '#A3A1A6',\n      },\n      disabled: {\n        background: '#1C1C37',\n        color: '#75727B',\n      },\n      info: {\n        background: 'rgba(135, 88, 198, 0.15)',\n        color: colors.primary[400],\n      },\n      orange: {\n        background: 'rgba(255, 140, 58, 0.15)',\n        color: colors.orange[500],\n      },\n      blue: {\n        background: 'rgba(96, 203, 203, 0.15)',\n        color: colors.blue[500],\n      },\n      primary: {\n        background: 'rgba(135, 88, 198, 0.2)',\n        color: colors.primary[400],\n      },\n    },\n    accordion: {\n      primary: {\n        background: 'rgba(135, 88, 198, 0.15)',\n        border: 'rgba(135, 88, 198, 0.5)',\n      },\n      success: {\n        background: 'rgba(158, 236, 152, 0.1)',\n        border: 'rgba(158, 236, 152, 0.3)',\n      },\n      error: {\n        background: 'rgba(250, 55, 104, 0.1)',\n        border: 'rgba(250, 55, 104, 0.3)',\n      },\n      warning: {\n        background: 'rgba(249, 230, 131, 0.1)',\n        border: 'rgba(249, 230, 131, 0.3)',\n      },\n      info: {\n        background: 'rgba(96, 203, 203, 0.1)',\n        border: 'rgba(96, 203, 203, 0.3)',\n      },\n      neutral: {\n        background: '#252540',\n        border: '#383354',\n      },\n    },\n    stepper: {\n      connector: '#75727B',\n    },\n    iconButton: {\n      default: {\n        hover: 'rgba(255, 255, 255, 0.12)',\n      },\n      primary: {\n        text: colors.primary[400],\n        focused: 'rgba(135, 88, 198, 0.3)',\n        hover: 'rgba(135, 88, 198, 0.12)',\n        focusedIcon: colors.primary[400],\n      },\n      secondary: {\n        text: '#FFFFFF',\n        focused: 'rgba(138, 119, 152, 0.3)',\n        hover: 'rgba(138, 119, 152, 0.12)',\n        focusedIcon: colors.primary[400],\n      },\n      error: {\n        text: '#FFFFFF',\n        focused: 'rgba(250, 55, 104, 0.3)',\n        hover: 'rgba(250, 55, 104, 0.12)',\n        focusedIcon: colors.primary[400],\n      },\n    },\n  },\n  _native: {\n    'scrollbar-bg': '#1C1C37',\n  },\n  common: {\n    black: '#000000',\n    white: '#FFFFFF',\n    white_states: {\n      main: '#FFFFFF',\n      focusVisible: 'rgba(255, 255, 255, 0.3)',\n      focus: 'rgba(255, 255, 255, 0.12)',\n    },\n    black_states: {\n      focus: 'rgba(255, 255, 255, 0.12)',\n      hover: 'rgba(255, 255, 255, 0.04)',\n      selected: 'rgba(255, 255, 255, 0.08)',\n    },\n  },\n};\n"],"names":["colors","alpha"],"mappings":"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"}
+{"version":3,"file":"palette.dark.js","sources":["../../../../src/theme/palette.dark.ts"],"sourcesContent":["import { colors } from './colors';\nimport { alpha, ThemeOptions } from '@mui/material';\n\n//\n//\n\nexport const paletteDark: ThemeOptions['palette'] = {\n  mode: 'dark',\n  colors,\n  badge: {\n    primary: {\n      color: '#D2B8FF',\n      backgroundColor: '#3C1C54',\n    },\n  },\n  background: {\n    default: '#0D0D1A',\n    paper: '#1A1A2E',\n    darkBackdrop: 'rgba(0, 0, 0, 0.6)',\n    white: '#FFFFFF',\n    black: '#000000',\n    gray: '#1D1D35',\n    // gray100 is the border/outline token (#383354); gray200 is the deeper background shade (#1C1C37)\n    gray200: '#1C1C37',\n    gray100: '#383354',\n    backgroundDisable: '#1C1C37',\n    Blur: 'rgba(26, 26, 46, 0.8)',\n    green: '#1B3A1A',\n    yellow: '#3A3520',\n    royal: '#3E1C56',\n    mintGreen: '#1B3A1A',\n    goldenYellow: '#3A3520',\n    lavenderGlow: '#3C1C54',\n    royalPurple: '#532D6F',\n    sidebar: '#16162B',\n    container: '#13182A',\n  },\n  outlined: {\n    outlined: '#383354',\n    outlined_2: '#383354',\n    outlinedDisable: '#252540',\n  },\n  text: {\n    primary: '#FFFFFF',\n    secondary: colors.neutral[400],\n    tertiary: '#B1A4BB',\n    disabled: colors.neutral[500],\n    deepGreen: '#9EEC98',\n    darkOchre: '#F9E683',\n    contrastText: colors.neutral[400],\n    primaryContrastTest: '#FFFFFF',\n    _states: {\n      hover: alpha('#FFFFFF', 0.04),\n      selected: alpha('#FFFFFF', 0.08),\n      focus: alpha('#FFFFFF', 0.12),\n      focusVisible: alpha('#FFFFFF', 0.3),\n    },\n  },\n  icon: {\n    primary: '#FFFFFF',\n    secondary: colors.neutral[400],\n    disabled: colors.neutral[500],\n    draggable: '#B1A4BB',\n  },\n  tabs: {\n    text: {\n      secondary: '#FFFFFF',\n    },\n  },\n  _states: {\n    focus: 'rgba(255, 255, 255, 0.12)',\n    hover: 'rgba(96, 203, 203, 0.08)',\n    selected: 'rgba(96, 203, 203, 0.16)',\n    focusVisible: 'rgba(96, 203, 203, 0.3)',\n    outlinedBorder: 'rgba(96, 203, 203, 0.5)',\n  },\n  primary: {\n    main: '#8758C6',\n    dark: '#6E48A1',\n    light: '#AE72FF',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(135, 88, 198, 0.12)',\n      selected: 'rgba(135, 88, 198, 0.20)',\n      focus: 'rgba(135, 88, 198, 0.24)',\n      focusVisible: 'rgba(135, 88, 198, 0.3)',\n      outlinedBorder: 'rgba(135, 88, 198, 0.5)',\n    },\n  },\n  secondary: {\n    main: '#8A7798',\n    dark: '#6B5A7D',\n    light: '#B1A4BB',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(138, 119, 152, 0.12)',\n      selected: 'rgba(138, 119, 152, 0.20)',\n      focus: 'rgba(138, 119, 152, 0.24)',\n      focusVisible: 'rgba(138, 119, 152, 0.3)',\n      outlinedBorder: 'rgba(138, 119, 152, 0.5)',\n    },\n  },\n  action: {\n    active: alpha('#FFFFFF', 0.56),\n    hover: alpha('#FFFFFF', 0.08),\n    selected: alpha('#FFFFFF', 0.16),\n    focus: alpha('#FFFFFF', 0.12),\n    disabled: alpha('#FFFFFF', 0.38),\n    disabledBackground: alpha('#FFFFFF', 0.12),\n  },\n  error: {\n    main: '#FA3768',\n    _states: {\n      hover: 'rgba(250, 55, 104, 0.12)',\n      selected: 'rgba(250, 55, 104, 0.20)',\n      focusVisible: 'rgba(250, 55, 104, 0.3)',\n      outlinedBorder: 'rgba(250, 55, 104, 0.5)',\n    },\n    dark: '#C22B51',\n    light: '#FCA7B4',\n    contrastText: '#FFFFFF',\n  },\n  warning: {\n    main: '#F9E683',\n    dark: '#DFCE75',\n    light: '#FBF0BF',\n    contrastText: '#6F673B',\n    _states: {\n      hover: 'rgba(193, 178, 101, 0.12)',\n      selected: 'rgba(193, 178, 101, 0.20)',\n      focusVisible: 'rgba(193, 178, 101, 0.3)',\n      outlinedBorder: 'rgba(193, 178, 101, 0.5)',\n    },\n  },\n  info: {\n    main: '#60CBCB',\n    dark: '#449090',\n    light: '#95E9E9',\n    contrastText: '#FFFFFF',\n  },\n  success: {\n    main: '#9EEC98',\n    dark: '#649560',\n    light: '#DDF8DC',\n    contrastText: '#000000',\n    _states: {\n      outlinedBorder: 'rgba(46, 125, 50, 0.5)',\n      focusVisible: 'rgba(46, 125, 50, 0.3)',\n      hover: 'rgba(46, 125, 50, 0.12)',\n    },\n  },\n  divider: '#383354',\n  _components: {\n    button: {\n      disabledText: colors.neutral[500],\n      disabledBorder: '#252540',\n      primaryDarkText: {\n        disabled: '#252540',\n        text: colors.primary[400],\n        loadingText: colors.primary[400],\n      },\n      primary: {\n        contained: colors.primary[1000],\n        hover: colors.primary[900],\n        focused: colors.primary[900],\n        pressed: colors.primary[600],\n        disabled: '#252540',\n        border: '#1C1C37',\n        text: colors.base.white,\n        loadingText: colors.primary[1000],\n      },\n      secondary: {\n        contained: '#1D1D35',\n        hover: '#252540',\n        focused: '#252540',\n        pressed: '#1C1C37',\n        disabled: '#252540',\n        border: '#D8D2DD',\n        text: '#FFFFFF',\n        loadingText: '#FFFFFF',\n      },\n      tertiary: {\n        contained: '#1A1A2E',\n        hover: '#252540',\n        focused: '#252540',\n        pressed: '#1C1C37',\n        disabled: '#252540',\n        text: '#FFFFFF',\n        loadingText: '#FFFFFF',\n        outlinedHover: '#3C1C54',\n        outlinedText: colors.primary[400],\n      },\n      error: {\n        contained: 'rgba(250, 55, 104, 0.15)',\n        hover: 'rgba(250, 55, 104, 0.25)',\n        focused: colors.red[600],\n        pressed: 'rgba(250, 55, 104, 0.25)',\n        disabled: '#252540',\n        border: colors.red[400],\n        text: colors.red[400],\n        outlinedHover: 'rgba(250, 55, 104, 0.12)',\n        outlinedText: colors.red[400],\n        activeBorder: colors.red[700],\n        loadingText: '#FFFFFF',\n      },\n    },\n    sliderIndicator: {\n      background: 'rgba(255, 255, 255, 0.2)',\n      active: 'rgba(255, 255, 255, 1)',\n      inactive: 'rgba(255, 255, 255, 0.8)',\n    },\n    cardContent: {\n      selected: {\n        background: '#252540',\n        border: '#3C1C54',\n      },\n    },\n    emptyState: {\n      imageBackground: 'rgba(255, 255, 255, 0.04)',\n    },\n    navbar: {\n      wallet: {\n        background: '#252540',\n        border: '#1C1C37',\n        text: '#FFFFFF',\n      },\n      search: {\n        searchBorder: '#1C1C37',\n        searchBackground: '#1D1D35',\n      },\n    },\n    avatar: {\n      fill: colors.neutral[500],\n    },\n    input: {\n      _states: {\n        hover: 'rgba(255, 255, 255, 0.04)',\n        selected: 'rgba(255, 255, 255, 0.08)',\n        focusVisible: 'rgba(255, 255, 255, 0.3)',\n      },\n      outlined: {\n        enabledBorder: '#383354',\n        hoverBorder: '#4D4875',\n      },\n    },\n    switch: {\n      knobFillEnabled: '#1D1D35',\n      slideFill: colors.neutral[500],\n      knowFillDisabled: '#252540',\n      shadow: '#1C1C37',\n      color: '#AE72FF',\n      background: '#1A1A2E',\n      error: {\n        activeBackground: '#FA3768',\n        pressedBackground: '#C22B51',\n        shadow: 'rgba(250, 55, 104, 0.5)',\n      },\n      primary: {\n        activeBackground: '#9EEC98',\n        pressedBackground: '#649560',\n        shadow: 'rgba(46, 125, 50, 0.5)',\n      },\n    },\n    chip: {\n      desert: '#3A3520',\n    },\n    backdrop: {\n      fill: 'rgba(0, 0, 0, 0.4)',\n    },\n    appBar: {\n      defaultFill: '#1C1C37',\n      borderBottom: '#1C1C37',\n    },\n    alert: {\n      error: {\n        color: colors.red[400],\n        border: 'rgba(250, 55, 104, 0.3)',\n        background: 'rgba(250, 55, 104, 0.1)',\n        icon: colors.red[400],\n      },\n      warning: {\n        color: colors.yellow[600],\n        border: 'rgba(249, 230, 131, 0.3)',\n        background: 'rgba(249, 230, 131, 0.1)',\n        icon: colors.yellow[600],\n      },\n      info: {\n        color: colors.blue[500],\n        border: 'rgba(96, 203, 203, 0.3)',\n        background: 'rgba(96, 203, 203, 0.1)',\n        icon: colors.blue[500],\n      },\n      success: {\n        color: colors.green[500],\n        border: 'rgba(158, 236, 152, 0.3)',\n        background: 'rgba(158, 236, 152, 0.1)',\n        icon: colors.green[500],\n      },\n    },\n    status: {\n      success: {\n        background: 'rgba(158, 236, 152, 0.15)',\n        color: colors.green[500],\n        outlined: colors.green[500],\n      },\n      error: {\n        background: 'rgba(250, 55, 104, 0.15)',\n        color: colors.red[400],\n        outlined: colors.red[400],\n      },\n      warning: {\n        background: 'rgba(249, 230, 131, 0.15)',\n        color: colors.yellow[600],\n        outlined: colors.yellow[600],\n      },\n      neutral: {\n        background: '#252540',\n        color: colors.neutral[400],\n        outlined: colors.neutral[400],\n      },\n      disabled: {\n        background: '#1C1C37',\n        color: colors.neutral[500],\n        outlined: colors.neutral[500],\n      },\n      info: {\n        background: 'rgba(135, 88, 198, 0.15)',\n        color: colors.primary[400],\n        outlined: colors.primary[400],\n      },\n      orange: {\n        background: 'rgba(255, 140, 58, 0.15)',\n        color: colors.orange[500],\n        outlined: colors.orange[500],\n      },\n      blue: {\n        background: 'rgba(96, 203, 203, 0.15)',\n        color: colors.blue[500],\n        outlined: colors.blue[500],\n      },\n      primary: {\n        background: 'rgba(135, 88, 198, 0.2)',\n        color: colors.primary[400],\n        outlined: colors.primary[400],\n      },\n    },\n    accordion: {\n      primary: {\n        background: 'rgba(135, 88, 198, 0.15)',\n        border: 'rgba(135, 88, 198, 0.5)',\n      },\n      success: {\n        background: 'rgba(158, 236, 152, 0.1)',\n        border: 'rgba(158, 236, 152, 0.3)',\n      },\n      error: {\n        background: 'rgba(250, 55, 104, 0.1)',\n        border: 'rgba(250, 55, 104, 0.3)',\n      },\n      warning: {\n        background: 'rgba(249, 230, 131, 0.1)',\n        border: 'rgba(249, 230, 131, 0.3)',\n      },\n      info: {\n        background: 'rgba(96, 203, 203, 0.1)',\n        border: 'rgba(96, 203, 203, 0.3)',\n      },\n      neutral: {\n        background: '#252540',\n        border: '#383354',\n      },\n    },\n    stepper: {\n      connector: colors.neutral[500],\n    },\n    iconButton: {\n      default: {\n        hover: 'rgba(255, 255, 255, 0.12)',\n      },\n      primary: {\n        text: colors.primary[400],\n        focused: 'rgba(135, 88, 198, 0.3)',\n        hover: 'rgba(135, 88, 198, 0.12)',\n        focusedIcon: colors.primary[400],\n      },\n      secondary: {\n        text: '#FFFFFF',\n        focused: 'rgba(138, 119, 152, 0.3)',\n        hover: 'rgba(138, 119, 152, 0.12)',\n        focusedIcon: colors.primary[400],\n      },\n      error: {\n        text: '#FFFFFF',\n        focused: 'rgba(250, 55, 104, 0.3)',\n        hover: 'rgba(250, 55, 104, 0.12)',\n        focusedIcon: colors.primary[400],\n      },\n    },\n  },\n  _native: {\n    'scrollbar-bg': '#1C1C37',\n  },\n  common: {\n    black: '#000000',\n    white: '#FFFFFF',\n    white_states: {\n      main: '#FFFFFF',\n      focusVisible: 'rgba(255, 255, 255, 0.3)',\n      focus: 'rgba(255, 255, 255, 0.12)',\n    },\n    black_states: {\n      focus: 'rgba(255, 255, 255, 0.12)',\n      hover: 'rgba(255, 255, 255, 0.04)',\n      selected: 'rgba(255, 255, 255, 0.08)',\n    },\n  },\n};\n"],"names":["colors","alpha"],"mappings":"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"}

package/dist/react/cjs/theme/palette.js

@@ -55,7 +55,7 @@ const palette = {
   },
   icon: {
     primary: "#0E0217",
-    secondary: "#75727B",
+    secondary: colors.colors.neutral[500],
     disabled: colors.colors.neutral[400],
     draggable: "#634976"
   },
@@ -297,39 +297,48 @@ const palette = {
     status: {
       success: {
         background: colors.colors.green[300],
-        color: colors.colors.green[900]
+        color: colors.colors.green[900],
+        outlined: colors.colors.green[800]
       },
       error: {
         background: colors.colors.red[200],
-        color: colors.colors.red[900]
+        color: colors.colors.red[900],
+        outlined: colors.colors.red[600]
       },
       warning: {
         background: colors.colors.yellow[300],
-        color: colors.colors.yellow[1e3]
+        color: colors.colors.yellow[1e3],
+        outlined: colors.colors.yellow[800]
       },
       neutral: {
         background: colors.colors.neutral[100],
-        color: colors.colors.neutral[600]
+        color: colors.colors.neutral[600],
+        outlined: colors.colors.neutral[600]
       },
       disabled: {
         background: colors.colors.neutral[50],
-        color: colors.colors.neutral[400]
+        color: colors.colors.neutral[400],
+        outlined: colors.colors.neutral[400]
       },
       info: {
         background: colors.colors.primary[200],
-        color: colors.colors.primary[800]
+        color: colors.colors.primary[800],
+        outlined: colors.colors.primary[800]
       },
       orange: {
         background: colors.colors.orange[200],
-        color: colors.colors.orange[700]
+        color: colors.colors.orange[700],
+        outlined: colors.colors.orange[700]
       },
       blue: {
         background: colors.colors.blue[300],
-        color: colors.colors.blue[900]
+        color: colors.colors.blue[900],
+        outlined: colors.colors.blue[900]
       },
       primary: {
         background: colors.colors.primary[300],
-        color: colors.colors.primary[900]
+        color: colors.colors.primary[900],
+        outlined: colors.colors.primary[800]
       }
     },
     accordion: {