udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/buttons-ClJJUOgd.js

@@ -1,159 +0,0 @@
-import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
-import { t as FluentIconButton } from "./FluentIconButton-DbRAEsPC.js";
-import React from "react";
-import { Button, ButtonBase, Divider, Typography, makeStyles } from "@material-ui/core";
-import { IncreaseIndentArrowIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
-
-//#region src/UI/inputs/buttons/FluentMenuListItem.jsx
-const useStyles$4 = makeStyles((theme) => ({
-	wrapper: {
-		display: "flex",
-		flexDirection: "row",
-		padding: theme.spacing(.5),
-		"&:hover": { color: theme.palette.secondary.main },
-		width: "100%"
-	},
-	titleWrapper: {
-		display: "flex",
-		width: "100%",
-		textAlign: "left"
-	},
-	labelWrapper: { marginTop: 4 },
-	label: { marginBottom: 4 }
-}), { name: "FluentMenuListItem" });
-const FluentMenuListItem = (props) => {
-	const classes = useStyles$4();
-	const { label, value, arrow = true, ...otherProps } = props;
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
-		classes: { root: classes.root },
-		className: classes.wrapper,
-		disableRipple: true,
-		...otherProps
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
-};
-FluentMenuListItem.propTypes = { label: PropTypes.string.isRequired };
-
-//#endregion
-//#region src/UI/inputs/buttons/FluentMenuListButton.jsx
-const useStyles$3 = makeStyles((theme) => ({
-	wrapper: {
-		display: "flex",
-		flexDirection: "row",
-		padding: theme.spacing(.5),
-		"&:hover": { color: theme.palette.secondary.main },
-		width: "100%"
-	},
-	titleWrapper: {
-		display: "flex",
-		width: "100%",
-		textAlign: "left"
-	},
-	labelWrapper: { marginTop: 4 },
-	label: { marginBottom: 4 }
-}), { name: "FluentMenuListButton" });
-const FluentMenuListButton = (props) => {
-	const classes = useStyles$3();
-	const { label, value, arrow = true, ...otherProps } = props;
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
-		classes: { root: classes.root },
-		className: classes.wrapper,
-		disableRipple: true,
-		...otherProps
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
-};
-FluentMenuListButton.propTypes = { label: PropTypes.string.isRequired };
-
-//#endregion
-//#region src/UI/inputs/buttons/FluentUploadButton.jsx
-const useStyles$2 = makeStyles$1((theme) => ({
-	root: { "& > *": { margin: theme.spacing(1) } },
-	input: { display: "none" }
-}));
-const FluentUploadButton = (props) => {
-	const classes = useStyles$2();
-	const { color, label, accept, id, onChange, onClick, variant } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		multiple: true,
-		type: "file",
-		onChange
-	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick,
-		variant,
-		color,
-		component: "span"
-	}, label)), /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		type: "file"
-	}));
-};
-
-//#endregion
-//#region src/UI/inputs/buttons/FluentCompoundButton.jsx
-const useStyles$1 = makeStyles({
-	root: {
-		borderRadius: 2,
-		minHeight: 72,
-		padding: "0 16px",
-		minWidth: 80,
-		border: (props) => `1px solid ${props.color}`
-	},
-	label: {
-		textTransform: "capitalize",
-		fontSize: "0.875rem",
-		fontWeight: 600,
-		textAlign: "left"
-	}
-});
-const FluentCompoundButton = (props) => {
-	const classes = useStyles$1(props);
-	const { children, textSecondary, ...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(Button, {
-		...otherProps,
-		disableElevation: true,
-		classes: {
-			root: classes.root,
-			label: classes.label
-		}
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, textSecondary))));
-};
-
-//#endregion
-//#region src/UI/inputs/buttons/FluentUploadIconButton.jsx
-const useStyles = makeStyles$1((theme) => ({
-	root: { "& > *": { margin: theme.spacing(1) } },
-	input: { display: "none" }
-}));
-const FluentUploadIconButton = (props) => {
-	const classes = useStyles();
-	const { color, icon, aria, accept, id, onChange, onClick } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		type: "file",
-		onChange
-	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		icon,
-		color,
-		"aria-label": aria,
-		id,
-		component: "span",
-		onClick
-	})), /* @__PURE__ */ React.createElement("input", {
-		accept,
-		className: classes.input,
-		id,
-		type: "file"
-	}));
-};
-
-//#endregion
-export { FluentMenuListItem as a, FluentMenuListButton as i, FluentCompoundButton as n, FluentUploadButton as r, FluentUploadIconButton as t };
-//# sourceMappingURL=buttons-ClJJUOgd.js.map

