@zidsa/zidmui 2.5.19 → 3.0.0

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

@@ -15,15 +15,23 @@ const AppAlert = ({
   onClose,
   actions,
   isLoading,
+  variant = "standard",
   ...props
 }) => {
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { ...props, onClose, variant: "standard", children: /* @__PURE__ */ jsxRuntime.jsx(stackColumn.StackColumn, { gap: 1.5, justifyContent: "center", width: "100%", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 22 }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { ...props, onClose, variant, children: /* @__PURE__ */ jsxRuntime.jsx(stackColumn.StackColumn, { gap: 1.5, justifyContent: "center", width: "100%", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 22 }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { ...props, onClose, variant: "standard", children: /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 1.5, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { ...props, onClose, variant, children: /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 1.5, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 0.5, children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { mb: 0, variant: "subtitle2", ...titleProps, children: title }),
-      content && /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "body2", color: title ? "text.tertiary" : "text.primary", children: content }),
+      content && /* @__PURE__ */ jsxRuntime.jsx(
+        appTypography.AppTypography,
+        {
+          variant: "body2",
+          color: variant === "filled" ? void 0 : title ? "text.tertiary" : "text.primary",
+          children: content
+        }
+      ),
       link && link,
       children
     ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"app-alert.js","sources":["../../../../src/components/app-alert.tsx"],"sourcesContent":["import { Alert, AlertProps, AlertTitle, AlertTitleProps, CircularProgress } from '@mui/material';\n\nimport { AppButton, AppButtonProps } from './app-button';\nimport { AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppAlertProps = {\n  title?: string | React.ReactNode;\n  titleProps?: AlertTitleProps;\n  link?: React.ReactNode;\n  content?: React.ReactNode;\n  actions?: React.ReactNode;\n  isLoading?: boolean;\n} & Omit<AlertProps, 'title' | 'variant' | 'content'>;\n\nexport const AppAlert: React.FC<AppAlertProps> = ({\n  title,\n  titleProps,\n  link,\n  content,\n  children,\n  onClose,\n  actions,\n  isLoading,\n  ...props\n}) => {\n  if (isLoading) {\n    return (\n      <Alert {...props} onClose={onClose} variant=\"standard\">\n        <StackColumn gap={1.5} justifyContent=\"center\" width=\"100%\" alignItems=\"center\">\n          <CircularProgress size={22} />\n        </StackColumn>\n      </Alert>\n    );\n  }\n\n  return (\n    <Alert {...props} onClose={onClose} variant=\"standard\">\n      <StackColumn gap={1.5}>\n        <StackColumn gap={0.5}>\n          {title && (\n            <AlertTitle mb={0} variant=\"subtitle2\" {...titleProps}>\n              {title}\n            </AlertTitle>\n          )}\n          {content && (\n            <AppTypography variant=\"body2\" color={title ? 'text.tertiary' : 'text.primary'}>\n              {content}\n            </AppTypography>\n          )}\n          {link && link}\n          {children}\n        </StackColumn>\n\n        {actions && <StackRow gap={1}>{actions}</StackRow>}\n      </StackColumn>\n    </Alert>\n  );\n};\n\n//\n\nexport const AppAlertButton: React.FC<AppButtonProps> = ({ children, ...props }) => {\n  return (\n    <AppButton variant=\"outlined\" size=\"small\" {...props}>\n      {children}\n    </AppButton>\n  );\n};\n"],"names":["jsx","Alert","StackColumn","CircularProgress","jsxs","AlertTitle","AppTypography","StackRow","AppButton"],"mappings":";;;;;;;;AAmBO,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,WAAW;AACb,WACEA,2BAAAA,IAACC,SAAAA,SAAO,GAAG,OAAO,SAAkB,SAAQ,YAC1C,UAAAD,2BAAAA,IAACE,yBAAA,EAAY,KAAK,KAAK,gBAAe,UAAS,OAAM,QAAO,YAAW,UACrE,yCAACC,SAAAA,kBAAA,EAAiB,MAAM,GAAA,CAAI,EAAA,CAC9B,EAAA,CACF;AAAA,EAEJ;AAEA,SACEH,2BAAAA,IAACC,SAAAA,OAAA,EAAO,GAAG,OAAO,SAAkB,SAAQ,YAC1C,UAAAG,2BAAAA,KAACF,YAAAA,aAAA,EAAY,KAAK,KAChB,UAAA;AAAA,IAAAE,2BAAAA,KAACF,YAAAA,aAAA,EAAY,KAAK,KACf,UAAA;AAAA,MAAA,SACCF,2BAAAA,IAACK,uBAAW,IAAI,GAAG,SAAQ,aAAa,GAAG,YACxC,UAAA,MAAA,CACH;AAAA,MAED,0CACEC,6BAAA,EAAc,SAAQ,SAAQ,OAAO,QAAQ,kBAAkB,gBAC7D,UAAA,QAAA,CACH;AAAA,MAED,QAAQ;AAAA,MACR;AAAA,IAAA,GACH;AAAA,IAEC,WAAWN,2BAAAA,IAACO,mBAAA,EAAS,KAAK,GAAI,UAAA,QAAA,CAAQ;AAAA,EAAA,EAAA,CACzC,EAAA,CACF;AAEJ;AAIO,MAAM,iBAA2C,CAAC,EAAE,UAAU,GAAG,YAAY;AAClF,SACEP,2BAAAA,IAACQ,uBAAU,SAAQ,YAAW,MAAK,SAAS,GAAG,OAC5C,UACH;AAEJ;;;"}
+{"version":3,"file":"app-alert.js","sources":["../../../../src/components/app-alert.tsx"],"sourcesContent":["import { Alert, AlertProps, AlertTitle, AlertTitleProps, CircularProgress } from '@mui/material';\n\nimport { AppButton, AppButtonProps } from './app-button';\nimport { AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppAlertProps = Omit<AlertProps, 'title' | 'content'> & {\n  title?: string | React.ReactNode;\n  titleProps?: AlertTitleProps;\n  link?: React.ReactNode;\n  content?: React.ReactNode;\n  actions?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nexport const AppAlert: React.FC<AppAlertProps> = ({\n  title,\n  titleProps,\n  link,\n  content,\n  children,\n  onClose,\n  actions,\n  isLoading,\n  variant = 'standard',\n  ...props\n}) => {\n  if (isLoading) {\n    return (\n      <Alert {...props} onClose={onClose} variant={variant}>\n        <StackColumn gap={1.5} justifyContent=\"center\" width=\"100%\" alignItems=\"center\">\n          <CircularProgress size={22} />\n        </StackColumn>\n      </Alert>\n    );\n  }\n\n  return (\n    <Alert {...props} onClose={onClose} variant={variant}>\n      <StackColumn gap={1.5}>\n        <StackColumn gap={0.5}>\n          {title && (\n            <AlertTitle mb={0} variant=\"subtitle2\" {...titleProps}>\n              {title}\n            </AlertTitle>\n          )}\n          {content && (\n            <AppTypography\n              variant=\"body2\"\n              color={variant === 'filled' ? undefined : title ? 'text.tertiary' : 'text.primary'}\n            >\n              {content}\n            </AppTypography>\n          )}\n          {link && link}\n          {children}\n        </StackColumn>\n\n        {actions && <StackRow gap={1}>{actions}</StackRow>}\n      </StackColumn>\n    </Alert>\n  );\n};\n\n//\n\nexport const AppAlertButton: React.FC<AppButtonProps> = ({ children, ...props }) => {\n  return (\n    <AppButton variant=\"outlined\" size=\"small\" {...props}>\n      {children}\n    </AppButton>\n  );\n};\n"],"names":["jsx","Alert","StackColumn","CircularProgress","jsxs","AlertTitle","AppTypography","StackRow","AppButton"],"mappings":";;;;;;;;AAmBO,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AACJ,MAAI,WAAW;AACb,WACEA,+BAACC,SAAAA,SAAO,GAAG,OAAO,SAAkB,SAClC,UAAAD,2BAAAA,IAACE,YAAAA,eAAY,KAAK,KAAK,gBAAe,UAAS,OAAM,QAAO,YAAW,UACrE,yCAACC,SAAAA,kBAAA,EAAiB,MAAM,IAAI,EAAA,CAC9B,EAAA,CACF;AAAA,EAEJ;AAEA,SACEH,2BAAAA,IAACC,SAAAA,SAAO,GAAG,OAAO,SAAkB,SAClC,UAAAG,2BAAAA,KAACF,YAAAA,aAAA,EAAY,KAAK,KAChB,UAAA;AAAA,IAAAE,2BAAAA,KAACF,YAAAA,aAAA,EAAY,KAAK,KACf,UAAA;AAAA,MAAA,SACCF,2BAAAA,IAACK,uBAAW,IAAI,GAAG,SAAQ,aAAa,GAAG,YACxC,UAAA,MAAA,CACH;AAAA,MAED,WACCL,2BAAAA;AAAAA,QAACM,cAAAA;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAO,YAAY,WAAW,SAAY,QAAQ,kBAAkB;AAAA,UAEnE,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,QAAQ;AAAA,MACR;AAAA,IAAA,GACH;AAAA,IAEC,WAAWN,2BAAAA,IAACO,mBAAA,EAAS,KAAK,GAAI,UAAA,QAAA,CAAQ;AAAA,EAAA,EAAA,CACzC,EAAA,CACF;AAEJ;AAIO,MAAM,iBAA2C,CAAC,EAAE,UAAU,GAAG,YAAY;AAClF,SACEP,2BAAAA,IAACQ,uBAAU,SAAQ,YAAW,MAAK,SAAS,GAAG,OAC5C,UACH;AAEJ;;;"}

package/dist/react/cjs/components/app-empty-state.js

@@ -40,17 +40,17 @@ const AppEmptyState = ({
     iconBoxSize = 100;
   }
   if (variant === "error") {
-    iconBoxVariantProps.bgcolor = theme.palette._components.alert.error.background;
-    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.error.border}`;
+    iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.error.background;
+    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.error.border}`;
     iconColor = "error";
   }
   if (variant === "warning") {
-    iconBoxVariantProps.bgcolor = theme.palette._components.alert.warning.background;
-    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.warning.border}`;
+    iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.warning.background;
+    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.warning.border}`;
   }
   if (variant === "success") {
-    iconBoxVariantProps.bgcolor = theme.palette._components.alert.success.background;
-    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.success.border}`;
+    iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.success.background;
+    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.success.border}`;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     material.Box,

package/dist/react/cjs/components/app-empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-empty-state.js","sources":["../../../../src/components/app-empty-state.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Box, type BoxProps, type SvgIconProps, useTheme } from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport interface AppEmptyStateProps {\n  size?: 'standard' | 'small';\n  variant?: 'default' | 'error' | 'warning' | 'success';\n\n  title?: React.ReactNode;\n  titleProps?: AppTypographyProps;\n\n  icon?: React.ReactElement<SvgIconProps>;\n  iconProps?: SvgIconProps;\n  iconBoxProps?: BoxProps;\n  customIconComponent?: React.ReactElement<SvgIconProps>;\n\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n\n  subDescription?: React.ReactNode;\n  subDescriptionProps?: AppTypographyProps;\n\n  imageUrl?: string;\n  imageProps?: BoxProps;\n\n  children?: React.ReactNode;\n  containerProps?: BoxProps;\n}\n\nexport const AppEmptyState: FC<AppEmptyStateProps> = ({\n  size = 'small',\n  variant = 'default',\n\n  title,\n  titleProps,\n  description,\n  descriptionProps,\n\n  subDescription,\n  subDescriptionProps,\n\n  icon,\n  iconProps,\n  iconBoxProps,\n  customIconComponent,\n\n  imageUrl,\n  imageProps,\n\n  children,\n  containerProps,\n}) => {\n  const isBoxImage = icon?.props?.component === 'img';\n\n  const theme = useTheme();\n\n  let iconSize: SvgIconProps['fontSize'] = 'large';\n  let titleSize: AppTypographyProps['variant'] = 'h4';\n  let iconBoxSize = 120;\n  let iconColor: SvgIconProps['color'] = 'action';\n\n  const iconBoxVariantProps = {\n    bgcolor: '_components.iconButton.primary.hover',\n    border: `none`,\n  };\n\n  if (size === 'small') {\n    iconSize = 'medium';\n    titleSize = 'h6';\n    iconBoxSize = 100;\n  }\n\n  if (variant === 'error') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.error.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.error.border}`;\n    iconColor = 'error';\n  }\n\n  if (variant === 'warning') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.warning.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.warning.border}`;\n  }\n\n  if (variant === 'success') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.success.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.success.border}`;\n  }\n\n  return (\n    <Box\n      width=\"100%\"\n      height=\"100%\"\n      rowGap={size === 'small' ? 2 : 3}\n      px={2}\n      py={6}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...containerProps}\n    >\n      {imageUrl ? (\n        <Box\n          component=\"img\"\n          src={imageUrl}\n          width={240}\n          height={160}\n          bgcolor=\"_components.emptyState.imageBackground\"\n          {...imageProps}\n        />\n      ) : icon && !isBoxImage ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          borderRadius={99}\n          width={iconBoxSize}\n          height={iconBoxSize}\n          maxWidth={iconBoxSize}\n          maxHeight={iconBoxSize}\n          {...iconBoxVariantProps}\n          {...iconBoxProps}\n        >\n          {React.cloneElement(icon, { fontSize: iconSize, color: iconColor, ...iconProps })}\n        </Box>\n      ) : icon && isBoxImage ? (\n        icon\n      ) : (\n        customIconComponent\n      )}\n      {(title || description || subDescription) && (\n        <StackColumn gap={size === 'small' ? 0 : 0.5} maxWidth={600} textAlign=\"center\">\n          {title && (\n            <AppTypography variant={titleSize} {...titleProps}>\n              {title}\n            </AppTypography>\n          )}\n          {description && (\n            <AppTypography variant=\"body2\" color=\"textTertiary\" {...descriptionProps}>\n              {description}\n            </AppTypography>\n          )}\n          {subDescription && (\n            <AppTypography mt={3} variant=\"body2\" color=\"textTertiary\" {...subDescriptionProps}>\n              {subDescription}\n            </AppTypography>\n          )}\n        </StackColumn>\n      )}\n      {children && <StackRow>{children}</StackRow>}\n    </Box>\n  );\n};\n"],"names":["useTheme","jsxs","Box","jsx","StackColumn","AppTypography","StackRow"],"mappings":"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"}
+{"version":3,"file":"app-empty-state.js","sources":["../../../../src/components/app-empty-state.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Box, type BoxProps, type SvgIconProps, useTheme } from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport interface AppEmptyStateProps {\n  size?: 'standard' | 'small';\n  variant?: 'default' | 'error' | 'warning' | 'success';\n\n  title?: React.ReactNode;\n  titleProps?: AppTypographyProps;\n\n  icon?: React.ReactElement<SvgIconProps>;\n  iconProps?: SvgIconProps;\n  iconBoxProps?: BoxProps;\n  customIconComponent?: React.ReactElement<SvgIconProps>;\n\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n\n  subDescription?: React.ReactNode;\n  subDescriptionProps?: AppTypographyProps;\n\n  imageUrl?: string;\n  imageProps?: BoxProps;\n\n  children?: React.ReactNode;\n  containerProps?: BoxProps;\n}\n\nexport const AppEmptyState: FC<AppEmptyStateProps> = ({\n  size = 'small',\n  variant = 'default',\n\n  title,\n  titleProps,\n  description,\n  descriptionProps,\n\n  subDescription,\n  subDescriptionProps,\n\n  icon,\n  iconProps,\n  iconBoxProps,\n  customIconComponent,\n\n  imageUrl,\n  imageProps,\n\n  children,\n  containerProps,\n}) => {\n  const isBoxImage = icon?.props?.component === 'img';\n\n  const theme = useTheme();\n\n  let iconSize: SvgIconProps['fontSize'] = 'large';\n  let titleSize: AppTypographyProps['variant'] = 'h4';\n  let iconBoxSize = 120;\n  let iconColor: SvgIconProps['color'] = 'action';\n\n  const iconBoxVariantProps = {\n    bgcolor: '_components.iconButton.primary.hover',\n    border: `none`,\n  };\n\n  if (size === 'small') {\n    iconSize = 'medium';\n    titleSize = 'h6';\n    iconBoxSize = 100;\n  }\n\n  if (variant === 'error') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.error.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.error.border}`;\n    iconColor = 'error';\n  }\n\n  if (variant === 'warning') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.warning.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.warning.border}`;\n  }\n\n  if (variant === 'success') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.success.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.success.border}`;\n  }\n\n  return (\n    <Box\n      width=\"100%\"\n      height=\"100%\"\n      rowGap={size === 'small' ? 2 : 3}\n      px={2}\n      py={6}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...containerProps}\n    >\n      {imageUrl ? (\n        <Box\n          component=\"img\"\n          src={imageUrl}\n          width={240}\n          height={160}\n          bgcolor=\"_components.emptyState.imageBackground\"\n          {...imageProps}\n        />\n      ) : icon && !isBoxImage ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          borderRadius={99}\n          width={iconBoxSize}\n          height={iconBoxSize}\n          maxWidth={iconBoxSize}\n          maxHeight={iconBoxSize}\n          {...iconBoxVariantProps}\n          {...iconBoxProps}\n        >\n          {React.cloneElement(icon, { fontSize: iconSize, color: iconColor, ...iconProps })}\n        </Box>\n      ) : icon && isBoxImage ? (\n        icon\n      ) : (\n        customIconComponent\n      )}\n      {(title || description || subDescription) && (\n        <StackColumn gap={size === 'small' ? 0 : 0.5} maxWidth={600} textAlign=\"center\">\n          {title && (\n            <AppTypography variant={titleSize} {...titleProps}>\n              {title}\n            </AppTypography>\n          )}\n          {description && (\n            <AppTypography variant=\"body2\" color=\"textTertiary\" {...descriptionProps}>\n              {description}\n            </AppTypography>\n          )}\n          {subDescription && (\n            <AppTypography mt={3} variant=\"body2\" color=\"textTertiary\" {...subDescriptionProps}>\n              {subDescription}\n            </AppTypography>\n          )}\n        </StackColumn>\n      )}\n      {children && <StackRow>{children}</StackRow>}\n    </Box>\n  );\n};\n"],"names":["useTheme","jsxs","Box","jsx","StackColumn","AppTypography","StackRow"],"mappings":"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"}

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

