@australiangreens/ag-internal-components 0.0.9 → 0.0.11

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("/home/anthony/agdev/ag-internal-components/node_modules/react/jsx-runtime.js"),o=require("/home/anthony/agdev/ag-internal-components/node_modules/react/index.js"),l=require("/home/anthony/agdev/ag-internal-components/node_modules/@mui/material/Button/index.js"),a=require("/home/anthony/agdev/ag-internal-components/node_modules/@mui/material/Paper/index.js"),n=require("/home/anthony/agdev/ag-internal-components/node_modules/@mui/material/Typography/index.js");function c({text:r}){const[i,s]=o.useState(0);return e.jsxs(e.Fragment,{children:[e.jsx(n,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),e.jsx(n,{variant:"caption",display:"block",children:e.jsx("span",{children:"Just ensuring MUI is working as planned as a peer dependency"})}),e.jsx(l,{variant:"outlined",onClick:()=>s(t=>t+1),"aria-label":"Increment",children:"Hello I am a button"}),e.jsxs("p",{children:["This is some text: ",e.jsx("span",{children:r})]}),e.jsxs(a,{children:["This number will incremember when button pressed: ",i]})]})}exports.HelloWorld=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),c=require("@mui/material/Button"),l=require("@mui/material/Paper"),a=require("@mui/material/Typography"),r=require("@mui/material/styles");function d({text:e}){const[n,o]=s.useState(0);return t.jsxs(t.Fragment,{children:[t.jsx(a,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),t.jsx(a,{variant:"caption",display:"block",children:t.jsx("span",{children:"Just ensuring MUI is working as planned as a peer dependency. v0.0.11"})}),t.jsx(c,{variant:"outlined",onClick:()=>o(i=>i+1),"aria-label":"Increment",children:"Hello I am a button"}),t.jsxs("p",{children:["This is some text: ",t.jsx("span",{children:e})]}),t.jsxs(l,{children:["This number will incremember when button pressed: ",n]})]})}const p=r.createTheme({palette:{primary:{main:"#007236",dark:"#005221",light:"#00A04E",contrastText:"#FFFFFF"},secondary:{main:"#662D91",dark:"#440E62",light:"#93268F",contrastText:"#FFFFFF"},error:{main:"#D32F2F",dark:"#C62828",light:"#EF5350"},info:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"},success:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"}},components:{MuiTextField:{defaultProps:{color:"secondary"}},MuiToggleButtonGroup:{defaultProps:{color:"secondary"}},MuiCheckbox:{defaultProps:{color:"secondary"}},MuiSelect:{defaultProps:{color:"secondary"}},MuiSwitch:{defaultProps:{color:"secondary"}},MuiFormControl:{defaultProps:{color:"secondary"}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({"&.Mui-selected":{backgroundColor:r.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:r.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity)},"&.Mui-focusVisible":{backgroundColor:r.alpha(e.palette.secondary.main,e.palette.action.focusOpacity)}}})}}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"},h3:{fontSize:"1rem",fontWeight:700}}}),u=r.createTheme({palette:{primary:{dark:"#00A651",light:"#A3D39C",main:"#007236",contrastText:"#FFF"},warning:{main:"#F5871F",light:"#FCC589",dark:"#A2590A",contrastText:"#FFF"},secondary:{main:"#662D91",light:"#BD8CBF",dark:"#440E62",contrastText:"#FFF"},error:{main:"#D43C95",light:"#8F2064",dark:"#F9CDE0",contrastText:"#FFF"},info:{main:"#00A88D",light:"#ADDCCF",dark:"#005243",contrastText:"#FFF"},success:{main:"#00A651",light:"#A3D39C",dark:"#007236",contrastText:"#FFF"}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"}}});function F({name:e="internal",children:n}){const o=e==="internal"?p:e==="fed21"?u:void 0;return t.jsx(r.ThemeProvider,{theme:o,children:n})}exports.AgThemeProvider=F;exports.ExampleComponent=d;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/HelloWorld/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\nexport interface HelloWorldProps {\n  text: string;\n}\n\nexport default function HelloWorld({ text }: HelloWorldProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n"],"names":["HelloWorld","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper"],"mappings":"gjBAQwB,SAAAA,EAAW,CAAE,KAAAC,GAAyB,CAC5D,KAAM,CAACC,EAAKC,CAAM,EAAIC,WAAS,CAAC,EAEhC,OAEIC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAC,EAAA,IAACC,EAAW,CAAA,QAAQ,KAAK,MAAM,UAAU,UAAU,MAAM,GAAI,CAAE,SAAU,MAAO,EAAG,SAEnF,cAAA,EAEAD,EAAAA,IAACC,GAAW,QAAQ,UAAU,QAAQ,QACpC,SAAAD,EAAAA,IAAC,OAAK,CAAA,SAAA,8DAAA,CAA4D,CACpE,CAAA,EACAA,EAAA,IAACE,EAAA,CACC,QAAQ,WACR,QAAS,IAAMN,EAAQO,GAAWA,EAAS,CAAC,EAC5C,aAAW,YACZ,SAAA,qBAAA,CAED,SACC,IAAE,CAAA,SAAA,CAAA,sBACkBH,EAAAA,IAAC,QAAM,SAAKN,CAAA,CAAA,CAAA,EACjC,SACCU,EAAM,CAAA,SAAA,CAAA,qDAAmDT,CAAA,EAAI,CAChE,CAAA,CAAA,CAEJ"}
+{"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/components/AgThemeProvider/themes.ts","../../src/components/AgThemeProvider/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n  text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n  palette: {\n    primary: {\n      main: '#007236',\n      dark: '#005221',\n      light: '#00A04E',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#662D91',\n      dark: '#440E62',\n      light: '#93268F',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#D32F2F',\n      dark: '#C62828',\n      light: '#EF5350',\n    },\n    info: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n    success: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n  },\n  components: {\n    MuiTextField: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiToggleButtonGroup: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiCheckbox: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSelect: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSwitch: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiFormControl: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiMenuItem: {\n      // Setting defaultProps for color on MenuItem does not work, so update manually\n      styleOverrides: {\n        root: ({ theme }) => ({\n          '&.Mui-selected': {\n            backgroundColor: alpha(\n              theme.palette.secondary.main,\n              theme.palette.action.selectedOpacity\n            ),\n            '&:hover': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.selectedOpacity\n              ),\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.focusOpacity\n              ),\n            },\n          },\n        }),\n      },\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n    h3: {\n      fontSize: '1rem',\n      fontWeight: 700,\n    },\n  },\n});\n\nexport const fed21Theme = createTheme({\n  palette: {\n    primary: {\n      dark: '#00A651',\n      light: '#A3D39C',\n      main: '#007236',\n      contrastText: '#FFF',\n    },\n    warning: {\n      main: '#F5871F',\n      light: '#FCC589',\n      dark: '#A2590A',\n      contrastText: '#FFF',\n    },\n    secondary: {\n      main: '#662D91',\n      light: '#BD8CBF',\n      dark: '#440E62',\n      contrastText: '#FFF',\n    },\n    error: {\n      main: '#D43C95',\n      light: '#8F2064',\n      dark: '#F9CDE0',\n      contrastText: '#FFF',\n    },\n    info: {\n      main: '#00A88D',\n      light: '#ADDCCF',\n      dark: '#005243',\n      contrastText: '#FFF',\n    },\n    success: {\n      main: '#00A651',\n      light: '#A3D39C',\n      dark: '#007236',\n      contrastText: '#FFF',\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n  },\n});\n\n// See https://mui.com/material-ui/customization/typography/#adding-amp-disabling-variants\ndeclare module '@mui/material/styles' {\n  interface TypographyVariants {\n    explainer: React.CSSProperties;\n  }\n\n  // allow configuration using `createTheme`\n  interface TypographyVariantsOptions {\n    explainer?: React.CSSProperties;\n  }\n}\n\n// Update the Typography's variant prop options\ndeclare module '@mui/material/Typography' {\n  interface TypographyPropsVariantOverrides {\n    explainer: true;\n  }\n}\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport interface AgThemeProviderProps {\n  name?: 'internal' | 'fed21';\n}\n\nexport default function AgThemeProvider({\n  name = 'internal',\n  children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n  const theme =\n    name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n  // Should be resolved when we move to React >= 18\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export interface AgThemeProviderProps {
+    name?: 'internal' | 'fed21';
+}
+export default function AgThemeProvider({ name, children, }: PropsWithChildren<AgThemeProviderProps>): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AgThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AgThemeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,eAQzC"}