package/dist/buttons-ClJJUOgd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons-ClJJUOgd.js","names":["useStyles","useStyles","useStyles","makeStyles","useStyles","makeStyles"],"sources":["../src/UI/inputs/buttons/FluentMenuListItem.jsx","../src/UI/inputs/buttons/FluentMenuListButton.jsx","../src/UI/inputs/buttons/FluentUploadButton.jsx","../src/UI/inputs/buttons/FluentCompoundButton.jsx","../src/UI/inputs/buttons/FluentUploadIconButton.jsx"],"sourcesContent":["import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListItem' }\n);\n\nexport const FluentMenuListItem = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListItem.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListButton' }\n);\n\nexport const FluentMenuListButton = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListButton.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentButton } from './FluentButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadButton = (props) => {\n  const classes = useStyles()\n  const { color, label, accept, id, onChange, onClick, variant } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        multiple\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentButton\n          onClick={onClick}\n          variant={variant}\n          color={color}\n          component='span'\n        >\n          {label}\n        </FluentButton>\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { Button } from '@material-ui/core'\n\nconst useStyles = makeStyles({\n  root: {\n    borderRadius: 2,\n    minHeight: 72,\n    padding: '0 16px',\n    minWidth: 80,\n    border: (props) => `1px solid ${props.color}`\n  },\n  label: {\n    textTransform: 'capitalize',\n    fontSize: '0.875rem',\n    fontWeight: 600,\n    textAlign: 'left'\n  }\n})\n\nexport const FluentCompoundButton = (props) => {\n  const classes = useStyles(props)\n  const { children, textSecondary, ...otherProps } = props\n  return (\n    <Button\n      {...otherProps}\n      disableElevation\n      classes={{\n        root: classes.root,\n        label: classes.label\n      }}\n    >\n      <div>\n        <div>{children}</div>\n        <div>\n          <Typography variant='caption'>{textSecondary}</Typography>\n        </div>\n      </div>\n    </Button>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentIconButton } from './FluentIconButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadIconButton = (props) => {\n  const classes = useStyles()\n  const { color, icon, aria, accept, id, onChange, onClick } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentIconButton\n          icon={icon}\n          color={color}\n          aria-label={aria}\n          id={id}\n          component='span'\n          onClick={onClick}\n        />\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/cards-C_2qvd-w.js

@@ -1,129 +0,0 @@
-import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
-import { t as FluentCard } from "./FluentCard-C3qSYfiz.js";
-import React, { Fragment } from "react";
-import { Box, Card, CardContent, Divider, LinearProgress, Typography, lighten, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
-
-//#region src/UI/surfaces/cards/ContentDisplayCard.jsx
-const useStyles$1 = makeStyles$1((theme) => ({
-	paper: {
-		width: "100%",
-		height: "100%",
-		position: "relative"
-	},
-	styleWidth: { width: "75%" },
-	media: { height: 120 },
-	cardContent: { paddingTop: 0 },
-	titleWrapper: {
-		display: "flex",
-		backgroundColor: (props) => props.headerColor || theme.palette.background.paper,
-		alignItems: "center"
-	},
-	loading: {
-		position: "absolute",
-		top: 0,
-		left: 0
-	},
-	expandMessage: { display: "flex" },
-	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(10) } },
-	title: { flex: 1 },
-	visualization: {
-		display: "flex",
-		alignItems: "flex-end",
-		width: "100%",
-		height: 300
-	}
-}));
-/**
-* ContentDisplayCard
-*
-* @param {*} props
-* @return {*}
-*/
-const ContentDisplayCard = (props) => {
-	const { title, fullWidth, className, style, loading, headerElement, children } = props;
-	const classes = useStyles$1(props);
-	return /* @__PURE__ */ React.createElement(Card, {
-		className,
-		style: {
-			border: "none",
-			boxShadow: "none",
-			borderRadius: 0,
-			width: fullWidth ? "100%" : "auto",
-			...style
-		}
-	}, title && /* @__PURE__ */ React.createElement(CardContent, {
-		className: classes.titleWrapper,
-		classes: { root: classes.cardRoot }
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.title,
-		component: "h2",
-		variant: "h6"
-	}, title), headerElement && headerElement), loading && /* @__PURE__ */ React.createElement(Box, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(LinearProgress, null)), /* @__PURE__ */ React.createElement(Box, { className }, children));
-};
-ContentDisplayCard.propTypes = {
-	title: PropTypes.string,
-	fullWidth: PropTypes.bool,
-	className: PropTypes.any,
-	style: PropTypes.object,
-	headerColor: PropTypes.string,
-	loading: PropTypes.bool,
-	headerElement: PropTypes.node,
-	children: PropTypes.node.isRequired
-};
-
-//#endregion
-//#region src/UI/surfaces/cards/InfoCard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	paper: {
-		background: lighten(theme.palette.info.light, .8),
-		borderTop: `5px solid ${theme.palette.info.main} `
-	},
-	title: {
-		color: theme.palette.info.dark,
-		highlightfontWeight: 400,
-		lineHeight: 1.6
-	},
-	subHeader: {
-		lineHeight: 1.6,
-		fontWeight: 600
-	}
-}));
-const InfoCard = ({ children, title, subTitle, relatedTopics, label, headerComponent = "h2", subHeaderComponent = "h3", size, titleVariant = "h6", className, titleHeight }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(FluentCard, {
-		elevation: 0,
-		classes: { root: classes.paper },
-		className: clsx(classes.root, className)
-	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: titleVariant,
-		component: headerComponent,
-		className: clsx(classes.title, titleHeight)
-	}, title), size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "subtitle2",
-		component: subHeaderComponent,
-		className: classes.subHeader
-	}, subTitle), children, size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics && /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label || "Related Topics"), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics)));
-};
-InfoCard.propTypes = {
-	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-	title: PropTypes.string.isRequired,
-	subTitle: PropTypes.string,
-	relatedTopics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-	label: PropTypes.string,
-	headerComponent: PropTypes.string,
-	subHeaderComponent: PropTypes.string,
-	size: PropTypes.oneOf(["standard"])
-};
-InfoCard.defaultProps = {
-	headerComponent: "h2",
-	subHeaderComponent: "h3",
-	size: "standard"
-};
-
-//#endregion
-export { ContentDisplayCard as n, InfoCard as t };
-//# sourceMappingURL=cards-C_2qvd-w.js.map

