@xyo-network/react-card 5.2.7 → 5.2.8

package/dist/browser/index.mjs

@@ -219,7 +219,7 @@ var SimpleCard = /* @__PURE__ */ __name(({ children, desc, iconImage, interactio
       "&:hover": {
         cursor: interactionVariant == "button" ? "pointer" : null
       },
-      "backgroundColor": alphaCss2(theme.vars.palette.primary.light, 0.05),
+      "backgroundColor": alphaCss2(theme.vars.palette.primary.main, 0.05),
       ...sx
     },
     onMouseEnter: /* @__PURE__ */ __name(() => isSmall ? null : interactionVariant == "button" ? setRaised(true) : null, "onMouseEnter"),

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/CardContentEx.tsx","../../src/components/CardEx.tsx","../../src/components/FullWidthCard/FullWidthCard.tsx","../../src/components/PageCard.tsx","../../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import type { CardContentProps } from '@mui/material'\nimport { CardContent, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { useEffect } from 'react'\n\nconst CardContentExRoot = styled(CardContent, {\n  name: 'CardContentEx',\n  shouldForwardProp: (prop: string) => !['variant', 'removePadding'].includes(prop),\n  slot: 'Root',\n})<CardContentExProps>(({ variant, removePadding }) => ({\n  ...((variant === 'scrollable' || removePadding) && {\n    [':last-child']: { paddingBottom: 0 },\n    overflow: 'auto',\n    paddingTop: 0,\n    ...(removePadding && { padding: 0 }),\n  }),\n}))\n\nexport type CardContentExProps = CardContentProps & {\n  refreshRef?: number\n  removePadding?: boolean\n  scrollToTop?: number\n  variant?: 'scrollable' | 'normal'\n}\n\nexport const CardContentExWithRef = ({\n  ref, scrollToTop = 0, refreshRef = 0, ...props\n}: CardContentExProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n  const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)\n\n  useEffect(() => {\n    if (sharedRef && scrollToTop) {\n      sharedRef.current?.scroll({ behavior: 'smooth', top: 0 })\n    }\n  }, [sharedRef, scrollToTop])\n\n  return <CardContentExRoot ref={sharedRef} {...props} />\n}\n\nCardContentExWithRef.displayName = 'CardContentEx'\n\nexport const CardContentEx = CardContentExWithRef\n","import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface CardExProps extends CardProps {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef = ({\n  ref, style, gradient, ...props\n}: CardExProps) => {\n  const styles = useGradientStyles()\n  const gradientStyle\n    = gradient === 'border'\n      ? styles.border\n      : gradient === 'background'\n        ? styles.background\n        : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport type { CardProps } from '@mui/material'\nimport {\n  Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nexport interface FullWidthCardProps extends CardProps {\n  cardIsButton?: boolean\n  desc?: ReactNode\n  href?: string\n  linkText?: string\n  media?: string\n  name: ReactNode\n  small?: boolean\n  to?: To\n}\n\nexport const FullWidthCard: React.FC<FullWidthCardProps> = ({\n  cardIsButton, desc, href, media, name, small, to, ...props\n}) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsSmall()\n\n  const localRouteChange = (to: To | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? void navigate(to) : void navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    href ? void window.open(href) : void navigate('/404')\n  }\n\n  return (\n    <Card\n      elevation={raised ? 3 : 0}\n      style={{ height: '100%', width: '100%' }}\n      {...props}\n      sx={{\n        '&:hover': { cursor: 'pointer' },\n        'backgroundColor': alphaCss(theme.vars.palette.primary.light, 0.05),\n      }}\n      onMouseEnter={() =>\n        isMobile\n          ? null\n          : cardIsButton\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isMobile\n          ? null\n          : cardIsButton\n            ? setRaised(false)\n            : null}\n      onClick={() =>\n        cardIsButton\n          ? href\n            ? externalRouteChange(href)\n            : to\n              ? localRouteChange(to)\n              : navigate('/404')\n          : null}\n    >\n      {media\n        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : null}\n\n      <CardContent>\n        <Grid container alignItems=\"center\" paddingY={2} paddingX={2}>\n          <Grid size={{ xs: 12, md: 6 }}>\n            {typeof name === 'string'\n              ? (\n                  <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n                    {name}\n                  </Typography>\n                )\n              : name}\n          </Grid>\n          <Grid size={{ xs: 12, md: 5 }}>\n            <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n              {desc}\n            </Typography>\n          </Grid>\n          <Grid size={{ xs: 1 }} display={isMobile ? 'none' : 'flex'} justifyContent=\"center\">\n            <Zoom in={raised}>\n              <IconButton\n                color=\"primary\"\n                size={small ? 'small' : 'medium'}\n                onClick={() =>\n                  href\n                    ? externalRouteChange(href)\n                    : to\n                      ? localRouteChange(to)\n                      : navigate('/404')}\n                disableFocusRipple\n                disableRipple\n                disableTouchRipple\n              >\n                <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n              </IconButton>\n            </Zoom>\n          </Grid>\n        </Grid>\n      </CardContent>\n      <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n        <FlexGrowCol alignItems=\"flex-end\">\n          <IconButton\n            color=\"primary\"\n            size={small ? 'small' : 'medium'}\n            onClick={() =>\n              href\n                ? externalRouteChange(href)\n                : to\n                  ? localRouteChange(to)\n                  : navigate('/404')}\n            disableFocusRipple\n            disableRipple\n            disableTouchRipple\n          >\n            <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n          </IconButton>\n        </FlexGrowCol>\n      </CardActions>\n    </Card>\n  )\n}\n","import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport type { CardHeaderProps } from '@mui/material'\nimport { CardHeader, IconButton } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport type { CardExProps } from './CardEx.tsx'\nimport { CardEx } from './CardEx.tsx'\n\nexport interface PageCardProps extends CardExProps {\n  action?: ReactNode\n  onRefresh?: () => void\n  subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef = ({\n  ref, subheader, title, onRefresh, children, action, style, ...props\n}: PageCardProps) => {\n  return (\n    <CardEx\n      style={{\n        backgroundColor: 'transparent', position: 'relative', ...style,\n      }}\n      elevation={0}\n      ref={ref}\n      {...props}\n    >\n      <CardHeader\n        title={(\n          <TypographyEx variant=\"h5\" gutterBottom>\n            {title}\n          </TypographyEx>\n        )}\n        subheader={<TypographyEx variant=\"subtitle1\">{subheader}</TypographyEx>}\n        action={\n          action ?? (\n            <>\n              {onRefresh\n                ? (\n                    <IconButton onClick={() => onRefresh?.()}>\n                      <RefreshIcon />\n                    </IconButton>\n                  )\n                : null}\n            </>\n          )\n        }\n      />\n      {children}\n    </CardEx>\n  )\n}\n\nPageCardWithRef.displayName = 'PageCard'\n\nexport const PageCard = PageCardWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport {\n  CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nimport type { CardExProps } from '../CardEx.tsx'\nimport { CardEx } from '../CardEx.tsx'\n\nexport interface SimpleCardProps extends CardExProps {\n  desc?: ReactNode\n  headline?: ReactNode\n  href?: string\n  iconImage?: string\n  interactionVariant?: 'button' | 'card'\n  media?: string\n  small?: boolean\n  subtitle?: string\n  to?: To\n}\n\nexport const SimpleCard: React.FC<SimpleCardProps> = ({\n  children,\n  desc,\n  iconImage,\n  interactionVariant = 'card',\n  headline,\n  href,\n  media,\n  small,\n  subtitle,\n  sx,\n  to,\n  ...props\n}) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isSmall = useIsSmall()\n  const localRouteChange = (to: To | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? void navigate(to) : void navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    href ? void window.open(href) : void navigate('/404')\n  }\n  return (\n    <CardEx\n      elevation={raised ? 3 : 0}\n      sx={{\n        '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },\n        'backgroundColor': alphaCss(theme.vars.palette.primary.light, 0.05),\n        ...sx,\n      }}\n      onMouseEnter={() =>\n        isSmall\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isSmall\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(false)\n            : null}\n      onClick={() =>\n        interactionVariant == 'button'\n          ? href\n            ? externalRouteChange(href)\n            : to\n              ? localRouteChange(to)\n              : navigate('/404')\n          : null}\n      {...props}\n    >\n      {media\n        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : null}\n\n      <CardContent sx={{ height: '100%' }}>\n        <FlexCol width=\"100%\" alignItems=\"flex-start\">\n          {iconImage\n            ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n            : null}\n          {typeof headline === 'string'\n            ? (\n                <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n                  {headline}\n                </Typography>\n              )\n            : headline}\n          {subtitle\n            ? (\n                <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n                  {subtitle}\n                </Typography>\n              )\n            : null}\n          <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n            {desc}\n          </Typography>\n        </FlexCol>\n      </CardContent>\n      {children}\n      {interactionVariant == 'button'\n        ? (\n            <CardActions>\n              <FlexGrowCol alignItems=\"flex-end\">\n                <IconButton\n                  color={raised ? 'secondary' : 'primary'}\n                  size={small ? 'small' : 'medium'}\n                  onClick={() =>\n                    href\n                      ? externalRouteChange(href)\n                      : to\n                        ? localRouteChange(to)\n                        : navigate('/404')}\n                  disableFocusRipple\n                  disableRipple\n                  disableTouchRipple\n                >\n                  <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n                </IconButton>\n              </FlexGrowCol>\n            </CardActions>\n          )\n        : null}\n    </CardEx>\n  )\n}\n"],"mappings":"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","names":["CardContent","styled","useShareForwardedRef","React","useEffect","CardContentExRoot","styled","CardContent","name","shouldForwardProp","prop","includes","slot","variant","removePadding","paddingBottom","overflow","paddingTop","padding","CardContentExWithRef","ref","scrollToTop","refreshRef","props","sharedRef","useShareForwardedRef","useEffect","current","scroll","behavior","top","displayName","CardContentEx","Card","useGradientStyles","React","CardExWithRef","ref","style","gradient","props","styles","useGradientStyles","gradientStyle","border","background","React","Card","displayName","CardEx","ArrowForwardRounded","ArrowForwardRoundedIcon","Card","CardActions","CardContent","CardMedia","Grid","IconButton","Typography","useTheme","Zoom","FlexGrowCol","alphaCss","useIsSmall","React","useState","useNavigate","FullWidthCard","cardIsButton","desc","href","media","name","small","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isMobile","useIsSmall","localRouteChange","externalRouteChange","window","open","React","Card","elevation","style","height","width","sx","cursor","alphaCss","vars","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","image","alt","CardContent","Grid","container","alignItems","paddingY","paddingX","size","xs","md","Typography","fontWeight","variant","textAlign","paddingBottom","display","justifyContent","Zoom","in","IconButton","color","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize","CardActions","FlexGrowCol","Refresh","RefreshIcon","CardHeader","IconButton","TypographyEx","React","PageCardWithRef","ref","subheader","title","onRefresh","children","action","style","props","React","CardEx","backgroundColor","position","elevation","CardHeader","TypographyEx","variant","gutterBottom","IconButton","onClick","RefreshIcon","displayName","PageCard","ArrowForwardRounded","ArrowForwardRoundedIcon","CardActions","CardContent","CardMedia","IconButton","Typography","useTheme","FlexCol","FlexGrowCol","alphaCss","useIsSmall","React","useState","useNavigate","SimpleCard","children","desc","iconImage","interactionVariant","headline","href","media","small","subtitle","sx","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isSmall","useIsSmall","localRouteChange","externalRouteChange","window","open","React","CardEx","elevation","cursor","alphaCss","vars","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","height","image","alt","CardContent","FlexCol","width","alignItems","img","src","style","paddingBottom","Typography","variant","textAlign","gutterBottom","CardActions","FlexGrowCol","IconButton","color","size","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize"]}
+{"version":3,"sources":["../../src/components/CardContentEx.tsx","../../src/components/CardEx.tsx","../../src/components/FullWidthCard/FullWidthCard.tsx","../../src/components/PageCard.tsx","../../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import type { CardContentProps } from '@mui/material'\nimport { CardContent, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { useEffect } from 'react'\n\nconst CardContentExRoot = styled(CardContent, {\n  name: 'CardContentEx',\n  shouldForwardProp: (prop: string) => !['variant', 'removePadding'].includes(prop),\n  slot: 'Root',\n})<CardContentExProps>(({ variant, removePadding }) => ({\n  ...((variant === 'scrollable' || removePadding) && {\n    [':last-child']: { paddingBottom: 0 },\n    overflow: 'auto',\n    paddingTop: 0,\n    ...(removePadding && { padding: 0 }),\n  }),\n}))\n\nexport type CardContentExProps = CardContentProps & {\n  refreshRef?: number\n  removePadding?: boolean\n  scrollToTop?: number\n  variant?: 'scrollable' | 'normal'\n}\n\nexport const CardContentExWithRef = ({\n  ref, scrollToTop = 0, refreshRef = 0, ...props\n}: CardContentExProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n  const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)\n\n  useEffect(() => {\n    if (sharedRef && scrollToTop) {\n      sharedRef.current?.scroll({ behavior: 'smooth', top: 0 })\n    }\n  }, [sharedRef, scrollToTop])\n\n  return <CardContentExRoot ref={sharedRef} {...props} />\n}\n\nCardContentExWithRef.displayName = 'CardContentEx'\n\nexport const CardContentEx = CardContentExWithRef\n","import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface CardExProps extends CardProps {\n  gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef = ({\n  ref, style, gradient, ...props\n}: CardExProps) => {\n  const styles = useGradientStyles()\n  const gradientStyle\n    = gradient === 'border'\n      ? styles.border\n      : gradient === 'background'\n        ? styles.background\n        : {}\n  return (\n    <Card\n      style={{\n        ...gradientStyle,\n        ...style,\n      }}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport type { CardProps } from '@mui/material'\nimport {\n  Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nexport interface FullWidthCardProps extends CardProps {\n  cardIsButton?: boolean\n  desc?: ReactNode\n  href?: string\n  linkText?: string\n  media?: string\n  name: ReactNode\n  small?: boolean\n  to?: To\n}\n\nexport const FullWidthCard: React.FC<FullWidthCardProps> = ({\n  cardIsButton, desc, href, media, name, small, to, ...props\n}) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isMobile = useIsSmall()\n\n  const localRouteChange = (to: To | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? void navigate(to) : void navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    href ? void window.open(href) : void navigate('/404')\n  }\n\n  return (\n    <Card\n      elevation={raised ? 3 : 0}\n      style={{ height: '100%', width: '100%' }}\n      {...props}\n      sx={{\n        '&:hover': { cursor: 'pointer' },\n        'backgroundColor': alphaCss(theme.vars.palette.primary.light, 0.05),\n      }}\n      onMouseEnter={() =>\n        isMobile\n          ? null\n          : cardIsButton\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isMobile\n          ? null\n          : cardIsButton\n            ? setRaised(false)\n            : null}\n      onClick={() =>\n        cardIsButton\n          ? href\n            ? externalRouteChange(href)\n            : to\n              ? localRouteChange(to)\n              : navigate('/404')\n          : null}\n    >\n      {media\n        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : null}\n\n      <CardContent>\n        <Grid container alignItems=\"center\" paddingY={2} paddingX={2}>\n          <Grid size={{ xs: 12, md: 6 }}>\n            {typeof name === 'string'\n              ? (\n                  <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n                    {name}\n                  </Typography>\n                )\n              : name}\n          </Grid>\n          <Grid size={{ xs: 12, md: 5 }}>\n            <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n              {desc}\n            </Typography>\n          </Grid>\n          <Grid size={{ xs: 1 }} display={isMobile ? 'none' : 'flex'} justifyContent=\"center\">\n            <Zoom in={raised}>\n              <IconButton\n                color=\"primary\"\n                size={small ? 'small' : 'medium'}\n                onClick={() =>\n                  href\n                    ? externalRouteChange(href)\n                    : to\n                      ? localRouteChange(to)\n                      : navigate('/404')}\n                disableFocusRipple\n                disableRipple\n                disableTouchRipple\n              >\n                <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n              </IconButton>\n            </Zoom>\n          </Grid>\n        </Grid>\n      </CardContent>\n      <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n        <FlexGrowCol alignItems=\"flex-end\">\n          <IconButton\n            color=\"primary\"\n            size={small ? 'small' : 'medium'}\n            onClick={() =>\n              href\n                ? externalRouteChange(href)\n                : to\n                  ? localRouteChange(to)\n                  : navigate('/404')}\n            disableFocusRipple\n            disableRipple\n            disableTouchRipple\n          >\n            <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n          </IconButton>\n        </FlexGrowCol>\n      </CardActions>\n    </Card>\n  )\n}\n","import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport type { CardHeaderProps } from '@mui/material'\nimport { CardHeader, IconButton } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport type { CardExProps } from './CardEx.tsx'\nimport { CardEx } from './CardEx.tsx'\n\nexport interface PageCardProps extends CardExProps {\n  action?: ReactNode\n  onRefresh?: () => void\n  subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef = ({\n  ref, subheader, title, onRefresh, children, action, style, ...props\n}: PageCardProps) => {\n  return (\n    <CardEx\n      style={{\n        backgroundColor: 'transparent', position: 'relative', ...style,\n      }}\n      elevation={0}\n      ref={ref}\n      {...props}\n    >\n      <CardHeader\n        title={(\n          <TypographyEx variant=\"h5\" gutterBottom>\n            {title}\n          </TypographyEx>\n        )}\n        subheader={<TypographyEx variant=\"subtitle1\">{subheader}</TypographyEx>}\n        action={\n          action ?? (\n            <>\n              {onRefresh\n                ? (\n                    <IconButton onClick={() => onRefresh?.()}>\n                      <RefreshIcon />\n                    </IconButton>\n                  )\n                : null}\n            </>\n          )\n        }\n      />\n      {children}\n    </CardEx>\n  )\n}\n\nPageCardWithRef.displayName = 'PageCard'\n\nexport const PageCard = PageCardWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport {\n  CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nimport type { CardExProps } from '../CardEx.tsx'\nimport { CardEx } from '../CardEx.tsx'\n\nexport interface SimpleCardProps extends CardExProps {\n  desc?: ReactNode\n  headline?: ReactNode\n  href?: string\n  iconImage?: string\n  interactionVariant?: 'button' | 'card'\n  media?: string\n  small?: boolean\n  subtitle?: string\n  to?: To\n}\n\nexport const SimpleCard: React.FC<SimpleCardProps> = ({\n  children,\n  desc,\n  iconImage,\n  interactionVariant = 'card',\n  headline,\n  href,\n  media,\n  small,\n  subtitle,\n  sx,\n  to,\n  ...props\n}) => {\n  const theme = useTheme()\n  const [raised, setRaised] = useState(false)\n  const navigate = useNavigate()\n  const isSmall = useIsSmall()\n  const localRouteChange = (to: To | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    to ? void navigate(to) : void navigate('/404')\n  }\n  const externalRouteChange = (href: string | undefined) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    href ? void window.open(href) : void navigate('/404')\n  }\n  return (\n    <CardEx\n      elevation={raised ? 3 : 0}\n      sx={{\n        '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },\n        'backgroundColor': alphaCss(theme.vars.palette.primary.main, 0.05),\n        ...sx,\n      }}\n      onMouseEnter={() =>\n        isSmall\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(true)\n            : null}\n      onMouseLeave={() =>\n        isSmall\n          ? null\n          : interactionVariant == 'button'\n            ? setRaised(false)\n            : null}\n      onClick={() =>\n        interactionVariant == 'button'\n          ? href\n            ? externalRouteChange(href)\n            : to\n              ? localRouteChange(to)\n              : navigate('/404')\n          : null}\n      {...props}\n    >\n      {media\n        ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n        : null}\n\n      <CardContent sx={{ height: '100%' }}>\n        <FlexCol width=\"100%\" alignItems=\"flex-start\">\n          {iconImage\n            ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n            : null}\n          {typeof headline === 'string'\n            ? (\n                <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n                  {headline}\n                </Typography>\n              )\n            : headline}\n          {subtitle\n            ? (\n                <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n                  {subtitle}\n                </Typography>\n              )\n            : null}\n          <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n            {desc}\n          </Typography>\n        </FlexCol>\n      </CardContent>\n      {children}\n      {interactionVariant == 'button'\n        ? (\n            <CardActions>\n              <FlexGrowCol alignItems=\"flex-end\">\n                <IconButton\n                  color={raised ? 'secondary' : 'primary'}\n                  size={small ? 'small' : 'medium'}\n                  onClick={() =>\n                    href\n                      ? externalRouteChange(href)\n                      : to\n                        ? localRouteChange(to)\n                        : navigate('/404')}\n                  disableFocusRipple\n                  disableRipple\n                  disableTouchRipple\n                >\n                  <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n                </IconButton>\n              </FlexGrowCol>\n            </CardActions>\n          )\n        : null}\n    </CardEx>\n  )\n}\n"],"mappings":"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","names":["CardContent","styled","useShareForwardedRef","React","useEffect","CardContentExRoot","styled","CardContent","name","shouldForwardProp","prop","includes","slot","variant","removePadding","paddingBottom","overflow","paddingTop","padding","CardContentExWithRef","ref","scrollToTop","refreshRef","props","sharedRef","useShareForwardedRef","useEffect","current","scroll","behavior","top","displayName","CardContentEx","Card","useGradientStyles","React","CardExWithRef","ref","style","gradient","props","styles","useGradientStyles","gradientStyle","border","background","React","Card","displayName","CardEx","ArrowForwardRounded","ArrowForwardRoundedIcon","Card","CardActions","CardContent","CardMedia","Grid","IconButton","Typography","useTheme","Zoom","FlexGrowCol","alphaCss","useIsSmall","React","useState","useNavigate","FullWidthCard","cardIsButton","desc","href","media","name","small","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isMobile","useIsSmall","localRouteChange","externalRouteChange","window","open","React","Card","elevation","style","height","width","sx","cursor","alphaCss","vars","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","image","alt","CardContent","Grid","container","alignItems","paddingY","paddingX","size","xs","md","Typography","fontWeight","variant","textAlign","paddingBottom","display","justifyContent","Zoom","in","IconButton","color","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize","CardActions","FlexGrowCol","Refresh","RefreshIcon","CardHeader","IconButton","TypographyEx","React","PageCardWithRef","ref","subheader","title","onRefresh","children","action","style","props","React","CardEx","backgroundColor","position","elevation","CardHeader","TypographyEx","variant","gutterBottom","IconButton","onClick","RefreshIcon","displayName","PageCard","ArrowForwardRounded","ArrowForwardRoundedIcon","CardActions","CardContent","CardMedia","IconButton","Typography","useTheme","FlexCol","FlexGrowCol","alphaCss","useIsSmall","React","useState","useNavigate","SimpleCard","children","desc","iconImage","interactionVariant","headline","href","media","small","subtitle","sx","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isSmall","useIsSmall","localRouteChange","externalRouteChange","window","open","React","CardEx","elevation","cursor","alphaCss","vars","palette","primary","main","onMouseEnter","onMouseLeave","onClick","CardMedia","component","height","image","alt","CardContent","FlexCol","width","alignItems","img","src","style","paddingBottom","Typography","variant","textAlign","gutterBottom","CardActions","FlexGrowCol","IconButton","color","size","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-card",
-  "version": "5.2.7",
+  "version": "5.2.8",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,18 +41,17 @@
   "dependencies": {
     "@xylabs/react-flexbox": "^6.2.19",
     "@xylabs/react-theme": "^6.2.19",
-    "@xyo-network/react-shared": "^5.2.7",
+    "@xyo-network/react-shared": "^5.2.8",
     "react-router-dom": "^7.5.3"
   },
   "devDependencies": {
-    "@mui/icons-material": "^7.0.2",
-    "@mui/material": "^7.0.2",
+    "@mui/icons-material": "^7.1.0",
+    "@mui/material": "^7.1.0",
     "@storybook/react": "^8.6.12",
-    "@types/react": "^19.1.2",
+    "@types/react": "^19.1.3",
     "@xylabs/ts-scripts-yarn3": "^6.5.5",
     "@xylabs/tsconfig-react": "^6.5.5",
-    "@xyo-network/react-storybook": "^5.2.7",
-    "knip": "^5.52.0",
+    "@xyo-network/react-storybook": "^5.2.8",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "storybook": "^8.6.12",

package/src/components/SimpleCard/SimpleCard.tsx

@@ -55,7 +55,7 @@ export const SimpleCard: React.FC<SimpleCardProps> = ({
       elevation={raised ? 3 : 0}
       sx={{
         '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },
-        'backgroundColor': alphaCss(theme.vars.palette.primary.light, 0.05),
+        'backgroundColor': alphaCss(theme.vars.palette.primary.main, 0.05),
         ...sx,
       }}
       onMouseEnter={() =>