udp-react-enterprise-component-library 25.16.0 → 25.16.1

package/dist/cards-K6gJJHyT.js

@@ -0,0 +1,287 @@
+import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
+import { FluentCard } from "./FluentCard-CjR2Ft0S.js";
+import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
+import { AmbientToggleButton } from "./AmbientToggleButton-C-7jtLY0.js";
+import { AmbientVisualizer } from "./AmbientVisualizer-BFFwonre.js";
+import { FluentSimpleTab, FluentSimpleTabs } from "./FluentSimpleTabs-DUU2kdmG.js";
+import { AmbientToggleButtonGroup } from "./AmbientToggleButtonGroup-BWYKeDtB.js";
+import { TokenGroupItem } from "./TokenGroupItem-DKGmGnzr.js";
+import { FluentTabPanel } from "./FluentTabPanel-BGuFHfIQ.js";
+import React, { Fragment, forwardRef, useState } from "react";
+import { Box, Card, CardContent, CardHeader, 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/AmbientVisualizationCard.jsx
+const useStyles$3 = makeStyles((theme) => ({
+	root: { position: "relative" },
+	item: { marginRight: theme.spacing(2) },
+	tabPanelContents: { marginLeft: theme.spacing(2) },
+	togglePadding: { padding: theme.spacing(2) }
+}));
+const AmbientVisualizationCard = ({ title, toggleList1, toggleList2, toggleList3, tabList, tabContent1, tabContent2, tabContent3 }) => {
+	const classes = useStyles$3();
+	const [value, setValue] = useState(0);
+	const [toggleValue, setToggleValue] = useState("month");
+	const handleChange = (event, newValue) => {
+		setValue(newValue);
+	};
+	const selectToggle = (event, nextView) => {
+		setToggleValue(nextView);
+	};
+	return /* @__PURE__ */ React.createElement(AmbientCard, {
+		title,
+		customAdornment: " ",
+		visualization: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentTabPanel, {
+			value,
+			index: 0
+		}, /* @__PURE__ */ React.createElement("div", { className: classes.tabPanelContents }, tabContent1 && tabContent1.map((item) => {
+			return toggleValue === item.value && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientVisualizer, {
+				values: item.values,
+				visualization: item.chartType,
+				verticalBarColor: item.verticalBarColor,
+				verticalBarBand: item.verticalBarBand,
+				verticalBarXfield: item.verticalBarXfield,
+				verticalBarXtype: item.verticalBarXtype,
+				verticalBarYfield: item.verticalBarYfield,
+				verticalBarYtype: item.verticalBarYtype,
+				styleThin: item.styleThin
+			}));
+		}))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
+			value,
+			index: 1
+		}, /* @__PURE__ */ React.createElement("div", { className: classes.tabPanelContents }, tabContent2 && tabContent2.map((item) => {
+			return toggleValue === item.value && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientVisualizer, {
+				values: item.values,
+				visualization: item.chartType,
+				verticalBarColor: item.verticalBarColor,
+				verticalBarBand: item.verticalBarBand,
+				verticalBarXfield: item.verticalBarXfield,
+				verticalBarXtype: item.verticalBarXtype,
+				verticalBarYfield: item.verticalBarYfield,
+				verticalBarYtype: item.verticalBarYtype,
+				styleThin: item.styleThin
+			}));
+		}))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
+			value,
+			index: 2
+		}, /* @__PURE__ */ React.createElement("div", { className: classes.tabPanelContents }, tabContent3 && tabContent3.map((item) => {
+			return toggleValue === item.value && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientVisualizer, {
+				values: item.values,
+				visualization: item.chartType,
+				verticalBarColor: item.verticalBarColor,
+				verticalBarBand: item.verticalBarBand,
+				verticalBarXfield: item.verticalBarXfield,
+				verticalBarXtype: item.verticalBarXtype,
+				verticalBarYfield: item.verticalBarYfield,
+				verticalBarYtype: item.verticalBarYtype,
+				styleThin: item.styleThin
+			}));
+		}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentSimpleTabs, {
+			value,
+			onChange: handleChange,
+			"aria-label": "simple tabs example"
+		}, tabList && tabList.map((item) => {
+			return /* @__PURE__ */ React.createElement(FluentSimpleTab, { label: item.label });
+		})), /* @__PURE__ */ React.createElement(FluentTabPanel, {
+			value,
+			index: 0
+		}, /* @__PURE__ */ React.createElement("div", { className: classes.togglePadding }, /* @__PURE__ */ React.createElement(AmbientToggleButtonGroup, {
+			orientation: "horizontal",
+			value: toggleValue
+		}, toggleList1 && toggleList1.map((item) => {
+			return /* @__PURE__ */ React.createElement(AmbientToggleButton, {
+				value: item.value,
+				"aria-label": item.ariaLabel,
+				onMouseUp: item.onClick,
+				onClick: selectToggle,
+				className: classes.item
+			}, /* @__PURE__ */ React.createElement(TokenGroupItem, {
+				label: item.label,
+				icon: item.icon
+			}));
+		})))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
+			value,
+			index: 1
+		}, /* @__PURE__ */ React.createElement("div", { className: classes.togglePadding }, /* @__PURE__ */ React.createElement(AmbientToggleButtonGroup, {
+			orientation: "horizontal",
+			value: toggleValue
+		}, toggleList2 && toggleList2.map((item) => {
+			return /* @__PURE__ */ React.createElement(AmbientToggleButton, {
+				value: item.value,
+				"aria-label": item.ariaLabel,
+				onMouseUp: item.onClick,
+				onClick: selectToggle,
+				className: classes.item
+			}, /* @__PURE__ */ React.createElement(TokenGroupItem, {
+				label: item.label,
+				icon: item.icon
+			}));
+		})))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
+			value,
+			index: 2
+		}, /* @__PURE__ */ React.createElement("div", { className: classes.togglePadding }, /* @__PURE__ */ React.createElement(AmbientToggleButtonGroup, {
+			orientation: "horizontal",
+			value: toggleValue
+		}, toggleList3 && toggleList3.map((item) => {
+			return /* @__PURE__ */ React.createElement(AmbientToggleButton, {
+				value: item.value,
+				"aria-label": item.ariaLabel,
+				onMouseUp: item.onClick,
+				onClick: selectToggle,
+				className: classes.item
+			}, /* @__PURE__ */ React.createElement(TokenGroupItem, {
+				label: item.label,
+				icon: item.icon
+			}));
+		}))))))
+	});
+};
+
+//#endregion
+//#region src/UI/surfaces/cards/ContentDisplayCard.jsx
+const useStyles$2 = 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$2(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$1 = 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$1();
+	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
+//#region src/UI/surfaces/cards/FluentCardHeader.jsx
+const useStyles = makeStyles({
+	root: {},
+	avatar: {},
+	action: {},
+	content: {},
+	title: {},
+	subheader: {}
+}, { name: "FluentCardHeader" });
+/**
+* A variant of <CardHeader> that uses a Fluent UI card style
+*/
+const FluentCardHeader = forwardRef((props, ref) => {
+	const classes = useStyles(props);
+	const { children,...other } = props;
+	return /* @__PURE__ */ React.createElement(CardHeader, {
+		ref,
+		...other,
+		classes
+	}, children);
+});
+FluentCardHeader.displayName = "FluentCardHeader";
+
+//#endregion
+export { AmbientVisualizationCard, ContentDisplayCard, FluentCardHeader, InfoCard };
+//# sourceMappingURL=cards-K6gJJHyT.js.map

package/dist/cards-K6gJJHyT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cards-K6gJJHyT.js","names":["useStyles","useStyles","makeStyles","useStyles"],"sources":["../src/UI/surfaces/cards/AmbientVisualizationCard.jsx","../src/UI/surfaces/cards/ContentDisplayCard.jsx","../src/UI/surfaces/cards/InfoCard.jsx","../src/UI/surfaces/cards/FluentCardHeader.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { AmbientToggleButton } from '../../inputs/buttons/AmbientToggleButton';\nimport { AmbientToggleButtonGroup } from '../../inputs/buttons/AmbientToggleButtonGroup';\nimport { TokenGroupItem } from '../../templates/ui/TokenGroupItem';\nimport { FluentTabPanel } from '../../../UI/navigation/tabs/defaultTabs/FluentTabPanel';\nimport { FluentSimpleTab } from '../../../UI/navigation/tabs/defaultTabs/FluentSimpleTab';\nimport { FluentSimpleTabs } from '../../../UI/navigation/tabs/defaultTabs/FluentSimpleTabs';\nimport { AmbientVisualizer } from '../../../UI/dataDisplay/visualization/AmbientVisualizer';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative'\n  },\n  item: {\n    marginRight: theme.spacing(2)\n  },\n  tabPanelContents: {\n    marginLeft: theme.spacing(2)\n  },\n  togglePadding: {\n    padding: theme.spacing(2)\n  }\n}));\n\nexport const AmbientVisualizationCard = ({\n  title,\n  toggleList1,\n  toggleList2,\n  toggleList3,\n  tabList,\n  tabContent1,\n  tabContent2,\n  tabContent3\n}) => {\n  const classes = useStyles();\n\n  const [value, setValue] = useState(0);\n  const [toggleValue, setToggleValue] = useState('month');\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  const selectToggle = (event, nextView) => {\n    setToggleValue(nextView);\n  };\n\n  return (\n    <AmbientCard\n      title={title}\n      customAdornment=' '\n      visualization={\n        <div>\n          <FluentTabPanel value={value} index={0}>\n            <div className={classes.tabPanelContents}>\n              {tabContent1 &&\n                tabContent1.map((item) => {\n                  return (\n                    toggleValue === item.value && (\n                      <div>\n                        <AmbientVisualizer\n                          values={item.values}\n                          visualization={item.chartType}\n                          verticalBarColor={item.verticalBarColor}\n                          verticalBarBand={item.verticalBarBand}\n                          verticalBarXfield={item.verticalBarXfield}\n                          verticalBarXtype={item.verticalBarXtype}\n                          verticalBarYfield={item.verticalBarYfield}\n                          verticalBarYtype={item.verticalBarYtype}\n                          styleThin={item.styleThin}\n                        />\n                      </div>\n                    )\n                  );\n                })}\n            </div>\n          </FluentTabPanel>\n          <FluentTabPanel value={value} index={1}>\n            <div className={classes.tabPanelContents}>\n              {tabContent2 &&\n                tabContent2.map((item) => {\n                  return (\n                    toggleValue === item.value && (\n                      <div>\n                        <AmbientVisualizer\n                          values={item.values}\n                          visualization={item.chartType}\n                          verticalBarColor={item.verticalBarColor}\n                          verticalBarBand={item.verticalBarBand}\n                          verticalBarXfield={item.verticalBarXfield}\n                          verticalBarXtype={item.verticalBarXtype}\n                          verticalBarYfield={item.verticalBarYfield}\n                          verticalBarYtype={item.verticalBarYtype}\n                          styleThin={item.styleThin}\n                        />\n                      </div>\n                    )\n                  );\n                })}\n            </div>\n          </FluentTabPanel>\n          <FluentTabPanel value={value} index={2}>\n            <div className={classes.tabPanelContents}>\n              {tabContent3 &&\n                tabContent3.map((item) => {\n                  return (\n                    toggleValue === item.value && (\n                      <div>\n                        <AmbientVisualizer\n                          values={item.values}\n                          visualization={item.chartType}\n                          verticalBarColor={item.verticalBarColor}\n                          verticalBarBand={item.verticalBarBand}\n                          verticalBarXfield={item.verticalBarXfield}\n                          verticalBarXtype={item.verticalBarXtype}\n                          verticalBarYfield={item.verticalBarYfield}\n                          verticalBarYtype={item.verticalBarYtype}\n                          styleThin={item.styleThin}\n                        />\n                      </div>\n                    )\n                  );\n                })}\n            </div>\n          </FluentTabPanel>\n          <div>\n            <FluentSimpleTabs\n              value={value}\n              onChange={handleChange}\n              aria-label='simple tabs example'\n            >\n              {tabList &&\n                tabList.map((item) => {\n                  return <FluentSimpleTab label={item.label} />;\n                })}\n            </FluentSimpleTabs>\n\n            <FluentTabPanel value={value} index={0}>\n              <div className={classes.togglePadding}>\n                <AmbientToggleButtonGroup\n                  orientation='horizontal'\n                  value={toggleValue}\n                >\n                  {toggleList1 &&\n                    toggleList1.map((item) => {\n                      return (\n                        <AmbientToggleButton\n                          value={item.value}\n                          aria-label={item.ariaLabel}\n                          onMouseUp={item.onClick}\n                          onClick={selectToggle}\n                          className={classes.item}\n                        >\n                          <TokenGroupItem label={item.label} icon={item.icon} />\n                        </AmbientToggleButton>\n                      );\n                    })}\n                </AmbientToggleButtonGroup>\n              </div>\n            </FluentTabPanel>\n            <FluentTabPanel value={value} index={1}>\n              <div className={classes.togglePadding}>\n                <AmbientToggleButtonGroup\n                  orientation='horizontal'\n                  value={toggleValue}\n                >\n                  {toggleList2 &&\n                    toggleList2.map((item) => {\n                      return (\n                        <AmbientToggleButton\n                          value={item.value}\n                          aria-label={item.ariaLabel}\n                          onMouseUp={item.onClick}\n                          onClick={selectToggle}\n                          className={classes.item}\n                        >\n                          <TokenGroupItem label={item.label} icon={item.icon} />\n                        </AmbientToggleButton>\n                      );\n                    })}\n                </AmbientToggleButtonGroup>\n              </div>\n            </FluentTabPanel>\n            <FluentTabPanel value={value} index={2}>\n              <div className={classes.togglePadding}>\n                <AmbientToggleButtonGroup\n                  orientation='horizontal'\n                  value={toggleValue}\n                >\n                  {toggleList3 &&\n                    toggleList3.map((item) => {\n                      return (\n                        <AmbientToggleButton\n                          value={item.value}\n                          aria-label={item.ariaLabel}\n                          onMouseUp={item.onClick}\n                          onClick={selectToggle}\n                          className={classes.item}\n                        >\n                          <TokenGroupItem label={item.label} icon={item.icon} />\n                        </AmbientToggleButton>\n                      );\n                    })}\n                </AmbientToggleButtonGroup>\n              </div>\n            </FluentTabPanel>\n          </div>\n        </div>\n      }\n    />\n  );\n};\n","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 './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","import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardHeader } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  {\n    root: {},\n    avatar: {},\n    action: {},\n    content: {},\n    title: {},\n    subheader: {},\n  },\n  { name: 'FluentCardHeader' }\n);\n\n/**\n * A variant of <CardHeader> that uses a Fluent UI card style\n */\nexport const FluentCardHeader = forwardRef((props, ref) => {\n  const classes = useStyles(props);\n  const { children, ...other } = props;\n\n  return (\n    <CardHeader ref={ref} {...other} classes={classes}>\n      {children}\n    </CardHeader>\n  );\n});\nFluentCardHeader.displayName = 'FluentCardHeader';\n"],"mappings":"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"}