package/dist/cards-C_2qvd-w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cards-C_2qvd-w.js","names":["useStyles","makeStyles"],"sources":["../src/UI/surfaces/cards/ContentDisplayCard.jsx","../src/UI/surfaces/cards/InfoCard.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Card, CardContent, LinearProgress, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  paper: {\n    width: '100%',\n    height: '100%',\n    position: 'relative',\n  },\n  styleWidth: {\n    width: '75%',\n  },\n  media: {\n    height: 120,\n  },\n  cardContent: {\n    paddingTop: 0,\n  },\n  titleWrapper: {\n    display: 'flex',\n    backgroundColor: (props) => props.headerColor || theme.palette.background.paper,\n    alignItems: 'center',\n  },\n  loading: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  expandMessage: {\n    display: 'flex',\n  },\n  cardRoot: {\n    '&:last-child': {\n      paddingBottom: theme.spacing(10),\n    },\n  },\n  title: {\n    flex: 1,\n  },\n  visualization: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    width: '100%',\n    height: 300,\n  },\n}));\n\n/**\n * ContentDisplayCard\n *\n * @param {*} props\n * @return {*}\n */\nexport const ContentDisplayCard = (props) => {\n  const { title, fullWidth, className, style, loading, headerElement, children } = props;\n  const classes = useStyles(props);\n\n  return (\n    <Card className={className} style={{ border: 'none', boxShadow: 'none', borderRadius: 0, width: fullWidth ? '100%' : 'auto', ...style }}>\n      {title && (\n        <CardContent className={classes.titleWrapper} classes={{ root: classes.cardRoot }}>\n          <Typography className={classes.title} component=\"h2\" variant=\"h6\">\n            {title}\n          </Typography>\n          {headerElement && headerElement}\n        </CardContent>\n      )}\n      {loading && (\n        <Box sx={{ width: '100%' }}>\n          <LinearProgress />\n        </Box>\n      )}\n      <Box className={className}>{children}</Box>\n    </Card>\n  );\n};\n\nContentDisplayCard.propTypes = {\n  title: PropTypes.string,\n  fullWidth: PropTypes.bool,\n  className: PropTypes.any,\n  style: PropTypes.object,\n  headerColor: PropTypes.string,\n  loading: PropTypes.bool,\n  headerElement: PropTypes.node,\n  children: PropTypes.node.isRequired,\n};\n","import React, { Fragment } from 'react'\nimport {\n  makeStyles,\n  CardContent,\n  Divider,\n  lighten,\n  Typography\n} from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\nimport { FluentCard } from './fluentCards/FluentCard'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  paper: {\n    background: lighten(theme.palette.info.light, 0.8),\n    borderTop: `5px solid ${theme.palette.info.main} `\n  },\n  title: {\n    color: theme.palette.info.dark,\n    highlightfontWeight: 400,\n    lineHeight: 1.6\n  },\n  subHeader: {\n    lineHeight: 1.6,\n    fontWeight: 600\n  }\n}))\n\nexport const InfoCard = ({\n  children,\n  title,\n  subTitle,\n  relatedTopics,\n  label,\n  headerComponent = 'h2',\n  subHeaderComponent = 'h3',\n  size,\n  titleVariant = 'h6',\n  className,\n  titleHeight\n}) => {\n  const classes = useStyles()\n\n  return (\n    <FluentCard\n      elevation={0}\n      classes={{ root: classes.paper }}\n      className={clsx(classes.root, className)}\n    >\n      <CardContent>\n        <Typography\n          variant={titleVariant}\n          component={headerComponent}\n          className={clsx(classes.title, titleHeight)}\n        >\n          {title}\n        </Typography>\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n        <Typography\n          variant='subtitle2'\n          component={subHeaderComponent}\n          className={classes.subHeader}\n        >\n          {subTitle}\n        </Typography>\n        {children}\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n\n        {relatedTopics && (\n          <Fragment>\n            <Divider />\n            <LayoutUnit unit='xxs' />\n            <Typography variant='caption'>\n              {label || 'Related Topics'}\n            </Typography>\n            <LayoutUnit unit='xxs' />\n            {relatedTopics}\n          </Fragment>\n        )}\n      </CardContent>\n    </FluentCard>\n  )\n}\n\nInfoCard.propTypes = {\n  /**\n   * Main content for the card\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Card title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Optional card subtitle\n   */\n  subTitle: PropTypes.string,\n  /**\n   * Option list of related topics\n   */\n  relatedTopics: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Title for related topics or alt title\n   */\n  label: PropTypes.string,\n  /**\n   * Change semantic header of card title\n   */\n  headerComponent: PropTypes.string,\n  /**\n   * Change semantic header of card subtitle\n   */\n  subHeaderComponent: PropTypes.string,\n  /**\n   * Card size override for dense card\n   */\n  size: PropTypes.oneOf(['standard'])\n}\n\nInfoCard.defaultProps = {\n  headerComponent: 'h2',\n  subHeaderComponent: 'h3',\n  size: 'standard'\n}\n"],"mappings":"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"}

package/dist/catalogStore-DP2GxpTJ.js

@@ -1,30 +0,0 @@
-import { create } from "zustand";
-import { devtools } from "zustand/middleware";
-
-//#region src/stores/catalogStore.ts
-const useCatalogStore = create()(devtools((set) => ({
-	currentApiCatalogId: "",
-	setCurrentApiCatalogId: (apiCatalogId) => {
-		sessionStorage.setItem("current-api-catalog-id", apiCatalogId);
-		set((state) => ({ currentApiCatalogId: apiCatalogId }));
-	},
-	catalogsMap: {},
-	setCatalogsMap: (catalogsMap) => set((state) => ({ catalogsMap: {
-		...state.catalogsMap,
-		...catalogsMap
-	} })),
-	promotedEntityMap: {},
-	setPromotedEntityMap: (promotedEntityMap) => set((state) => ({ promotedEntityMap: {
-		...state.promotedEntityMap,
-		...promotedEntityMap
-	} })),
-	promotedMethodEntitiesMap: {},
-	setPromotedMethodEntitiesMap: (promotedMethodEntitiesMap) => set((state) => ({ promotedMethodEntitiesMap: {
-		...state.promotedMethodEntitiesMap,
-		...promotedMethodEntitiesMap
-	} }))
-})));
-
-//#endregion
-export { useCatalogStore as t };
-//# sourceMappingURL=catalogStore-DP2GxpTJ.js.map

package/dist/catalogStore-DP2GxpTJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"catalogStore-DP2GxpTJ.js","names":[],"sources":["../src/stores/catalogStore.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { devtools } from 'zustand/middleware';\n\ninterface CatalogState {\n  currentApiCatalogId: string | null | undefined;\n  setCurrentApiCatalogId: (apiCatalogId: string) => void;\n  catalogsMap: Object | null | undefined;\n  setCatalogsMap: (catalog: Object) => void;\n  promotedEntityMap: Object | null | undefined;\n  setPromotedEntityMap: (catalog: Object) => void;\n  promotedMethodEntitiesMap: Object | null | undefined;\n  setPromotedMethodEntitiesMap: (catalog: Object) => void;\n}\n\nexport const useCatalogStore: () => CatalogState = create<CatalogState>()(\n  devtools((set) => ({\n    currentApiCatalogId: '',\n    setCurrentApiCatalogId: (apiCatalogId) => {\n      sessionStorage.setItem('current-api-catalog-id', apiCatalogId);\n      set((state) => ({ currentApiCatalogId: apiCatalogId }));\n    },\n    catalogsMap: {},\n    setCatalogsMap: (catalogsMap) =>\n      set((state) => ({\n        catalogsMap: { ...state.catalogsMap, ...catalogsMap }\n      })),\n    promotedEntityMap: {},\n    setPromotedEntityMap: (promotedEntityMap) =>\n      set((state) => ({\n        promotedEntityMap: { ...state.promotedEntityMap, ...promotedEntityMap }\n      })),\n    promotedMethodEntitiesMap: {},\n    setPromotedMethodEntitiesMap: (promotedMethodEntitiesMap) =>\n      set((state) => ({\n        promotedMethodEntitiesMap: {\n          ...state.promotedMethodEntitiesMap,\n          ...promotedMethodEntitiesMap\n        }\n      }))\n  }))\n);\n"],"mappings":";;;;AAcA,MAAa,kBAAsC,QAAsB,CACvE,UAAU,SAAS;CACjB,qBAAqB;CACrB,yBAAyB,iBAAiB;AACxC,iBAAe,QAAQ,0BAA0B,aAAa;AAC9D,OAAK,WAAW,EAAE,qBAAqB,cAAc,EAAE;;CAEzD,aAAa,EAAE;CACf,iBAAiB,gBACf,KAAK,WAAW,EACd,aAAa;EAAE,GAAG,MAAM;EAAa,GAAG;EAAa,EACtD,EAAE;CACL,mBAAmB,EAAE;CACrB,uBAAuB,sBACrB,KAAK,WAAW,EACd,mBAAmB;EAAE,GAAG,MAAM;EAAmB,GAAG;EAAmB,EACxE,EAAE;CACL,2BAA2B,EAAE;CAC7B,+BAA+B,8BAC7B,KAAK,WAAW,EACd,2BAA2B;EACzB,GAAG,MAAM;EACT,GAAG;EACJ,EACF,EAAE;CACN,EAAE,CACJ"}

package/dist/charts-C7Um2OVi.js

@@ -1,83 +0,0 @@
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { t as useAxiosGet } from "./useAxiosGet-BSc3KA_u.js";
-import { t as amcharts_exports } from "./amcharts-74-MvVHH.js";
-import React, { useMemo } from "react";
-
-//#region src/UI/charts/InsightRenderer.tsx
-const capitilizeFirstLetter = (s) => s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);
-const decapitilizeFirstLetter = (s) => s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);
-function getAggregateValue(data, key) {
-	return data?.aggregateResults?.[0]?.[key];
-}
-/**
-* InsightRenderer component
-*
-* This component is responsible for rendering insights based on the provided props.
-*
-* @prop {Insight} `insight` - The insight metadata
-* @prop {any} `data` - Search results associated with the insight
-* @prop {string} `insightId` - InsightId, if included the component will get the data from server
-* @returns {JSX.Element} - The rendered insight component.
-*/
-const InsightRenderer = (props) => {
-	const { insight: insightProp, data, insightId } = props;
-	const user = useUser();
-	const [{ data: loadedInsight }] = useAxiosGet(ConfigService.integrationV2ApiUrl, `Insight/${insightId}/Full`, {}, !insightId || !user);
-	const insight = useMemo(() => {
-		if (!!insightId) return loadedInsight;
-		else return insightProp;
-	}, [
-		loadedInsight,
-		insightId,
-		insightProp
-	]);
-	const Chart = useMemo(() => {
-		if (!insight?.insightInsightType?.properties) return null;
-		let properties;
-		if (typeof insight?.insightInsightType?.properties === "string") properties = JSON.parse(insight?.insightInsightType?.properties);
-		else properties = insight?.insightInsightType?.properties;
-		return amcharts_exports?.[properties?.component];
-	}, [insight?.insightInsightType]);
-	const kpis = useMemo(() => {
-		if (insight == null) return void 0;
-		return insight?.insightInsightKpi?.map?.((kpi) => {
-			const kpiField = typeof kpi.field === "object" ? kpi.field : JSON.parse(kpi.field);
-			console.log(kpiField);
-			return {
-				label: kpi.label,
-				active: kpi.active,
-				value: getAggregateValue(data, `${decapitilizeFirstLetter(kpiField.property ?? "") ?? ""}${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? "")}`)
-			};
-		});
-	}, [data, insight?.insightInsightKpi]);
-	const dataConfig = useMemo(() => {
-		if (insight == null) return null;
-		const dataMapping = typeof insight.dataMapping === "object" ? insight.dataMapping : JSON.parse(insight.dataMapping ?? "{}");
-		return (typeof insight.insightInsightType?.dataFields === "object" ? insight.insightInsightType?.dataFields : JSON.parse(insight.insightInsightType?.dataFields ?? "{}"))?.reduce?.((value, field) => {
-			const fieldValue = dataMapping?.find?.((dm) => dm.name === field.name)?.value;
-			if (fieldValue?.operation != void 0) value[field.name] = decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;
-			else value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;
-			return value;
-		}, {});
-	}, [insight?.dataMapping, insight?.insightInsightType]);
-	const combinedData = useMemo(() => {
-		if (data?.aggregateResults == null || data?.aggregateResults?.length === 0) return data?.pageList;
-		return data?.pageList.map((page, i) => ({
-			...page,
-			...data?.aggregateResults?.[i]
-		}));
-	}, [data]);
-	if (Chart == null) return null;
-	return /* @__PURE__ */ React.createElement(Chart, {
-		data: combinedData,
-		title: insight?.title,
-		subheader: insight?.subheader,
-		...dataConfig,
-		kpis: kpis?.filter((kpi) => kpi.active)
-	});
-};
-
-//#endregion
-export { InsightRenderer as t };
-//# sourceMappingURL=charts-C7Um2OVi.js.map