package/dist/components/AgThemeProvider/themes.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const internalAGSystemsTheme: import("@mui/material/styles").Theme;
+export declare const fed21Theme: import("@mui/material/styles").Theme;
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        explainer: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        explainer?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        explainer: true;
+    }
+}
+//# sourceMappingURL=themes.d.ts.map

package/dist/components/AgThemeProvider/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/components/AgThemeProvider/themes.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,sBAAsB,sCAwFjC,CAAC;AAEH,eAAO,MAAM,UAAU,sCAgDrB,CAAC;AAGH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,kBAAkB;QAC1B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC;KAChC;IAGD,UAAU,yBAAyB;QACjC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACjC;CACF;AAGD,OAAO,QAAQ,0BAA0B,CAAC;IACxC,UAAU,+BAA+B;QACvC,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

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

@@ -0,0 +1,5 @@
+export interface ExampleComponentProps {
+    text: string;
+}
+export default function ExampleComponent({ text }: ExampleComponentProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ExampleComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ExampleComponent/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,qBAAqB,eAyBvE"}

package/dist/esm/index.js

@@ -1,33 +1,178 @@
-import { jsxs as n, Fragment as a, jsx as e } from "/home/anthony/agdev/ag-internal-components/node_modules/react/jsx-runtime.js";
-import { useState as s } from "/home/anthony/agdev/ag-internal-components/node_modules/react/index.js";
-import m from "/home/anthony/agdev/ag-internal-components/node_modules/@mui/material/Button/index.js";
-import p from "/home/anthony/agdev/ag-internal-components/node_modules/@mui/material/Paper/index.js";
-import r from "/home/anthony/agdev/ag-internal-components/node_modules/@mui/material/Typography/index.js";
-function b({ text: i }) {
-  const [o, t] = s(0);
-  return /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ e(r, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ e(r, { variant: "caption", display: "block", children: /* @__PURE__ */ e("span", { children: "Just ensuring MUI is working as planned as a peer dependency" }) }),
-    /* @__PURE__ */ e(
-      m,
+import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
+import { useState as d } from "react";
+import p from "@mui/material/Button";
+import m from "@mui/material/Paper";
+import i from "@mui/material/Typography";
+import { createTheme as l, alpha as n, ThemeProvider as F } from "@mui/material/styles";
+function C({ text: e }) {
+  const [r, a] = d(0);
+  return /* @__PURE__ */ o(s, { children: [
+    /* @__PURE__ */ t(i, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ t(i, { variant: "caption", display: "block", children: /* @__PURE__ */ t("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ t(
+      p,
       {
         variant: "outlined",
-        onClick: () => t((l) => l + 1),
+        onClick: () => a((c) => c + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ n("p", { children: [
+    /* @__PURE__ */ o("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ e("span", { children: i })
+      /* @__PURE__ */ t("span", { children: e })
     ] }),
-    /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ o(m, { children: [
       "This number will incremember when button pressed: ",
-      o
+      r
     ] })
   ] });
 }
+const u = l({
+  palette: {
+    primary: {
+      main: "#007236",
+      dark: "#005221",
+      light: "#00A04E",
+      contrastText: "#FFFFFF"
+    },
+    secondary: {
+      main: "#662D91",
+      dark: "#440E62",
+      light: "#93268F",
+      contrastText: "#FFFFFF"
+    },
+    error: {
+      main: "#D32F2F",
+      dark: "#C62828",
+      light: "#EF5350"
+    },
+    info: {
+      main: "#0288D1",
+      dark: "#01579B",
+      light: "#03A9F4"
+    },
+    success: {
+      main: "#0288D1",
+      dark: "#01579B",
+      light: "#03A9F4"
+    }
+  },
+  components: {
+    MuiTextField: {
+      defaultProps: { color: "secondary" }
+    },
+    MuiToggleButtonGroup: {
+      defaultProps: { color: "secondary" }
+    },
+    MuiCheckbox: {
+      defaultProps: { color: "secondary" }
+    },
+    MuiSelect: {
+      defaultProps: { color: "secondary" }
+    },
+    MuiSwitch: {
+      defaultProps: { color: "secondary" }
+    },
+    MuiFormControl: {
+      defaultProps: { color: "secondary" }
+    },
+    MuiMenuItem: {
+      // Setting defaultProps for color on MenuItem does not work, so update manually
+      styleOverrides: {
+        root: ({ theme: e }) => ({
+          "&.Mui-selected": {
+            backgroundColor: n(
+              e.palette.secondary.main,
+              e.palette.action.selectedOpacity
+            ),
+            "&:hover": {
+              backgroundColor: n(
+                e.palette.secondary.main,
+                e.palette.action.selectedOpacity
+              )
+            },
+            "&.Mui-focusVisible": {
+              backgroundColor: n(
+                e.palette.secondary.main,
+                e.palette.action.focusOpacity
+              )
+            }
+          }
+        })
+      }
+    }
+  },
+  typography: {
+    // I couldn't think of what to call this. It is an attempt to match
+    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
+    // but not sure if line height should be changed
+    explainer: {
+      fontSize: "14px",
+      marginBlockStart: "1em"
+    },
+    h3: {
+      fontSize: "1rem",
+      fontWeight: 700
+    }
+  }
+}), h = l({
+  palette: {
+    primary: {
+      dark: "#00A651",
+      light: "#A3D39C",
+      main: "#007236",
+      contrastText: "#FFF"
+    },
+    warning: {
+      main: "#F5871F",
+      light: "#FCC589",
+      dark: "#A2590A",
+      contrastText: "#FFF"
+    },
+    secondary: {
+      main: "#662D91",
+      light: "#BD8CBF",
+      dark: "#440E62",
+      contrastText: "#FFF"
+    },
+    error: {
+      main: "#D43C95",
+      light: "#8F2064",
+      dark: "#F9CDE0",
+      contrastText: "#FFF"
+    },
+    info: {
+      main: "#00A88D",
+      light: "#ADDCCF",
+      dark: "#005243",
+      contrastText: "#FFF"
+    },
+    success: {
+      main: "#00A651",
+      light: "#A3D39C",
+      dark: "#007236",
+      contrastText: "#FFF"
+    }
+  },
+  typography: {
+    // I couldn't think of what to call this. It is an attempt to match
+    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
+    // but not sure if line height should be changed
+    explainer: {
+      fontSize: "14px",
+      marginBlockStart: "1em"
+    }
+  }
+});
+function A({
+  name: e = "internal",
+  children: r
+}) {
+  return /* @__PURE__ */ t(F, { theme: e === "internal" ? u : e === "fed21" ? h : void 0, children: r });
+}
 export {
-  b as HelloWorld
+  A as AgThemeProvider,
+  C as ExampleComponent
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/HelloWorld/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\nexport interface HelloWorldProps {\n  text: string;\n}\n\nexport default function HelloWorld({ text }: HelloWorldProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n"],"names":["HelloWorld","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper"],"mappings":";;;;;AAQwB,SAAAA,EAAW,EAAE,MAAAC,KAAyB;AAC5D,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,CAAC;AAEhC,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAW,EAAA,SAAQ,MAAK,OAAM,WAAU,WAAU,OAAM,IAAI,EAAE,UAAU,OAAO,GAAG,UAEnF,eAAA;AAAA,IAEA,gBAAAD,EAACC,KAAW,SAAQ,WAAU,SAAQ,SACpC,UAAA,gBAAAD,EAAC,QAAK,EAAA,UAAA,+DAAA,CAA4D,EACpE,CAAA;AAAA,IACA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAMN,EAAO,CAACO,MAAWA,IAAS,CAAC;AAAA,QAC5C,cAAW;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,sBACC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MACkB,gBAAAH,EAAC,UAAM,UAAKN,EAAA,CAAA;AAAA,IAAA,GACjC;AAAA,sBACCU,GAAM,EAAA,UAAA;AAAA,MAAA;AAAA,MAAmDT;AAAA,IAAA,GAAI;AAAA,EAChE,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/components/AgThemeProvider/themes.ts","../../src/components/AgThemeProvider/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n  text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n  palette: {\n    primary: {\n      main: '#007236',\n      dark: '#005221',\n      light: '#00A04E',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#662D91',\n      dark: '#440E62',\n      light: '#93268F',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#D32F2F',\n      dark: '#C62828',\n      light: '#EF5350',\n    },\n    info: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n    success: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n  },\n  components: {\n    MuiTextField: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiToggleButtonGroup: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiCheckbox: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSelect: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSwitch: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiFormControl: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiMenuItem: {\n      // Setting defaultProps for color on MenuItem does not work, so update manually\n      styleOverrides: {\n        root: ({ theme }) => ({\n          '&.Mui-selected': {\n            backgroundColor: alpha(\n              theme.palette.secondary.main,\n              theme.palette.action.selectedOpacity\n            ),\n            '&:hover': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.selectedOpacity\n              ),\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.focusOpacity\n              ),\n            },\n          },\n        }),\n      },\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n    h3: {\n      fontSize: '1rem',\n      fontWeight: 700,\n    },\n  },\n});\n\nexport const fed21Theme = createTheme({\n  palette: {\n    primary: {\n      dark: '#00A651',\n      light: '#A3D39C',\n      main: '#007236',\n      contrastText: '#FFF',\n    },\n    warning: {\n      main: '#F5871F',\n      light: '#FCC589',\n      dark: '#A2590A',\n      contrastText: '#FFF',\n    },\n    secondary: {\n      main: '#662D91',\n      light: '#BD8CBF',\n      dark: '#440E62',\n      contrastText: '#FFF',\n    },\n    error: {\n      main: '#D43C95',\n      light: '#8F2064',\n      dark: '#F9CDE0',\n      contrastText: '#FFF',\n    },\n    info: {\n      main: '#00A88D',\n      light: '#ADDCCF',\n      dark: '#005243',\n      contrastText: '#FFF',\n    },\n    success: {\n      main: '#00A651',\n      light: '#A3D39C',\n      dark: '#007236',\n      contrastText: '#FFF',\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n  },\n});\n\n// See https://mui.com/material-ui/customization/typography/#adding-amp-disabling-variants\ndeclare module '@mui/material/styles' {\n  interface TypographyVariants {\n    explainer: React.CSSProperties;\n  }\n\n  // allow configuration using `createTheme`\n  interface TypographyVariantsOptions {\n    explainer?: React.CSSProperties;\n  }\n}\n\n// Update the Typography's variant prop options\ndeclare module '@mui/material/Typography' {\n  interface TypographyPropsVariantOverrides {\n    explainer: true;\n  }\n}\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport interface AgThemeProviderProps {\n  name?: 'internal' | 'fed21';\n}\n\nexport default function AgThemeProvider({\n  name = 'internal',\n  children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n  const theme =\n    name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n  // Should be resolved when we move to React >= 18\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider"],"mappings":";;;;;;AASwB,SAAAA,EAAiB,EAAE,MAAAC,KAA+B;AACxE,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,CAAC;AAEhC,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAW,EAAA,SAAQ,MAAK,OAAM,WAAU,WAAU,OAAM,IAAI,EAAE,UAAU,OAAO,GAAG,UAEnF,eAAA;AAAA,IAEA,gBAAAD,EAACC,KAAW,SAAQ,WAAU,SAAQ,SACpC,UAAA,gBAAAD,EAAC,QAAK,EAAA,UAAA,wEAAA,CAAqE,EAC7E,CAAA;AAAA,IACA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAMN,EAAO,CAACO,MAAWA,IAAS,CAAC;AAAA,QAC5C,cAAW;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,sBACC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MACkB,gBAAAH,EAAC,UAAM,UAAKN,EAAA,CAAA;AAAA,IAAA,GACjC;AAAA,sBACCU,GAAM,EAAA,UAAA;AAAA,MAAA;AAAA,MAAmDT;AAAA,IAAA,GAAI;AAAA,EAChE,EAAA,CAAA;AAEJ;AChCO,MAAMU,IAAyBC,EAAY;AAAA,EAChD,SAAS;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,cAAc;AAAA,MACZ,cAAc,EAAE,OAAO,YAAY;AAAA,IACrC;AAAA,IACA,sBAAsB;AAAA,MACpB,cAAc,EAAE,OAAO,YAAY;AAAA,IACrC;AAAA,IACA,aAAa;AAAA,MACX,cAAc,EAAE,OAAO,YAAY;AAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACT,cAAc,EAAE,OAAO,YAAY;AAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACT,cAAc,EAAE,OAAO,YAAY;AAAA,IACrC;AAAA,IACA,gBAAgB;AAAA,MACd,cAAc,EAAE,OAAO,YAAY;AAAA,IACrC;AAAA,IACA,aAAa;AAAA;AAAA,MAEX,gBAAgB;AAAA,QACd,MAAM,CAAC,EAAE,OAAAC,SAAa;AAAA,UACpB,kBAAkB;AAAA,YAChB,iBAAiBC;AAAA,cACfD,EAAM,QAAQ,UAAU;AAAA,cACxBA,EAAM,QAAQ,OAAO;AAAA,YACvB;AAAA,YACA,WAAW;AAAA,cACT,iBAAiBC;AAAA,gBACfD,EAAM,QAAQ,UAAU;AAAA,gBACxBA,EAAM,QAAQ,OAAO;AAAA,cACvB;AAAA,YACF;AAAA,YACA,sBAAsB;AAAA,cACpB,iBAAiBC;AAAA,gBACfD,EAAM,QAAQ,UAAU;AAAA,gBACxBA,EAAM,QAAQ,OAAO;AAAA,cACvB;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA;AAAA;AAAA;AAAA,IAIV,WAAW;AAAA,MACT,UAAU;AAAA,MACV,kBAAkB;AAAA,IACpB;AAAA,IACA,IAAI;AAAA,MACF,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,EACF;AACF,CAAC,GAEYE,IAAaH,EAAY;AAAA,EACpC,SAAS;AAAA,IACP,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,YAAY;AAAA;AAAA;AAAA;AAAA,IAIV,WAAW;AAAA,MACT,UAAU;AAAA,MACV,kBAAkB;AAAA,IACpB;AAAA,EACF;AACF,CAAC;ACnID,SAAwBI,EAAgB;AAAA,EACtC,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,GAA4C;AAOnC,SAAA,gBAAAZ,EAACa,GAAc,EAAA,OALpBF,MAAS,aAAaN,IAAyBM,MAAS,UAAUF,IAAa,QAK5C,UAAAG,EAAS,CAAA;AAChD;"}

package/dist/index.d.ts

@@ -1,3 +1,5 @@
-export { default as HelloWorld } from './HelloWorld';
-export * from './HelloWorld';
+export { default as ExampleComponent } from './components/ExampleComponent';
+export * from './components/ExampleComponent';
+export { default as AgThemeProvider } from './components/AgThemeProvider';
+export * from './components/AgThemeProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAE9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@australiangreens/ag-internal-components",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "homepage": "https://github.com/australiangreens/ag-internal-components#readme",
   "license": "MIT",
@@ -41,11 +41,8 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.11.0",
-    "@mui/lab": "^5.0.0-alpha.112",
     "@mui/material": "^5.11.0",
     "@mui/styles": "^5.11.0",
-    "@mui/x-data-grid": "^5.17.14",
-    "@mui/x-date-pickers": "^5.0.10",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
@@ -53,11 +50,8 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.11.0",
-    "@mui/lab": "^5.0.0-alpha.112",
     "@mui/material": "^5.11.0",
     "@mui/styles": "^5.11.0",
-    "@mui/x-data-grid": "^5.17.14",
-    "@mui/x-date-pickers": "^5.0.10",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "12.1.2",

package/dist/HelloWorld/index.d.ts

@@ -1,5 +0,0 @@
-export interface HelloWorldProps {
-    text: string;
-}
-export default function HelloWorld({ text }: HelloWorldProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/HelloWorld/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/HelloWorld/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,eAyB3D"}