ece-docs-components 1.0.12 → 1.0.13

package/dist/cjs/components/AcknowledgementBox.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@mui/material');
+
+const StyledAcknowledgementBox = material.styled(material.Box)(({ theme }) => ({
+    marginTop: theme.spacing(2), // mt-4
+    padding: theme.spacing(2), // p-4
+    borderRadius: 4,
+    border: `1px solid ${theme.palette.dark.main}1A`,
+    backgroundColor: theme.palette.background.default,
+}));
+const AcknowledgementBox = ({ title, icon, children, sx, }) => {
+    return (jsxRuntime.jsx(StyledAcknowledgementBox, { sx: sx, children: jsxRuntime.jsxs(material.Box, { display: 'flex', flexDirection: 'row', children: [jsxRuntime.jsx(material.Box, { display: 'flex', flexDirection: 'column', children: icon }), jsxRuntime.jsxs(material.Box, { flex: '1', children: [jsxRuntime.jsx(material.Typography, { variant: 'h6', children: title }), children] })] }) }));
+};
+
+exports.AcknowledgementBox = AcknowledgementBox;
+//# sourceMappingURL=AcknowledgementBox.js.map

package/dist/cjs/components/AcknowledgementBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcknowledgementBox.js","sources":["../../../../src/components/AcknowledgementBox.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, styled, SxProps, Theme, Typography } from '@mui/material';\ninterface AcknowledgementProps {\n  title: string;\n  icon: React.ReactElement;\n  children: React.ReactElement[];\n  sx?: SxProps<Theme>;\n}\n\nconst StyledAcknowledgementBox = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2), // mt-4\n  padding: theme.spacing(2), // p-4\n  borderRadius: 4,\n  border: `1px solid ${theme.palette.dark.main}1A`,\n  backgroundColor: theme.palette.background.default,\n}));\n\n\nexport const AcknowledgementBox: React.FC<AcknowledgementProps> = ({\n  title,\n  icon,\n  children,\n  sx,\n}) => {\n  return (\n    <StyledAcknowledgementBox\n      sx={sx}\n    >\n      <Box display='flex' flexDirection='row'>\n        <Box display='flex' flexDirection='column'>\n          {icon}\n        </Box>\n        <Box flex='1'>\n          <Typography variant='h6'>{title}</Typography>\n          {children}\n        </Box>\n      </Box>\n    </StyledAcknowledgementBox>\n  );\n};"],"names":["styled","Box","_jsx","_jsxs","Typography"],"mappings":";;;;;AAWA,MAAM,wBAAwB,GAAGA,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAC3D,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,IAAA,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAGI,MAAM,kBAAkB,GAAmC,CAAC,EACjE,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,EAAE,GACH,KAAI;IACH,QACEC,cAAA,CAAC,wBAAwB,EAAA,EACvB,EAAE,EAAE,EAAE,EAAA,QAAA,EAENC,eAAA,CAACF,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAA,QAAA,EAAA,CACrCC,cAAA,CAACD,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAA,QAAA,EACvC,IAAI,EAAA,CACD,EACNE,eAAA,CAACF,YAAG,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EAAA,CACXC,cAAA,CAACE,mBAAU,IAAC,OAAO,EAAC,IAAI,EAAA,QAAA,EAAE,KAAK,EAAA,CAAc,EAC5C,QAAQ,CAAA,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACmB;AAE/B;;;;"}

package/dist/cjs/index.js

@@ -24,6 +24,7 @@ var SimpleModal = require('./components/SimpleModal.js');
 var ActionButton = require('./components/ActionButton.js');
 var ExpandingBox = require('./components/ExpandingBox.js');
 var Breadcrumb = require('./components/Breadcrumb.js');
+var AcknowledgementBox = require('./components/AcknowledgementBox.js');
 
 
 
@@ -53,4 +54,5 @@ exports.SimpleModal = SimpleModal.SimpleModal;
 exports.ActionButton = ActionButton.ActionButton;
 exports.ExpandingBox = ExpandingBox.ExpandingBox;
 exports.Breadcrumb = Breadcrumb.Breadcrumb;