package/dist/charts-C7Um2OVi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"charts-C7Um2OVi.js","names":["UdpCharts"],"sources":["../src/UI/charts/InsightRenderer.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport * as UdpCharts  from './amcharts';\nimport { Insight, InsightTypeField, InsightTypeProperties } from './types';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport QueryResult from '../../models/QueryResult';\nimport { ConfigService } from '../../configService';\nexport type UdpChart =\n  | 'UdpBarChart'\n  | 'UdpDonutChart'\n  | 'UdpLineChart'\n  | 'UdpDistributionChart';\nexport interface InsightRendererProps {\n  insight: Insight | undefined;\n  data: QueryResult | undefined;\n  insightId: string | undefined;\n}\n\nconst capitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);\nconst decapitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);\n\nfunction getAggregateValue<T>(data: QueryResult | undefined, key: string): T {\n  return data?.aggregateResults?.[0]?.[key] as T;\n}\n/**\n * InsightRenderer component\n *\n * This component is responsible for rendering insights based on the provided props.\n *\n * @prop {Insight} `insight` - The insight metadata\n * @prop {any} `data` - Search results associated with the insight\n * @prop {string} `insightId` - InsightId, if included the component will get the data from server\n * @returns {JSX.Element} - The rendered insight component.\n */\nexport const InsightRenderer: React.FC<InsightRendererProps> = (props: InsightRendererProps) => {\n  const { insight: insightProp, data, insightId } = props;\n  const user = useUser();\n  const [{ data: loadedInsight }] = useAxiosGet(\n    ConfigService.integrationV2ApiUrl,\n    `Insight/${insightId}/Full`,\n    {},\n    !insightId || !user\n  ) as unknown as [{ data: Insight }];\n\n  // Use the insight passed in or the insightId\n  const insight = useMemo(() => {\n    if (!!insightId) return loadedInsight;\n    else return insightProp;\n  }, [loadedInsight, insightId, insightProp]);\n\n  // determine chart component\n  const Chart = useMemo(() => {\n    if (!insight?.insightInsightType?.properties) return null;\n    let properties: InsightTypeProperties;\n    if (typeof insight?.insightInsightType?.properties === 'string') {\n      properties = JSON.parse(\n        insight?.insightInsightType?.properties as unknown as string\n      ) as InsightTypeProperties;\n    } else {\n      properties = insight?.insightInsightType?.properties;\n    }\n    // @ts-ignore\n    return UdpCharts?.[properties?.component];\n  }, [insight?.insightInsightType]);\n\n  const kpis:\n    | { value?: string; label?: string; active?: boolean }[]\n    | undefined = useMemo(() => {\n    if (insight == null) return undefined;\n    return insight?.insightInsightKpi?.map?.((kpi) => {\n      const kpiField: { operation?: string; property?: string } =\n        typeof kpi.field === 'object' ? kpi.field : JSON.parse(kpi.field);\n      console.log(kpiField);\n      return {\n        label: kpi.label,\n        active: kpi.active,\n        value: getAggregateValue<string>(\n          data,\n          `${\n            decapitilizeFirstLetter(kpiField.property ?? '') ?? ''\n          }${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? '')}`\n        )\n      };\n    });\n  }, [data, insight?.insightInsightKpi]);\n\n  const dataConfig: { [key: string]: any } | null = useMemo(() => {\n    if (insight == null) return null;\n    const dataMapping: {\n      name: string;\n      value: { name: string; operation: string | undefined };\n      alias?: string;\n    }[] =\n      typeof insight.dataMapping === 'object'\n        ? insight.dataMapping\n        : JSON.parse(insight.dataMapping ?? '{}');\n    const dataFields: InsightTypeField[] =\n      typeof insight.insightInsightType?.dataFields === 'object'\n        ? insight.insightInsightType?.dataFields\n        : JSON.parse(insight.insightInsightType?.dataFields ?? '{}');\n\n    return dataFields?.reduce?.((value: { [key: string]: any }, field) => {\n      const fieldValue = dataMapping?.find?.(\n        (dm) => dm.name === field.name\n      )?.value;\n      if (fieldValue?.operation != undefined) {\n        value[field.name] =\n          decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;\n      } else {\n        // @ts-ignore\n        value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;\n      }\n\n      return value;\n    }, {});\n  }, [insight?.dataMapping, insight?.insightInsightType]);\n  const combinedData = useMemo(() => {\n    if (data?.aggregateResults == null || data?.aggregateResults?.length === 0)\n      return data?.pageList;\n    return data?.pageList.map((page, i) => ({\n      ...page,\n      ...data?.aggregateResults?.[i]\n    }));\n  }, [data]);\n  if (Chart == null) return null;\n  return (\n    <Chart\n      data={combinedData}\n      title={insight?.title}\n      subheader={insight?.subheader}\n      {...dataConfig}\n      kpis={kpis?.filter((kpi) => kpi.active)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAkBA,MAAM,yBAAyB,MAC7B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AACjD,MAAM,2BAA2B,MAC/B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AAEjD,SAAS,kBAAqB,MAA+B,KAAgB;AAC3E,QAAO,MAAM,mBAAmB,KAAK;;;;;;;;;;;;AAYvC,MAAa,mBAAmD,UAAgC;CAC9F,MAAM,EAAE,SAAS,aAAa,MAAM,cAAc;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,EAAE,MAAM,mBAAmB,YAChC,cAAc,qBACd,WAAW,UAAU,QACrB,EAAE,EACF,CAAC,aAAa,CAAC,KAChB;CAGD,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,CAAC,UAAW,QAAO;MACnB,QAAO;IACX;EAAC;EAAe;EAAW;EAAY,CAAC;CAG3C,MAAM,QAAQ,cAAc;AAC1B,MAAI,CAAC,SAAS,oBAAoB,WAAY,QAAO;EACrD,IAAI;AACJ,MAAI,OAAO,SAAS,oBAAoB,eAAe,SACrD,cAAa,KAAK,MAChB,SAAS,oBAAoB,WAC9B;MAED,cAAa,SAAS,oBAAoB;AAG5C,SAAOA,mBAAY,YAAY;IAC9B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAM,OAEU,cAAc;AAC5B,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,SAAS,mBAAmB,OAAO,QAAQ;GAChD,MAAM,WACJ,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,KAAK,MAAM,IAAI,MAAM;AACnE,WAAQ,IAAI,SAAS;AACrB,UAAO;IACL,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,OAAO,kBACL,MACA,GACE,wBAAwB,SAAS,YAAY,GAAG,IAAI,KACnD,sBAAsB,SAAS,WAAW,aAAa,IAAI,GAAG,GAClE;IACF;IACD;IACD,CAAC,MAAM,SAAS,kBAAkB,CAAC;CAEtC,MAAM,aAA4C,cAAc;AAC9D,MAAI,WAAW,KAAM,QAAO;EAC5B,MAAM,cAKJ,OAAO,QAAQ,gBAAgB,WAC3B,QAAQ,cACR,KAAK,MAAM,QAAQ,eAAe,KAAK;AAM7C,UAJE,OAAO,QAAQ,oBAAoB,eAAe,WAC9C,QAAQ,oBAAoB,aAC5B,KAAK,MAAM,QAAQ,oBAAoB,cAAc,KAAK,GAE7C,UAAU,OAA+B,UAAU;GACpE,MAAM,aAAa,aAAa,QAC7B,OAAO,GAAG,SAAS,MAAM,KAC3B,EAAE;AACH,OAAI,YAAY,aAAa,OAC3B,OAAM,MAAM,QACV,wBAAwB,YAAY,KAAK,GAAG,WAAW;OAGzD,OAAM,MAAM,QAAQ,YAAY,SAAS,YAAY,QAAQ;AAG/D,UAAO;KACN,EAAE,CAAC;IACL,CAAC,SAAS,aAAa,SAAS,mBAAmB,CAAC;CACvD,MAAM,eAAe,cAAc;AACjC,MAAI,MAAM,oBAAoB,QAAQ,MAAM,kBAAkB,WAAW,EACvE,QAAO,MAAM;AACf,SAAO,MAAM,SAAS,KAAK,MAAM,OAAO;GACtC,GAAG;GACH,GAAG,MAAM,mBAAmB;GAC7B,EAAE;IACF,CAAC,KAAK,CAAC;AACV,KAAI,SAAS,KAAM,QAAO;AAC1B,QACE,oCAAC;EACC,MAAM;EACN,OAAO,SAAS;EAChB,WAAW,SAAS;EACpB,GAAI;EACJ,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO;GACvC"}