@@ -10,17 +10,6 @@ const MuiAlert = {
       [theme.breakpoints.down("md")]: {
         paddingInline: theme.spacing(1)
       },
-      "&.MuiAlert-colorError": {
-        color: "inherit",
-        borderColor: theme.palette._components.alert.error.border,
-        background: theme.palette._components.alert.error.background,
-        ".MuiAlert-icon": {
-          color: theme.palette._components.alert.error.icon
-        },
-        ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: theme.palette._components.alert.error.color
-        }
-      },
       ".MuiTypography-root.MuiAlertTitle-root": {
         margin: 0
       },
@@ -43,39 +32,178 @@ const MuiAlert = {
           paddingLeft: theme.spacing(0.5)
         }
       },
-      "&.MuiAlert-colorWarning": {
-        color: "inherit",
-        borderColor: theme.palette._components.alert.warning.border,
-        background: theme.palette._components.alert.warning.background,
-        ".MuiAlert-icon": {
-          color: theme.palette._components.alert.warning.icon
+      variants: [
+        // Standard variants
+        {
+          props: { variant: "standard", severity: "error" },
+          style: {
+            color: "inherit",
+            borderColor: theme.palette._components.alert.standard.error.border,
+            background: theme.palette._components.alert.standard.error.background,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.standard.error.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.standard.error.color
+            }
+          }
         },
-        ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: theme.palette._components.alert.warning.color
-        }
-      },
-      "&.MuiAlert-colorInfo": {
-        color: "inherit",
-        borderColor: theme.palette._components.alert.info.border,
-        background: theme.palette._components.alert.info.background,
-        ".MuiAlert-icon": {
-          color: theme.palette._components.alert.info.icon
+        {
+          props: { variant: "standard", severity: "warning" },
+          style: {
+            color: "inherit",
+            borderColor: theme.palette._components.alert.standard.warning.border,
+            background: theme.palette._components.alert.standard.warning.background,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.standard.warning.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.standard.warning.color
+            }
+          }
         },
-        ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: theme.palette._components.alert.info.color
-        }
-      },
-      "&.MuiAlert-colorSuccess": {
-        color: "inherit",
-        borderColor: theme.palette._components.alert.success.border,
-        background: theme.palette._components.alert.success.background,
-        ".MuiAlert-icon": {
-          color: theme.palette._components.alert.success.icon
+        {
+          props: { variant: "standard", severity: "info" },
+          style: {
+            color: "inherit",
+            borderColor: theme.palette._components.alert.standard.info.border,
+            background: theme.palette._components.alert.standard.info.background,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.standard.info.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.standard.info.color
+            }
+          }
+        },
+        {
+          props: { variant: "standard", severity: "success" },
+          style: {
+            color: "inherit",
+            borderColor: theme.palette._components.alert.standard.success.border,
+            background: theme.palette._components.alert.standard.success.background,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.standard.success.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.standard.success.color
+            }
+          }
+        },
+        {
+          props: { variant: "standard", color: "primary" },
+          style: {
+            color: "inherit",
+            borderColor: theme.palette._components.alert.standard.primary.border,
+            background: theme.palette._components.alert.standard.primary.background,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.standard.primary.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.standard.primary.color
+            }
+          }
+        },
+        {
+          props: { variant: "standard", color: "gray" },
+          style: {
+            color: "inherit",
+            borderColor: theme.palette._components.alert.standard.gray.border,
+            background: theme.palette._components.alert.standard.gray.background,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.standard.gray.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.standard.gray.color
+            }
+          }
+        },
+        // Filled variants
+        {
+          props: { variant: "filled", severity: "error" },
+          style: {
+            borderColor: "transparent",
+            background: theme.palette._components.alert.filled.error.background,
+            color: theme.palette._components.alert.filled.error.color,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.filled.error.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.filled.error.color
+            }
+          }
+        },
+        {
+          props: { variant: "filled", severity: "warning" },
+          style: {
+            borderColor: "transparent",
+            background: theme.palette._components.alert.filled.warning.background,
+            color: theme.palette._components.alert.filled.warning.color,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.filled.warning.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.filled.warning.color
+            }
+          }
+        },
+        {
+          props: { variant: "filled", severity: "info" },
+          style: {
+            borderColor: "transparent",
+            background: theme.palette._components.alert.filled.info.background,
+            color: theme.palette._components.alert.filled.info.color,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.filled.info.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.filled.info.color
+            }
+          }
+        },
+        {
+          props: { variant: "filled", severity: "success" },
+          style: {
+            borderColor: "transparent",
+            background: theme.palette._components.alert.filled.success.background,
+            color: theme.palette._components.alert.filled.success.color,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.filled.success.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.filled.success.color
+            }
+          }
+        },
+        {
+          props: { variant: "filled", color: "primary" },
+          style: {
+            borderColor: "transparent",
+            background: theme.palette._components.alert.filled.primary.background,
+            color: theme.palette._components.alert.filled.primary.color,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.filled.primary.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.filled.primary.color
+            }
+          }
         },