package/dist/catalog-DoJ2_1fY.js

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

package/dist/catalogStore-DDyUXvDn.js

@@ -0,0 +1,30 @@
+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 };
+//# sourceMappingURL=catalogStore-DDyUXvDn.js.map

package/dist/catalogStore-DDyUXvDn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalogStore-DDyUXvDn.js","names":["useCatalogStore: () => CatalogState"],"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,MAAaA,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-OdBKS6di.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { UdpBarChart, UdpDistributionChart, UdpDonutChart, UdpLineChart, UdpSankeyChart, UdpXyMultiSeriesChart } from "udp-react-stencil-component-library";
+
+//#region src/UI/charts/UdpBarChart.tsx
+const UdpBarChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpBarChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpDistributionChart.tsx
+const UdpDistributionChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDistributionChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpDonutChart.tsx
+const UdpDonutChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDonutChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpLineChart.tsx
+const UdpLineChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpLineChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpSankeyChart.tsx
+const UdpSankeyChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpSankeyChart, {
+		...props,
+		kpisPosition: "top"
+	});
+};
+
+//#endregion
+//#region src/UI/charts/UdpXYMultiSeriesChart.tsx
+const UdpXYMultiSeriesChart = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpXyMultiSeriesChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/index.ts
+const UdpCharts = {
+	UdpBarChart: UdpBarChart$1,
+	UdpDonutChart: UdpDonutChart$1,
+	UdpLineChart: UdpLineChart$1,
+	UdpDistributionChart: UdpDistributionChart$1,
+	UdpSankeyChart: UdpSankeyChart$1,
+	UdpXYMultiSeriesChart
+};
+
+//#endregion
+export { UdpBarChart$1 as UdpBarChart, UdpCharts, UdpDistributionChart$1 as UdpDistributionChart, UdpDonutChart$1 as UdpDonutChart, UdpLineChart$1 as UdpLineChart, UdpSankeyChart$1 as UdpSankeyChart, UdpXYMultiSeriesChart };
+//# sourceMappingURL=charts-OdBKS6di.js.map