package/dist/checkbox-ClkdOQoM.js

@@ -1 +0,0 @@
-export {  };

package/dist/colorConverter-5PvESBA1.js

@@ -1,97 +0,0 @@
-import { t as colors } from "./colors-BONxjrOE.js";
-
-//#region src/utilities/style/colorConverter.js
-const getEllipseColor = (theme, color, variant = "main") => {
-	if (!theme) return "";
-	let ellipseColor = theme.palette.primary[variant];
-	switch (color) {
-		case "action":
-			ellipseColor = theme.palette.action?.[variant];
-			break;
-		case "sequence":
-			ellipseColor = theme.palette.sequence?.[variant];
-			break;
-		case "trigger":
-			ellipseColor = theme.palette.trigger?.[variant];
-			break;
-		case "condition":
-			ellipseColor = theme.palette.condition?.[variant];
-			break;
-		case "primary":
-			ellipseColor = theme.palette.primary[variant];
-			break;
-		case "secondary":
-			ellipseColor = theme.palette.secondary[variant];
-			break;
-		case "info":
-			ellipseColor = theme.palette.info[variant];
-			break;
-		case "warning":
-			ellipseColor = theme.palette.warning[variant];
-			break;
-		case "error":
-			ellipseColor = theme.palette.error[variant];
-			break;
-		case "success":
-			ellipseColor = theme.palette.success[variant];
-			break;
-		case "textPrimary":
-			ellipseColor = theme.palette.text?.primary;
-			break;
-		case "textSecondary":
-			ellipseColor = theme.palette.text?.secondary;
-			break;
-		default:
-			ellipseColor = theme.palette.secondary[variant];
-			break;
-	}
-	return ellipseColor;
-};
-const getCustomHintColor = (color) => {
-	let customHintColor = colors.unity.info.hint;
-	switch (color) {
-		case "info":
-			customHintColor = colors.unity.info.hint;
-			break;
-		case "warning":
-			customHintColor = colors.unity.warning.hint;
-			break;
-		case "error":
-			customHintColor = colors.unity.error.hint;
-			break;
-		case "success":
-			customHintColor = colors.unity.success.hint;
-			break;
-		default: customHintColor = colors.unity.info.hint;
-	}
-	return customHintColor;
-};
-const getCategoryColor = (color) => {
-	let highlightColor = colors.unity.info.hint;
-	switch (color) {
-		case "info":
-			highlightColor = colors.unity.info.hint;
-			break;
-		case "warning":
-			highlightColor = colors.unity.warning.hint;
-			break;
-		case "error":
-			highlightColor = colors.unity.error.hint;
-			break;
-		case "four":
-			highlightColor = colors.categoryColors.four.main;
-			break;
-		case "five":
-			highlightColor = colors.categoryColors.five.main;
-			break;
-		case "six":
-			highlightColor = colors.categoryColors.six.main;
-			break;
-		default: highlightColor = colors.unity.info.hint;
-	}
-	return highlightColor;
-};
-
-//#endregion
-export { getCustomHintColor as n, getEllipseColor as r, getCategoryColor as t };
-//# sourceMappingURL=colorConverter-5PvESBA1.js.map