-        ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
-          fill: theme.palette._components.alert.success.color
+        {
+          props: { variant: "filled", color: "gray" },
+          style: {
+            borderColor: "transparent",
+            background: theme.palette._components.alert.filled.gray.background,
+            color: theme.palette._components.alert.filled.gray.color,
+            ".MuiAlert-icon": {
+              color: theme.palette._components.alert.filled.gray.icon
+            },
+            ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
+              fill: theme.palette._components.alert.filled.gray.color
+            }
+          }
         }
-      }
+      ]
     })
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../../../src/theme/components/alert.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\n//\n\nexport const MuiAlert: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiAlert'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      borderStyle: 'solid',\n      borderWidth: 1,\n      borderRadius: 12,\n      flexWrap: 'wrap',\n      [theme.breakpoints.down('md')]: {\n        paddingInline: theme.spacing(1),\n      },\n      '&.MuiAlert-colorError': {\n        color: 'inherit',\n        borderColor: theme.palette._components.alert.error.border,\n        background: theme.palette._components.alert.error.background,\n        '.MuiAlert-icon': {\n          color: theme.palette._components.alert.error.icon,\n        },\n        '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n          fill: theme.palette._components.alert.error.color,\n        },\n      },\n      '.MuiTypography-root.MuiAlertTitle-root': {\n        margin: 0,\n      },\n      '.MuiAlert-icon': {\n        flex: 0,\n        paddingBlock: theme.spacing(0.75),\n        alignItems: 'flex-start',\n      },\n      '.MuiAlert-message': {\n        flex: 1,\n        paddingBlock: theme.spacing(0.75),\n        display: 'flex',\n        alignItems: 'center',\n      },\n      '.MuiAlert-action': {\n        paddingTop: theme.spacing(0.25),\n        marginRight: 0,\n        alignItems: 'flex-start',\n        [theme.breakpoints.down('md')]: {\n          paddingLeft: theme.spacing(0.5),\n        },\n      },\n      '&.MuiAlert-colorWarning': {\n        color: 'inherit',\n        borderColor: theme.palette._components.alert.warning.border,\n        background: theme.palette._components.alert.warning.background,\n        '.MuiAlert-icon': {\n          color: theme.palette._components.alert.warning.icon,\n        },\n        '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n          fill: theme.palette._components.alert.warning.color,\n        },\n      },\n      '&.MuiAlert-colorInfo': {\n        color: 'inherit',\n        borderColor: theme.palette._components.alert.info.border,\n        background: theme.palette._components.alert.info.background,\n        '.MuiAlert-icon': {\n          color: theme.palette._components.alert.info.icon,\n        },\n        '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n          fill: theme.palette._components.alert.info.color,\n        },\n      },\n      '&.MuiAlert-colorSuccess': {\n        color: 'inherit',\n        borderColor: theme.palette._components.alert.success.border,\n        background: theme.palette._components.alert.success.background,\n        '.MuiAlert-icon': {\n          color: theme.palette._components.alert.success.icon,\n        },\n        '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n          fill: theme.palette._components.alert.success.color,\n        },\n      },\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAOO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,MACV,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,eAAe,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAEhC,yBAAyB;AAAA,QACvB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QACnD,YAAY,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAClD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAAA;AAAA,QAE/C,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAAA;AAAA,MAC9C;AAAA,MAEF,0CAA0C;AAAA,QACxC,QAAQ;AAAA,MAAA;AAAA,MAEV,kBAAkB;AAAA,QAChB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,YAAY;AAAA,MAAA;AAAA,MAEd,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,MAEd,oBAAoB;AAAA,QAClB,YAAY,MAAM,QAAQ,IAAI;AAAA,QAC9B,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,UAC9B,aAAa,MAAM,QAAQ,GAAG;AAAA,QAAA;AAAA,MAChC;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACrD,YAAY,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACpD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,QAEjD,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChD;AAAA,MAEF,wBAAwB;AAAA,QACtB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAClD,YAAY,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QACjD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAAA;AAAA,QAE9C,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAAA;AAAA,MAC7C;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACrD,YAAY,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACpD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,QAEjD,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"alert.js","sources":["../../../../../src/theme/components/alert.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\n//\n\nexport const MuiAlert: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiAlert'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      borderStyle: 'solid',\n      borderWidth: 1,\n      borderRadius: 12,\n      flexWrap: 'wrap',\n      [theme.breakpoints.down('md')]: {\n        paddingInline: theme.spacing(1),\n      },\n      '.MuiTypography-root.MuiAlertTitle-root': {\n        margin: 0,\n      },\n      '.MuiAlert-icon': {\n        flex: 0,\n        paddingBlock: theme.spacing(0.75),\n        alignItems: 'flex-start',\n      },\n      '.MuiAlert-message': {\n        flex: 1,\n        paddingBlock: theme.spacing(0.75),\n        display: 'flex',\n        alignItems: 'center',\n      },\n      '.MuiAlert-action': {\n        paddingTop: theme.spacing(0.25),\n        marginRight: 0,\n        alignItems: 'flex-start',\n        [theme.breakpoints.down('md')]: {\n          paddingLeft: theme.spacing(0.5),\n        },\n      },\n      variants: [\n        // Standard variants\n        {\n          props: { variant: 'standard', severity: 'error' },\n          style: {\n            color: 'inherit',\n            borderColor: theme.palette._components.alert.standard.error.border,\n            background: theme.palette._components.alert.standard.error.background,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.standard.error.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.standard.error.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'standard', severity: 'warning' },\n          style: {\n            color: 'inherit',\n            borderColor: theme.palette._components.alert.standard.warning.border,\n            background: theme.palette._components.alert.standard.warning.background,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.standard.warning.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.standard.warning.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'standard', severity: 'info' },\n          style: {\n            color: 'inherit',\n            borderColor: theme.palette._components.alert.standard.info.border,\n            background: theme.palette._components.alert.standard.info.background,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.standard.info.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.standard.info.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'standard', severity: 'success' },\n          style: {\n            color: 'inherit',\n            borderColor: theme.palette._components.alert.standard.success.border,\n            background: theme.palette._components.alert.standard.success.background,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.standard.success.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.standard.success.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'standard', color: 'primary' },\n          style: {\n            color: 'inherit',\n            borderColor: theme.palette._components.alert.standard.primary.border,\n            background: theme.palette._components.alert.standard.primary.background,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.standard.primary.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.standard.primary.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'standard', color: 'gray' },\n          style: {\n            color: 'inherit',\n            borderColor: theme.palette._components.alert.standard.gray.border,\n            background: theme.palette._components.alert.standard.gray.background,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.standard.gray.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.standard.gray.color,\n            },\n          },\n        },\n        // Filled variants\n        {\n          props: { variant: 'filled', severity: 'error' },\n          style: {\n            borderColor: 'transparent',\n            background: theme.palette._components.alert.filled.error.background,\n            color: theme.palette._components.alert.filled.error.color,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.filled.error.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.filled.error.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'filled', severity: 'warning' },\n          style: {\n            borderColor: 'transparent',\n            background: theme.palette._components.alert.filled.warning.background,\n            color: theme.palette._components.alert.filled.warning.color,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.filled.warning.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.filled.warning.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'filled', severity: 'info' },\n          style: {\n            borderColor: 'transparent',\n            background: theme.palette._components.alert.filled.info.background,\n            color: theme.palette._components.alert.filled.info.color,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.filled.info.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.filled.info.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'filled', severity: 'success' },\n          style: {\n            borderColor: 'transparent',\n            background: theme.palette._components.alert.filled.success.background,\n            color: theme.palette._components.alert.filled.success.color,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.filled.success.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.filled.success.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'filled', color: 'primary' },\n          style: {\n            borderColor: 'transparent',\n            background: theme.palette._components.alert.filled.primary.background,\n            color: theme.palette._components.alert.filled.primary.color,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.filled.primary.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.filled.primary.color,\n            },\n          },\n        },\n        {\n          props: { variant: 'filled', color: 'gray' },\n          style: {\n            borderColor: 'transparent',\n            background: theme.palette._components.alert.filled.gray.background,\n            color: theme.palette._components.alert.filled.gray.color,\n            '.MuiAlert-icon': {\n              color: theme.palette._components.alert.filled.gray.icon,\n            },\n            '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n              fill: theme.palette._components.alert.filled.gray.color,\n            },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAOO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,MACV,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,eAAe,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAEhC,0CAA0C;AAAA,QACxC,QAAQ;AAAA,MAAA;AAAA,MAEV,kBAAkB;AAAA,QAChB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,YAAY;AAAA,MAAA;AAAA,MAEd,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,MAEd,oBAAoB;AAAA,QAClB,YAAY,MAAM,QAAQ,IAAI;AAAA,QAC9B,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,UAC9B,aAAa,MAAM,QAAQ,GAAG;AAAA,QAAA;AAAA,MAChC;AAAA,MAEF,UAAU;AAAA;AAAA,QAER;AAAA,UACE,OAAO,EAAE,SAAS,YAAY,UAAU,QAAA;AAAA,UACxC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,MAAM;AAAA,YAC5D,YAAY,MAAM,QAAQ,YAAY,MAAM,SAAS,MAAM;AAAA,YAC3D,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,SAAS,MAAM;AAAA,YAAA;AAAA,YAExD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,SAAS,MAAM;AAAA,YAAA;AAAA,UACvD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,YAAY,UAAU,UAAA;AAAA,UACxC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAC9D,YAAY,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAC7D,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAAA;AAAA,YAE1D,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAAA;AAAA,UACzD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,YAAY,UAAU,OAAA;AAAA,UACxC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAC3D,YAAY,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAC1D,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAAA;AAAA,YAEvD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAAA;AAAA,UACtD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,YAAY,UAAU,UAAA;AAAA,UACxC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAC9D,YAAY,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAC7D,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAAA;AAAA,YAE1D,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAAA;AAAA,UACzD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,YAAY,OAAO,UAAA;AAAA,UACrC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAC9D,YAAY,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAC7D,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAAA;AAAA,YAE1D,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAAA,YAAA;AAAA,UACzD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,YAAY,OAAO,OAAA;AAAA,UACrC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAC3D,YAAY,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAC1D,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAAA;AAAA,YAEvD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,SAAS,KAAK;AAAA,YAAA;AAAA,UACtD;AAAA,QACF;AAAA;AAAA,QAGF;AAAA,UACE,OAAO,EAAE,SAAS,UAAU,UAAU,QAAA;AAAA,UACtC,OAAO;AAAA,YACL,aAAa;AAAA,YACb,YAAY,MAAM,QAAQ,YAAY,MAAM,OAAO,MAAM;AAAA,YACzD,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,MAAM;AAAA,YACpD,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,MAAM;AAAA,YAAA;AAAA,YAEtD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,OAAO,MAAM;AAAA,YAAA;AAAA,UACrD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,UAAU,UAAU,UAAA;AAAA,UACtC,OAAO;AAAA,YACL,aAAa;AAAA,YACb,YAAY,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAC3D,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YACtD,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAAA;AAAA,YAExD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAAA;AAAA,UACvD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,UAAU,UAAU,OAAA;AAAA,UACtC,OAAO;AAAA,YACL,aAAa;AAAA,YACb,YAAY,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YACxD,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YACnD,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YAAA;AAAA,YAErD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YAAA;AAAA,UACpD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,UAAU,UAAU,UAAA;AAAA,UACtC,OAAO;AAAA,YACL,aAAa;AAAA,YACb,YAAY,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAC3D,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YACtD,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAAA;AAAA,YAExD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAAA;AAAA,UACvD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,UAAU,OAAO,UAAA;AAAA,UACnC,OAAO;AAAA,YACL,aAAa;AAAA,YACb,YAAY,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAC3D,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YACtD,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAAA;AAAA,YAExD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,OAAO,QAAQ;AAAA,YAAA;AAAA,UACvD;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,SAAS,UAAU,OAAO,OAAA;AAAA,UACnC,OAAO;AAAA,YACL,aAAa;AAAA,YACb,YAAY,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YACxD,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YACnD,kBAAkB;AAAA,cAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YAAA;AAAA,YAErD,8CAA8C;AAAA,cAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,OAAO,KAAK;AAAA,YAAA;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

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