+exports.AcknowledgementBox = AcknowledgementBox.AcknowledgementBox;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/AcknowledgementBox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+interface AcknowledgementProps {
+    title: string;
+    icon: React.ReactElement;
+    children: React.ReactElement[];
+    sx?: SxProps<Theme>;
+}
+export declare const AcknowledgementBox: React.FC<AcknowledgementProps>;
+export {};

package/dist/esm/components/AcknowledgementBox.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { styled, Box, Typography } from '@mui/material';
+
+const StyledAcknowledgementBox = styled(Box)(({ theme }) => ({
+    marginTop: theme.spacing(2), // mt-4
+    padding: theme.spacing(2), // p-4
+    borderRadius: 4,
+    border: `1px solid ${theme.palette.dark.main}1A`,
+    backgroundColor: theme.palette.background.default,
+}));
+const AcknowledgementBox = ({ title, icon, children, sx, }) => {
+    return (jsx(StyledAcknowledgementBox, { sx: sx, children: jsxs(Box, { display: 'flex', flexDirection: 'row', children: [jsx(Box, { display: 'flex', flexDirection: 'column', children: icon }), jsxs(Box, { flex: '1', children: [jsx(Typography, { variant: 'h6', children: title }), children] })] }) }));
+};
+
+export { AcknowledgementBox };
+//# sourceMappingURL=AcknowledgementBox.js.map

package/dist/esm/components/AcknowledgementBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcknowledgementBox.js","sources":["../../../../src/components/AcknowledgementBox.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, styled, SxProps, Theme, Typography } from '@mui/material';\ninterface AcknowledgementProps {\n  title: string;\n  icon: React.ReactElement;\n  children: React.ReactElement[];\n  sx?: SxProps<Theme>;\n}\n\nconst StyledAcknowledgementBox = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2), // mt-4\n  padding: theme.spacing(2), // p-4\n  borderRadius: 4,\n  border: `1px solid ${theme.palette.dark.main}1A`,\n  backgroundColor: theme.palette.background.default,\n}));\n\n\nexport const AcknowledgementBox: React.FC<AcknowledgementProps> = ({\n  title,\n  icon,\n  children,\n  sx,\n}) => {\n  return (\n    <StyledAcknowledgementBox\n      sx={sx}\n    >\n      <Box display='flex' flexDirection='row'>\n        <Box display='flex' flexDirection='column'>\n          {icon}\n        </Box>\n        <Box flex='1'>\n          <Typography variant='h6'>{title}</Typography>\n          {children}\n        </Box>\n      </Box>\n    </StyledAcknowledgementBox>\n  );\n};"],"names":["_jsx","_jsxs"],"mappings":";;;AAWA,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAC3D,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,IAAA,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAGI,MAAM,kBAAkB,GAAmC,CAAC,EACjE,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,EAAE,GACH,KAAI;IACH,QACEA,GAAA,CAAC,wBAAwB,EAAA,EACvB,EAAE,EAAE,EAAE,EAAA,QAAA,EAENC,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAA,QAAA,EAAA,CACrCD,GAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAA,QAAA,EACvC,IAAI,EAAA,CACD,EACNC,IAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EAAA,CACXD,GAAA,CAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAA,QAAA,EAAE,KAAK,EAAA,CAAc,EAC5C,QAAQ,CAAA,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACmB;AAE/B;;;;"}

package/dist/esm/components/index.d.ts

@@ -20,3 +20,4 @@ export { SimpleModal } from './SimpleModal';
 export { ActionButton } from './ActionButton';
 export { ExpandingBox } from './ExpandingBox';
 export { Breadcrumb } from './Breadcrumb';
+export { AcknowledgementBox } from './AcknowledgementBox';

package/dist/esm/index.d.ts

@@ -22,3 +22,4 @@ export { SimpleModal } from './components/SimpleModal';
 export { ActionButton } from './components/ActionButton';
 export { ExpandingBox } from './components/ExpandingBox';
 export { Breadcrumb } from './components/Breadcrumb';
+export { AcknowledgementBox } from './components/AcknowledgementBox';

package/dist/esm/index.js

@@ -22,4 +22,5 @@ export { SimpleModal } from './components/SimpleModal.js';
 export { ActionButton } from './components/ActionButton.js';
 export { ExpandingBox } from './components/ExpandingBox.js';
 export { Breadcrumb } from './components/Breadcrumb.js';
+export { AcknowledgementBox } from './components/AcknowledgementBox.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",