package/dist/colorConverter-5PvESBA1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorConverter-5PvESBA1.js","names":[],"sources":["../src/utilities/style/colorConverter.js"],"sourcesContent":["import { colors } from './colors';\n\nexport const getEllipseColor = (theme, color, variant = 'main') => {\n  if (!theme) {\n    return '';\n  }\n  let ellipseColor = theme.palette.primary[variant];\n  switch (color) {\n    case 'action':\n      ellipseColor = theme.palette.action?.[variant];\n      break;\n    case 'sequence':\n      ellipseColor = theme.palette.sequence?.[variant];\n      break;\n    case 'trigger':\n      ellipseColor = theme.palette.trigger?.[variant];\n      break;\n    case 'condition':\n      ellipseColor = theme.palette.condition?.[variant];\n      break;\n    case 'primary':\n      ellipseColor = theme.palette.primary[variant];\n      break;\n    case 'secondary':\n      ellipseColor = theme.palette.secondary[variant];\n      break;\n    case 'info':\n      ellipseColor = theme.palette.info[variant];\n      break;\n    case 'warning':\n      ellipseColor = theme.palette.warning[variant];\n      break;\n    case 'error':\n      ellipseColor = theme.palette.error[variant];\n      break;\n    case 'success':\n      ellipseColor = theme.palette.success[variant];\n      break;\n    case 'textPrimary':\n      ellipseColor = theme.palette.text?.primary;\n      break;\n    case 'textSecondary':\n      ellipseColor = theme.palette.text?.secondary;\n      break;\n    default:\n      ellipseColor = theme.palette.secondary[variant];\n      break;\n  }\n  return ellipseColor;\n};\n\nexport const getCustomHintColor = (color) => {\n  // if (!theme) {\n  //   return '';\n  // }\n  let customHintColor = colors.unity.info.hint;\n  switch (color) {\n    // case 'primary':\n    //   customHintColor = theme.palette.primary.hint;\n    //   break;\n    // case 'secondary':\n    //   customHintColor = theme.palette.secondary.hint;\n    //   break;\n    case 'info':\n      customHintColor = colors.unity.info.hint;\n      break;\n    case 'warning':\n      customHintColor = colors.unity.warning.hint;\n      break;\n    case 'error':\n      customHintColor = colors.unity.error.hint;\n      break;\n    case 'success':\n      customHintColor = colors.unity.success.hint;\n      break;\n    default:\n      customHintColor = colors.unity.info.hint;\n  }\n\n  return customHintColor;\n};\n\nexport const getCategoryColor = (color) => {\n  // if (!theme) {\n  //   return '';\n  // }\n  let highlightColor = colors.unity.info.hint;\n  switch (color) {\n    case 'info':\n      highlightColor = colors.unity.info.hint;\n      break;\n    case 'warning':\n      highlightColor = colors.unity.warning.hint;\n      break;\n    case 'error':\n      highlightColor = colors.unity.error.hint;\n      break;\n    case 'four':\n      highlightColor = colors.categoryColors.four.main;\n      break;\n    case 'five':\n      highlightColor = colors.categoryColors.five.main;\n      break;\n    case 'six':\n      highlightColor = colors.categoryColors.six.main;\n      break;\n    default:\n      highlightColor = colors.unity.info.hint;\n  }\n\n  return highlightColor;\n};\n"],"mappings":";;;AAEA,MAAa,mBAAmB,OAAO,OAAO,UAAU,WAAW;AACjE,KAAI,CAAC,MACH,QAAO;CAET,IAAI,eAAe,MAAM,QAAQ,QAAQ;AACzC,SAAQ,OAAR;EACE,KAAK;AACH,kBAAe,MAAM,QAAQ,SAAS;AACtC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,WAAW;AACxC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,UAAU;AACvC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,YAAY;AACzC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,UAAU;AACvC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,KAAK;AAClC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,MAAM;AACnC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,MAAM;AACnC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,MAAM;AACnC;EACF;AACE,kBAAe,MAAM,QAAQ,UAAU;AACvC;;AAEJ,QAAO;;AAGT,MAAa,sBAAsB,UAAU;CAI3C,IAAI,kBAAkB,OAAO,MAAM,KAAK;AACxC,SAAQ,OAAR;EAOE,KAAK;AACH,qBAAkB,OAAO,MAAM,KAAK;AACpC;EACF,KAAK;AACH,qBAAkB,OAAO,MAAM,QAAQ;AACvC;EACF,KAAK;AACH,qBAAkB,OAAO,MAAM,MAAM;AACrC;EACF,KAAK;AACH,qBAAkB,OAAO,MAAM,QAAQ;AACvC;EACF,QACE,mBAAkB,OAAO,MAAM,KAAK;;AAGxC,QAAO;;AAGT,MAAa,oBAAoB,UAAU;CAIzC,IAAI,iBAAiB,OAAO,MAAM,KAAK;AACvC,SAAQ,OAAR;EACE,KAAK;AACH,oBAAiB,OAAO,MAAM,KAAK;AACnC;EACF,KAAK;AACH,oBAAiB,OAAO,MAAM,QAAQ;AACtC;EACF,KAAK;AACH,oBAAiB,OAAO,MAAM,MAAM;AACpC;EACF,KAAK;AACH,oBAAiB,OAAO,eAAe,KAAK;AAC5C;EACF,KAAK;AACH,oBAAiB,OAAO,eAAe,KAAK;AAC5C;EACF,KAAK;AACH,oBAAiB,OAAO,eAAe,IAAI;AAC3C;EACF,QACE,kBAAiB,OAAO,MAAM,KAAK;;AAGvC,QAAO"}

package/dist/colors-BONxjrOE.js

@@ -1,73 +0,0 @@
-//#region src/utilities/style/colors.js
-const colors = {
-	systemIcon: {
-		trigger: {
-			main: "#FFCD27",
-			hint: "#FDFAF0",
-			hover: {
-				outline: "#AF9027",
-				background: "#FFFDEF"
-			}
-		},
-		action: {
-			main: "#1542FF",
-			hint: "#F3F5FE",
-			hover: {
-				outline: "#40529D",
-				background: "#ECEFFA"
-			}
-		},
-		condition: {
-			main: "#AE14FF",
-			hint: "#F9EEFF",
-			hover: {
-				outline: "#844EA0",
-				background: "#FAF2FE"
-			}
-		},
-		sequence: {
-			main: "#FD7F12",
-			hint: "#FFF6EE",
-			hover: {
-				outline: "#A86123",
-				background: "#FDF4EC"
-			}
-		}
-	},
-	unity: {
-		success: { hint: "#F3FAF3" },
-		warning: { hint: "#FFF6EA" },
-		info: { hint: "#F3F9FE" },
-		error: { hint: "#FDF7F6" }
-	},
-	categoryColors: {
-		one: {
-			hint: "#F8BBD0",
-			main: "#F3FAF3"
-		},
-		two: {
-			hint: "#FFF6EA",
-			main: "#FFF6EA"
-		},
-		three: {
-			hint: "#FFF6EA",
-			main: "#FFF6EA"
-		},
-		four: {
-			hint: "#F8BBD0",
-			main: "#f3e0eb"
-		},
-		five: {
-			hint: "#F8BBD0",
-			main: "rgb(194 223 218)"
-		},
-		six: {
-			hint: "#F8BBD0",
-			main: "rgb(222 217 235)"
-		}
-	}
-};
-
-//#endregion
-export { colors as t };
-//# sourceMappingURL=colors-BONxjrOE.js.map