@@ -270,29 +270,67 @@ const paletteDark = {
       borderBottom: "#1C1C37"
     },
     alert: {
-      error: {
-        color: colors.colors.red[400],
-        border: "rgba(250, 55, 104, 0.3)",
-        background: "rgba(250, 55, 104, 0.1)",
-        icon: colors.colors.red[400]
-      },
-      warning: {
-        color: colors.colors.yellow[600],
-        border: "rgba(249, 230, 131, 0.3)",
-        background: "rgba(249, 230, 131, 0.1)",
-        icon: colors.colors.yellow[600]
+      standard: {
+        error: {
+          color: colors.colors.red[400],
+          border: "rgba(250, 55, 104, 0.3)",
+          background: "rgba(250, 55, 104, 0.1)",
+          icon: colors.colors.red[400]
+        },
+        warning: {
+          color: colors.colors.yellow[600],
+          border: "rgba(249, 230, 131, 0.3)",
+          background: "rgba(249, 230, 131, 0.1)",
+          icon: colors.colors.yellow[600]
+        },
+        info: {
+          color: colors.colors.blue[500],
+          border: "rgba(96, 203, 203, 0.3)",
+          background: "rgba(96, 203, 203, 0.1)",
+          icon: colors.colors.blue[500]
+        },
+        success: {
+          color: colors.colors.green[500],
+          border: "rgba(158, 236, 152, 0.3)",
+          background: "rgba(158, 236, 152, 0.1)",
+          icon: colors.colors.green[500]
+        },
+        primary: {
+          color: colors.colors.primary[400],
+          border: "rgba(135, 88, 198, 0.3)",
+          background: "rgba(135, 88, 198, 0.1)",
+          icon: colors.colors.primary[400]
+        },
+        gray: {
+          color: colors.colors.neutral[400],
+          border: "rgba(255, 255, 255, 0.2)",
+          background: "rgba(255, 255, 255, 0.05)",
+          icon: colors.colors.neutral[500]
+        }
       },
-      info: {
-        color: colors.colors.blue[500],
-        border: "rgba(96, 203, 203, 0.3)",
-        background: "rgba(96, 203, 203, 0.1)",
-        icon: colors.colors.blue[500]
-      },
-      success: {
-        color: colors.colors.green[500],
-        border: "rgba(158, 236, 152, 0.3)",
-        background: "rgba(158, 236, 152, 0.1)",
-        icon: colors.colors.green[500]
+      filled: {
+        error: { background: colors.colors.red[1e3], color: colors.colors.base.white, icon: colors.colors.base.white },
+        warning: {
+          background: colors.colors.yellow[1e3],
+          color: colors.colors.yellow[200],
+          icon: colors.colors.yellow[200]
+        },
+        info: { background: colors.colors.blue[1e3], color: colors.colors.base.white, icon: colors.colors.base.white },
+        success: {
+          background: colors.colors.green[1e3],
+          color: colors.colors.green[200],
+          icon: colors.colors.green[200]
+        },
+        primary: {
+          background: colors.colors.primary[1e3],
+          color: colors.colors.base.white,
+          icon: colors.colors.base.white
+        },
+        gray: {
+          background: colors.colors.neutral[500],
+          color: colors.colors.base.white,
+          icon: colors.colors.base.white
+        }
       }
     },
     status: {

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: 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    card: {\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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"}
+{"version":3,"file":"palette.dark.js","sources":["../../../../src/theme/palette.dark.ts"],"sourcesContent":["// oxlint-disable max-lines\nimport { 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      standard: {\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        primary: {\n          color: colors.primary[400],\n          border: 'rgba(135, 88, 198, 0.3)',\n          background: 'rgba(135, 88, 198, 0.1)',\n          icon: colors.primary[400],\n        },\n        gray: {\n          color: colors.neutral[400],\n          border: 'rgba(255, 255, 255, 0.2)',\n          background: 'rgba(255, 255, 255, 0.05)',\n          icon: colors.neutral[500],\n        },\n      },\n      filled: {\n        error: { background: colors.red[1000], color: colors.base.white, icon: colors.base.white },\n        warning: {\n          background: colors.yellow[1000],\n          color: colors.yellow[200],\n          icon: colors.yellow[200],\n        },\n        info: { background: colors.blue[1000], color: colors.base.white, icon: colors.base.white },\n        success: {\n          background: colors.green[1000],\n          color: colors.green[200],\n          icon: colors.green[200],\n        },\n        primary: {\n          background: colors.primary[1000],\n          color: colors.base.white,\n          icon: colors.base.white,\n        },\n        gray: {\n          background: colors.neutral[500],\n          color: colors.base.white,\n          icon: colors.base.white,\n        },\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    card: {\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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"}