@australiangreens/ag-internal-components 0.0.10 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/augmentations.d.ts +2 -0
- package/dist/augmentations.d.ts.map +1 -0
- package/dist/cjs/augmentations/index.js +2 -0
- package/dist/cjs/augmentations/index.js.map +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/components/AgThemeProvider/augmentations.d.ts +15 -0
- package/dist/components/AgThemeProvider/augmentations.d.ts.map +1 -0
- package/dist/components/AgThemeProvider/index.d.ts +6 -0
- package/dist/components/AgThemeProvider/index.d.ts.map +1 -0
- package/dist/components/AgThemeProvider/themes.d.ts +3 -0
- package/dist/components/AgThemeProvider/themes.d.ts.map +1 -0
- package/dist/components/ExampleComponent/index.d.ts +5 -0
- package/dist/components/ExampleComponent/index.d.ts.map +1 -0
- package/dist/esm/augmentations/index.js +3 -0
- package/dist/esm/augmentations/index.js.map +1 -0
- package/dist/esm/index.js +164 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/package.json +13 -13
- package/dist/HelloWorld/index.d.ts +0 -5
- package/dist/HelloWorld/index.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"augmentations.d.ts","sourceRoot":"","sources":["../../src/augmentations.ts"],"names":[],"mappings":"AAEA,cAAc,4CAA4C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"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"),d=require("@mui/styles"),r=require("@mui/material/styles");function p({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 u=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}}}),F=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 m({name:e="internal",children:n}){const o=e==="internal"?u:e==="fed21"?F:void 0;return t.jsx(d.ThemeProvider,{theme:o,children:n})}exports.AgThemeProvider=m;exports.ExampleComponent=p;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/
|
|
1
|
+
{"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\nimport './augmentations';\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","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/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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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare module '@mui/material/styles' {
|
|
3
|
+
interface TypographyVariants {
|
|
4
|
+
explainer: React.CSSProperties;
|
|
5
|
+
}
|
|
6
|
+
interface TypographyVariantsOptions {
|
|
7
|
+
explainer?: React.CSSProperties;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
declare module '@mui/material/Typography' {
|
|
11
|
+
interface TypographyPropsVariantOverrides {
|
|
12
|
+
explainer: true;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=augmentations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"augmentations.d.ts","sourceRoot":"","sources":["../../../../src/components/AgThemeProvider/augmentations.ts"],"names":[],"mappings":";AAGA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAElC,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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface AgThemeProviderProps {
|
|
3
|
+
name?: 'internal' | 'fed21';
|
|
4
|
+
}
|
|
5
|
+
export default function AgThemeProvider({ name, children, }: PropsWithChildren<AgThemeProviderProps>): JSX.Element;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/components/AgThemeProvider/themes.ts"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,sBAAsB,sCAwFjC,CAAC;AAEH,eAAO,MAAM,UAAU,sCAgDrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,33 +1,179 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
|
|
1
|
+
import { jsxs as o, Fragment as s, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as d } from "react";
|
|
3
|
+
import p from "@mui/material/Button";
|
|
4
|
+
import m from "@mui/material/Paper";
|
|
5
|
+
import i from "@mui/material/Typography";
|
|
6
|
+
import { ThemeProvider as F } from "@mui/styles";
|
|
7
|
+
import { createTheme as l, alpha as n } from "@mui/material/styles";
|
|
8
|
+
function A({ text: e }) {
|
|
9
|
+
const [t, a] = d(0);
|
|
10
|
+
return /* @__PURE__ */ o(s, { children: [
|
|
11
|
+
/* @__PURE__ */ r(i, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
|
|
12
|
+
/* @__PURE__ */ r(i, { variant: "caption", display: "block", children: /* @__PURE__ */ r("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
|
|
13
|
+
/* @__PURE__ */ r(
|
|
14
|
+
p,
|
|
13
15
|
{
|
|
14
16
|
variant: "outlined",
|
|
15
|
-
onClick: () =>
|
|
17
|
+
onClick: () => a((c) => c + 1),
|
|
16
18
|
"aria-label": "Increment",
|
|
17
19
|
children: "Hello I am a button"
|
|
18
20
|
}
|
|
19
21
|
),
|
|
20
|
-
/* @__PURE__ */
|
|
22
|
+
/* @__PURE__ */ o("p", { children: [
|
|
21
23
|
"This is some text: ",
|
|
22
|
-
/* @__PURE__ */
|
|
24
|
+
/* @__PURE__ */ r("span", { children: e })
|
|
23
25
|
] }),
|
|
24
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ o(m, { children: [
|
|
25
27
|
"This number will incremember when button pressed: ",
|
|
26
|
-
|
|
28
|
+
t
|
|
27
29
|
] })
|
|
28
30
|
] });
|
|
29
31
|
}
|
|
32
|
+
const u = l({
|
|
33
|
+
palette: {
|
|
34
|
+
primary: {
|
|
35
|
+
main: "#007236",
|
|
36
|
+
dark: "#005221",
|
|
37
|
+
light: "#00A04E",
|
|
38
|
+
contrastText: "#FFFFFF"
|
|
39
|
+
},
|
|
40
|
+
secondary: {
|
|
41
|
+
main: "#662D91",
|
|
42
|
+
dark: "#440E62",
|
|
43
|
+
light: "#93268F",
|
|
44
|
+
contrastText: "#FFFFFF"
|
|
45
|
+
},
|
|
46
|
+
error: {
|
|
47
|
+
main: "#D32F2F",
|
|
48
|
+
dark: "#C62828",
|
|
49
|
+
light: "#EF5350"
|
|
50
|
+
},
|
|
51
|
+
info: {
|
|
52
|
+
main: "#0288D1",
|
|
53
|
+
dark: "#01579B",
|
|
54
|
+
light: "#03A9F4"
|
|
55
|
+
},
|
|
56
|
+
success: {
|
|
57
|
+
main: "#0288D1",
|
|
58
|
+
dark: "#01579B",
|
|
59
|
+
light: "#03A9F4"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
components: {
|
|
63
|
+
MuiTextField: {
|
|
64
|
+
defaultProps: { color: "secondary" }
|
|
65
|
+
},
|
|
66
|
+
MuiToggleButtonGroup: {
|
|
67
|
+
defaultProps: { color: "secondary" }
|
|
68
|
+
},
|
|
69
|
+
MuiCheckbox: {
|
|
70
|
+
defaultProps: { color: "secondary" }
|
|
71
|
+
},
|
|
72
|
+
MuiSelect: {
|
|
73
|
+
defaultProps: { color: "secondary" }
|
|
74
|
+
},
|
|
75
|
+
MuiSwitch: {
|
|
76
|
+
defaultProps: { color: "secondary" }
|
|
77
|
+
},
|
|
78
|
+
MuiFormControl: {
|
|
79
|
+
defaultProps: { color: "secondary" }
|
|
80
|
+
},
|
|
81
|
+
MuiMenuItem: {
|
|
82
|
+
// Setting defaultProps for color on MenuItem does not work, so update manually
|
|
83
|
+
styleOverrides: {
|
|
84
|
+
root: ({ theme: e }) => ({
|
|
85
|
+
"&.Mui-selected": {
|
|
86
|
+
backgroundColor: n(
|
|
87
|
+
e.palette.secondary.main,
|
|
88
|
+
e.palette.action.selectedOpacity
|
|
89
|
+
),
|
|
90
|
+
"&:hover": {
|
|
91
|
+
backgroundColor: n(
|
|
92
|
+
e.palette.secondary.main,
|
|
93
|
+
e.palette.action.selectedOpacity
|
|
94
|
+
)
|
|
95
|
+
},
|
|
96
|
+
"&.Mui-focusVisible": {
|
|
97
|
+
backgroundColor: n(
|
|
98
|
+
e.palette.secondary.main,
|
|
99
|
+
e.palette.action.focusOpacity
|
|
100
|
+
)
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
})
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
typography: {
|
|
108
|
+
// I couldn't think of what to call this. It is an attempt to match
|
|
109
|
+
// https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
|
|
110
|
+
// but not sure if line height should be changed
|
|
111
|
+
explainer: {
|
|
112
|
+
fontSize: "14px",
|
|
113
|
+
marginBlockStart: "1em"
|
|
114
|
+
},
|
|
115
|
+
h3: {
|
|
116
|
+
fontSize: "1rem",
|
|
117
|
+
fontWeight: 700
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}), h = l({
|
|
121
|
+
palette: {
|
|
122
|
+
primary: {
|
|
123
|
+
dark: "#00A651",
|
|
124
|
+
light: "#A3D39C",
|
|
125
|
+
main: "#007236",
|
|
126
|
+
contrastText: "#FFF"
|
|
127
|
+
},
|
|
128
|
+
warning: {
|
|
129
|
+
main: "#F5871F",
|
|
130
|
+
light: "#FCC589",
|
|
131
|
+
dark: "#A2590A",
|
|
132
|
+
contrastText: "#FFF"
|
|
133
|
+
},
|
|
134
|
+
secondary: {
|
|
135
|
+
main: "#662D91",
|
|
136
|
+
light: "#BD8CBF",
|
|
137
|
+
dark: "#440E62",
|
|
138
|
+
contrastText: "#FFF"
|
|
139
|
+
},
|
|
140
|
+
error: {
|
|
141
|
+
main: "#D43C95",
|
|
142
|
+
light: "#8F2064",
|
|
143
|
+
dark: "#F9CDE0",
|
|
144
|
+
contrastText: "#FFF"
|
|
145
|
+
},
|
|
146
|
+
info: {
|
|
147
|
+
main: "#00A88D",
|
|
148
|
+
light: "#ADDCCF",
|
|
149
|
+
dark: "#005243",
|
|
150
|
+
contrastText: "#FFF"
|
|
151
|
+
},
|
|
152
|
+
success: {
|
|
153
|
+
main: "#00A651",
|
|
154
|
+
light: "#A3D39C",
|
|
155
|
+
dark: "#007236",
|
|
156
|
+
contrastText: "#FFF"
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
typography: {
|
|
160
|
+
// I couldn't think of what to call this. It is an attempt to match
|
|
161
|
+
// https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
|
|
162
|
+
// but not sure if line height should be changed
|
|
163
|
+
explainer: {
|
|
164
|
+
fontSize: "14px",
|
|
165
|
+
marginBlockStart: "1em"
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
function D({
|
|
170
|
+
name: e = "internal",
|
|
171
|
+
children: t
|
|
172
|
+
}) {
|
|
173
|
+
return /* @__PURE__ */ r(F, { theme: e === "internal" ? u : e === "fed21" ? h : void 0, children: t });
|
|
174
|
+
}
|
|
30
175
|
export {
|
|
31
|
-
|
|
176
|
+
D as AgThemeProvider,
|
|
177
|
+
A as ExampleComponent
|
|
32
178
|
};
|
|
33
179
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/
|
|
1
|
+
{"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\nimport './augmentations';\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","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/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/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export * from './
|
|
1
|
+
export { default as ExampleComponent } from './components/ExampleComponent';
|
|
2
|
+
export * from './components/ExampleComponent';
|
|
3
|
+
export { default as AgThemeProvider } from './components/AgThemeProvider';
|
|
4
|
+
export * from './components/AgThemeProvider';
|
|
3
5
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@australiangreens/ag-internal-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.12",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"homepage": "https://github.com/australiangreens/ag-internal-components#readme",
|
|
7
7
|
"license": "MIT",
|
|
@@ -38,22 +38,22 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {},
|
|
40
40
|
"peerDependencies": {
|
|
41
|
-
"@emotion/react": "
|
|
42
|
-
"@emotion/styled": "
|
|
43
|
-
"@mui/icons-material": "
|
|
44
|
-
"@mui/material": "
|
|
45
|
-
"@mui/styles": "
|
|
41
|
+
"@emotion/react": "11.10.5",
|
|
42
|
+
"@emotion/styled": "11.10.5",
|
|
43
|
+
"@mui/icons-material": "5.11.0",
|
|
44
|
+
"@mui/material": "5.11.0",
|
|
45
|
+
"@mui/styles": "5.11.0",
|
|
46
46
|
"react": "17.0.2",
|
|
47
47
|
"react-dom": "17.0.2"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@emotion/react": "
|
|
51
|
-
"@emotion/styled": "
|
|
52
|
-
"@mui/icons-material": "
|
|
53
|
-
"@mui/material": "
|
|
54
|
-
"@mui/styles": "
|
|
55
|
-
"@testing-library/dom": "
|
|
56
|
-
"@testing-library/jest-dom": "
|
|
50
|
+
"@emotion/react": "11.10.5",
|
|
51
|
+
"@emotion/styled": "11.10.5",
|
|
52
|
+
"@mui/icons-material": "5.11.0",
|
|
53
|
+
"@mui/material": "5.11.0",
|
|
54
|
+
"@mui/styles": "5.11.0",
|
|
55
|
+
"@testing-library/dom": "9.3.0",
|
|
56
|
+
"@testing-library/jest-dom": "5.16.5",
|
|
57
57
|
"@testing-library/react": "12.1.2",
|
|
58
58
|
"@testing-library/user-event": "^14.4.3",
|
|
59
59
|
"@types/node": "16.18.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/HelloWorld/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,eAyB3D"}
|