package/dist/charts-OdBKS6di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-OdBKS6di.js","names":["UdpBarChart: React.FC<UdpBarChartProps>","StencilBarChart","UdpDistributionChart","StencilDistributionChart","UdpDonutChart: React.FC<UdpDonutChartProps>","StencilDonutChart","UdpLineChart: React.FC<UdpLineChartProps>","StencilLineChart","UdpSankeyChart","StencilSankeyChart","StencilXYMultiSeriesChart","UdpCharts: Record<string, React.FC<any>>"],"sources":["../src/UI/charts/UdpBarChart.tsx","../src/UI/charts/UdpDistributionChart.tsx","../src/UI/charts/UdpDonutChart.tsx","../src/UI/charts/UdpLineChart.tsx","../src/UI/charts/UdpSankeyChart.tsx","../src/UI/charts/UdpXYMultiSeriesChart.tsx","../src/UI/charts/index.ts"],"sourcesContent":["import React from 'react';\n\nimport { UdpBarChart as StencilBarChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from './types';\n\nexport interface UdpBarChartProps extends XyChartBaseProps{\n  valueField: string;\n  labelField: string;\n};\n\nexport const UdpBarChart: React.FC<UdpBarChartProps> = (props: UdpBarChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilBarChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpDistributionChart as StencilDistributionChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from './types';\n\nexport interface UdpDistributionChartProps extends XyChartBaseProps{\n  valueField: string;\n};\n\nexport const UdpDistributionChart = (props: UdpDistributionChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilDistributionChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpDonutChart as StencilDonutChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from './types';\n\nexport interface UdpDonutChartProps extends BaseProps{\n  valueField: string;\n  labelField: string;\n  hideLegend: boolean;\n};\nexport const UdpDonutChart: React.FC<UdpDonutChartProps> = (props: UdpDonutChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilDonutChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpLineChart as StencilLineChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from './types';\n\nexport interface UdpLineChartProps extends XyChartBaseProps{\n  xAxisField: string\n  yAxisField: string\n};\nexport const UdpLineChart: React.FC<UdpLineChartProps> = (props: UdpLineChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilLineChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpSankeyChart as StencilSankeyChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from './types';\n\nexport interface SankeyChartBaseProps extends BaseProps {\n  valueField: string;\n  targetIdField: string;\n  sourceIdField: string;\n  labelFormat?: string;\n  tooltipTextFormat?: string;\n  nodeTooltipTextFormat?: string;\n  paddingRight?: number | string;\n}\n\nexport const UdpSankeyChart = (props: SankeyChartBaseProps) => {\n  {/* @ts-ignore */}\n  return <StencilSankeyChart {...props} kpisPosition=\"top\"/>;\n};\n","import React from 'react';\nimport { UdpXyMultiSeriesChart as StencilXYMultiSeriesChart } from 'udp-react-stencil-component-library';\nimport {\n  BaseProps,\n  XYMultiSeriesSeriesProps,\n  XYMultiSeriesXAxisProps,\n  XYMultiSeriesYAxisProps\n} from './types';\n\nexport interface UdpXYMultiSeriesChartProps extends BaseProps {\n  hideLegend: boolean;\n  xAxes: XYMultiSeriesXAxisProps[];\n  yAxes: XYMultiSeriesYAxisProps[];\n  series: XYMultiSeriesSeriesProps[];\n}\n\nexport const UdpXYMultiSeriesChart = (props: UdpXYMultiSeriesChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilXYMultiSeriesChart {...props} />;\n};\n","import React from \"react\"\nimport { UdpBarChart } from \"./UdpBarChart\"\nimport { UdpDistributionChart } from \"./UdpDistributionChart\"\nimport { UdpDonutChart } from \"./UdpDonutChart\"\nimport { UdpLineChart } from \"./UdpLineChart\"\nimport { UdpSankeyChart } from \"./UdpSankeyChart\"\nimport { UdpXYMultiSeriesChart } from \"./UdpXYMultiSeriesChart\"\n\nexport const UdpCharts: Record<string, React.FC<any>> = {\n    UdpBarChart,\n    UdpDonutChart,\n    UdpLineChart,\n    UdpDistributionChart,\n    UdpSankeyChart,\n    UdpXYMultiSeriesChart\n}\n"],"mappings":";;;;AAUA,MAAaA,iBAA2C,UAA4B;AAElF,QAAO,oCAACC,aAAoB,MAAS;;;;;ACHvC,MAAaC,0BAAwB,UAAqC;AAExE,QAAO,oCAACC,sBAA6B,MAAS;;;;;ACDhD,MAAaC,mBAA+C,UACvD;AAEH,QAAO,oCAACC,eAAsB,MAAS;;;;;ACJzC,MAAaC,kBAA6C,UACrD;AAEH,QAAO,oCAACC,cAAqB,MAAS;;;;;ACGxC,MAAaC,oBAAkB,UAAgC;AAE7D,QAAO,oCAACC;EAAmB,GAAI;EAAO,cAAa;GAAO;;;;;ACD5D,MAAa,yBAAyB,UAAsC;AAE1E,QAAO,oCAACC,uBAA8B,MAAS;;;;;ACVjD,MAAaC,YAA2C;CACpD;CACA;CACA;CACA;CACA;CACA;CACH"}

package/dist/chatBot/index.js

@@ -0,0 +1,13 @@
+import "../FluentButton-h_8VjXGT.js";
+import "../apiHelpers-Bju2gkBq.js";
+import "../pageEnums-CT6NFA8B.js";
+import "../UnitySessionStorage-DBqfMiK5.js";
+import "../axiosInterceptors-Dn_haR1Q.js";
+import "../useUser-Cn88hlN_.js";
+import "../useAxiosMutate-BiRO7ZCN.js";
+import "../AmbientTextField-BHfLW2L3.js";
+import { ChatContainer, ChatMessage } from "../ChatContainer-il3bj22z.js";
+import "../ChatBotContext-aIWq8Gqd.js";
+import "../useChatBot-CFYM_uhz.js";
+
+export { ChatContainer, ChatMessage };

package/dist/chatBot-flH0_FCC.js

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

package/dist/chunk-CTAAG5j7.js

@@ -0,0 +1,13 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
+};
+
+//#endregion
+export { __export };

package/dist/colorConverter-sleh0lAZ.js

@@ -0,0 +1,91 @@
+import { colors } from "./colors-VLk-T125.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;
+		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 { getCategoryColor, getCustomHintColor, getEllipseColor };
+//# sourceMappingURL=colorConverter-sleh0lAZ.js.map

package/dist/colorConverter-sleh0lAZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorConverter-sleh0lAZ.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    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;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-VLk-T125.js

@@ -0,0 +1,73 @@
+//#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 };
+//# sourceMappingURL=colors-VLk-T125.js.map

package/dist/colors-VLk-T125.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-VLk-T125.js","names":[],"sources":["../src/utilities/style/colors.js"],"sourcesContent":["export const colors = {\n  systemIcon: {\n    trigger: {\n      main: '#FFCD27',\n      hint: '#FDFAF0',\n      hover: { outline: '#AF9027', background: '#FFFDEF' }\n    },\n    action: {\n      main: '#1542FF',\n      hint: '#F3F5FE',\n      hover: { outline: '#40529D', background: '#ECEFFA' }\n    },\n    condition: {\n      main: '#AE14FF',\n      hint: '#F9EEFF',\n      hover: { outline: '#844EA0', background: '#FAF2FE' }\n    },\n    sequence: {\n      main: '#FD7F12',\n      hint: '#FFF6EE',\n      hover: { outline: '#A86123', background: '#FDF4EC' }\n    }\n  },\n  unity: {\n    success: {\n      hint: '#F3FAF3'\n    },\n    warning: {\n      hint: '#FFF6EA'\n    },\n    info: {\n      hint: '#F3F9FE'\n    },\n    error: {\n      hint: '#FDF7F6'\n    }\n  },\n  categoryColors: {\n    one: {\n      hint: '#F8BBD0',\n      main: '#F3FAF3'\n    },\n    two: {\n      hint: '#FFF6EA',\n      main: '#FFF6EA'\n    },\n    three: {\n      hint: '#FFF6EA',\n      main: '#FFF6EA'\n    },\n    four: {\n      hint: '#F8BBD0',\n      main: '#f3e0eb'\n    },\n    five: {\n      hint: '#F8BBD0',\n      main: 'rgb(194 223 218)'\n    },\n    six: {\n      hint: '#F8BBD0',\n      main: 'rgb(222 217 235)'\n    }\n  }\n};\n"],"mappings":";AAAA,MAAa,SAAS;CACpB,YAAY;EACV,SAAS;GACP,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACD,QAAQ;GACN,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACD,WAAW;GACT,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACD,UAAU;GACR,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACF;CACD,OAAO;EACL,SAAS,EACP,MAAM,WACP;EACD,SAAS,EACP,MAAM,WACP;EACD,MAAM,EACJ,MAAM,WACP;EACD,OAAO,EACL,MAAM,WACP;EACF;CACD,gBAAgB;EACd,KAAK;GACH,MAAM;GACN,MAAM;GACP;EACD,KAAK;GACH,MAAM;GACN,MAAM;GACP;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACP;EACD,MAAM;GACJ,MAAM;GACN,MAAM;GACP;EACD,MAAM;GACJ,MAAM;GACN,MAAM;GACP;EACD,KAAK;GACH,MAAM;GACN,MAAM;GACP;EACF;CACF"}