@wandelbots/mui 1.3.0 → 1.3.2
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/components/AdornedSelect/AdornedSelect.d.ts.map +1 -1
- package/dist/components/AdornedTextField/AdornedAutocomplete.d.ts.map +1 -1
- package/dist/components/AdornedTextField/AdornedTextField.d.ts.map +1 -1
- package/dist/components/RoundedIconButton/RoundedIconButton.cjs +1 -1
- package/dist/components/RoundedIconButton/RoundedIconButton.d.ts +6 -2
- package/dist/components/RoundedIconButton/RoundedIconButton.d.ts.map +1 -1
- package/dist/components/RoundedIconButton/RoundedIconButton.js +34 -29
- package/dist/theme/createNovaMuiTheme.cjs +1 -1
- package/dist/theme/createNovaMuiTheme.d.ts.map +1 -1
- package/dist/theme/createNovaMuiTheme.js +167 -88
- package/package.json +28 -28
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdornedSelect.d.ts","sourceRoot":"","sources":["../../../src/components/AdornedSelect/AdornedSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKvD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAA;AA2DlD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IAC5D,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"AdornedSelect.d.ts","sourceRoot":"","sources":["../../../src/components/AdornedSelect/AdornedSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKvD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAA;AA2DlD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IAC5D,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,yHASvB,kBAAkB,gCAkEpB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdornedAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/AdornedTextField/AdornedAutocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,oBAAoB,CAAA;AAQ3B,MAAM,MAAM,wBAAwB,CAClC,CAAC,GAAG,MAAM,EACV,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EACpD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,IAAI,IACzC,IAAI,CACN,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAC1D,aAAa,GAAG,WAAW,CAC5B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;CAC/C,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,CAAC,GAAG,MAAM,EACV,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EACpD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"AdornedAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/AdornedTextField/AdornedAutocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,oBAAoB,CAAA;AAQ3B,MAAM,MAAM,wBAAwB,CAClC,CAAC,GAAG,MAAM,EACV,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EACpD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,IAAI,IACzC,IAAI,CACN,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAC1D,aAAa,GAAG,WAAW,CAC5B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;CAC/C,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,CAAC,GAAG,MAAM,EACV,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EACpD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,IAAI,yFAU1C,wBAAwB,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,CAAC,gCA8BnE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdornedTextField.d.ts","sourceRoot":"","sources":["../../../src/components/AdornedTextField/AdornedTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAG7D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,CAAA;AA+JrD,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG;IACnD,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"AdornedTextField.d.ts","sourceRoot":"","sources":["../../../src/components/AdornedTextField/AdornedTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAG7D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,CAAA;AA+JrD,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG;IACnD,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,8BAG1B,qBAAqB,gCAcvB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),x=require("@mui/material/IconButton");function y({icon:c,onClick:s,bgColor:n,isActive:r,disabled:l,dataTestId:e,ariaLabel:a,href:d,size:p,sx:o,ref:b,...g}){const v={...a!==void 0?{"aria-label":a}:{},...e!==void 0?{"data-testid":e}:{}};return R.jsx(x,{...g,ref:b,...d?{href:d}:{},size:p,onClick:s,disabled:l,sx:[t=>{var i,u;return{backgroundColor:r!==void 0?r?n??((i=t.palette.backgroundPaperElevation)==null?void 0:i[11]):"transparent":n??((u=t.palette.backgroundPaperElevation)==null?void 0:u[11]),borderRadius:`${t.shape.borderRadius}px`,width:"30px",height:"30px"}},...Array.isArray(o)?o:[o]],...v,children:c})}exports.RoundedIconButton=y;
|
|
@@ -21,10 +21,14 @@ export type RoundedIconButtonProps = {
|
|
|
21
21
|
size?: IconButtonProps["size"];
|
|
22
22
|
sx?: SxProps<Theme>;
|
|
23
23
|
ref?: Ref<HTMLButtonElement>;
|
|
24
|
-
}
|
|
24
|
+
} & Omit<IconButtonProps, "children" | "onClick" | "disabled" | "href" | "size" | "sx" | "ref">;
|
|
25
25
|
/**
|
|
26
26
|
* Small square (30×30) icon button with rounded corners on an elevated
|
|
27
27
|
* background, styled to NovaDeck's canonical look.
|
|
28
|
+
*
|
|
29
|
+
* Unnamed props pass through to the underlying `IconButton`, which is what
|
|
30
|
+
* lets it sit inside a `Tooltip` — the named props below still take
|
|
31
|
+
* precedence.
|
|
28
32
|
*/
|
|
29
|
-
export declare function RoundedIconButton({ icon, onClick, bgColor, isActive, disabled, dataTestId, ariaLabel, href, size, sx, ref, }: RoundedIconButtonProps): import("react").JSX.Element;
|
|
33
|
+
export declare function RoundedIconButton({ icon, onClick, bgColor, isActive, disabled, dataTestId, ariaLabel, href, size, sx, ref, ...rest }: RoundedIconButtonProps): import("react").JSX.Element;
|
|
30
34
|
//# sourceMappingURL=RoundedIconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoundedIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/RoundedIconButton/RoundedIconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,SAAS,CAAA;IACf,8EAA8E;IAC9E,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IAClE,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAYD
|
|
1
|
+
{"version":3,"file":"RoundedIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/RoundedIconButton/RoundedIconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,SAAS,CAAA;IACf,8EAA8E;IAC9E,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IAClE,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,GAAG,IAAI,CACN,eAAe,EAKf,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CACrE,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,GAAG,EACH,GAAG,IAAI,EACR,EAAE,sBAAsB,+BAoCxB"}
|
|
@@ -1,45 +1,50 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
function
|
|
5
|
-
icon:
|
|
6
|
-
onClick:
|
|
7
|
-
bgColor:
|
|
2
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
3
|
+
import k from "@mui/material/IconButton";
|
|
4
|
+
function h({
|
|
5
|
+
icon: u,
|
|
6
|
+
onClick: c,
|
|
7
|
+
bgColor: a,
|
|
8
8
|
isActive: t,
|
|
9
|
-
disabled:
|
|
10
|
-
dataTestId:
|
|
11
|
-
ariaLabel:
|
|
12
|
-
href:
|
|
13
|
-
size:
|
|
14
|
-
sx:
|
|
15
|
-
ref:
|
|
9
|
+
disabled: l,
|
|
10
|
+
dataTestId: n,
|
|
11
|
+
ariaLabel: d,
|
|
12
|
+
href: i,
|
|
13
|
+
size: s,
|
|
14
|
+
sx: o,
|
|
15
|
+
ref: b,
|
|
16
|
+
...v
|
|
16
17
|
}) {
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
const x = {
|
|
19
|
+
...d !== void 0 ? { "aria-label": d } : {},
|
|
20
|
+
...n !== void 0 ? { "data-testid": n } : {}
|
|
21
|
+
};
|
|
22
|
+
return /* @__PURE__ */ g(
|
|
23
|
+
k,
|
|
19
24
|
{
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
+
...v,
|
|
26
|
+
ref: b,
|
|
27
|
+
...i ? { href: i } : {},
|
|
28
|
+
size: s,
|
|
29
|
+
onClick: c,
|
|
30
|
+
disabled: l,
|
|
25
31
|
sx: [
|
|
26
|
-
(
|
|
27
|
-
var
|
|
32
|
+
(r) => {
|
|
33
|
+
var e, p;
|
|
28
34
|
return {
|
|
29
|
-
backgroundColor: t !== void 0 ? t ?
|
|
30
|
-
borderRadius: `${
|
|
35
|
+
backgroundColor: t !== void 0 ? t ? a ?? ((e = r.palette.backgroundPaperElevation) == null ? void 0 : e[11]) : "transparent" : a ?? ((p = r.palette.backgroundPaperElevation) == null ? void 0 : p[11]),
|
|
36
|
+
borderRadius: `${r.shape.borderRadius}px`,
|
|
31
37
|
width: "30px",
|
|
32
38
|
height: "30px"
|
|
33
39
|
};
|
|
34
40
|
},
|
|
35
|
-
...Array.isArray(
|
|
41
|
+
...Array.isArray(o) ? o : [o]
|
|
36
42
|
],
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
children: i
|
|
43
|
+
...x,
|
|
44
|
+
children: u
|
|
40
45
|
}
|
|
41
46
|
);
|
|
42
47
|
}
|
|
43
48
|
export {
|
|
44
|
-
|
|
49
|
+
h as RoundedIconButton
|
|
45
50
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@mui/material/Alert"),c=require("@mui/material/styles"),r=require("@wandelbots/design-tokens");function d(){return{palette:{mode:"dark",text:{primary:r.ZeroGravityTextPrimary,secondary:r.ZeroGravityTextSecondary,disabled:r.ZeroGravityTextDisabled},primary:{main:r.ZeroGravityNovaViolet5,dark:r.ZeroGravityNovaViolet4,light:r.ZeroGravityNovaViolet6,contrastText:"rgba(255, 255, 255, 0.87)"},secondary:{main:r.ZeroGravitySecondaryMain,dark:r.ZeroGravitySecondaryDark,contrastText:r.ZeroGravitySecondaryContrast},tertiary:{main:r.ColorsTealA200,dark:r.ColorsTeal400,light:r.ColorsTealA100,contrastText:"rgba(0, 0, 0, 1)"},error:{main:r.ColorsRed400,dark:r.ColorsRed600,light:r.ColorsRed200,contrastText:"rgba(255, 255, 255, 1)"},warning:{main:r.ColorsOrangeA200,dark:r.ColorsOrangeA400,light:r.ColorsOrangeA100,contrastText:"rgba(0, 0, 0, 0.87)"},success:{main:r.ColorsTeal400,dark:r.ColorsTeal700,light:r.ColorsTeal200,contrastText:"rgba(255, 255, 255, 0.87)"},info:{main:r.ZeroGravityInfoMain,dark:r.ZeroGravityInfoDark,light:r.ZeroGravityInfoLight,contrastText:r.ZeroGravityInfoContrast},background:{default:"#161825",paper:"#11131f"},action:{active:r.ZeroGravityActionActive,hover:r.ZeroGravityActionHover,selected:r.ZeroGravityActionSelected,disabledBackground:r.ZeroGravityActionDisabledBackground,focus:"#ffffff1f",disabled:r.ZeroGravityActionDisabled},common:{white:"rgba(255, 255, 255, 1)",black:"rgba(0, 0, 0, 1)"},divider:r.ZeroGravityDivider,backgroundPaperElevation:{0:"#11131f",1:r.ZeroGravityBackgroundPaperElevation1,2:r.ZeroGravityBackgroundPaperElevation2,3:"#1a1c2b",4:"#1d1f2f",5:r.ZeroGravityBackgroundPaperElevation5,6:"#232537",7:"#26283b",8:r.ZeroGravityBackgroundPaperElevation8,9:"#2c2e43",10:"#2f3147",11:r.ZeroGravityBackgroundPaperElevation11,12:"#35374f",13:"#383a53",14:"#3b3d57",15:"#3e405b",16:"#393f57"}},paletteExt:{primary:{hover:`${r.ZeroGravityNovaViolet5}14`,selected:`${r.ZeroGravityNovaViolet5}29`,focus:`${r.ZeroGravityNovaViolet5}1f`,focusVisible:`${r.ZeroGravityNovaViolet5}4d`,outlineBorder:`${r.ZeroGravityNovaViolet5}80`},secondary:{tonal:r.ZeroGravitySecondaryTonal},components:{inputFilledEnabledFill:r.ZeroGravityComponentsInputFilledEnabledFill}},shape:{borderRadius:Number.parseInt(r.RadiusSm,10)},typography:{fontFamily:r.FontFamilyBody,fontWeightRegular:500,body2:{fontSize:14,fontWeight:400},caption:{fontSize:12,fontWeight:400,letterSpacing:"0.4px"}}}}const p=["error","warning","info","success"],u={error:{text:r.ZeroGravityComponentsAlertErrorColor,background:r.ZeroGravityComponentsAlertErrorBackground},warning:{text:r.ZeroGravityComponentsAlertWarningColor,background:r.ZeroGravityComponentsAlertWarningBackground},info:{text:r.ZeroGravityComponentsAlertInfoColor,background:r.ZeroGravityComponentsAlertInfoBackground},success:{text:r.ZeroGravityComponentsAlertSuccessColor,background:r.ZeroGravityComponentsAlertSuccessBackground}};function s(){const t=r.RadiusSm;return{MuiCssBaseline:{styleOverrides:{"html, body, *":{scrollbarWidth:"none",msOverflowStyle:"none"},"html:hover, body:hover, *:hover":{scrollbarWidth:"thin",scrollbarColor:`${r.ZeroGravityDivider} transparent`}}},MuiButton:{styleOverrides:{root:{textTransform:"none",borderRadius:t}},variants:[{props:{color:"secondary",variant:"contained"},style:({theme:e})=>{var o,i,n;return{border:`1px solid ${e.palette.divider}`,background:(n=(i=(o=e.paletteExt)==null?void 0:o.secondary)==null?void 0:i.tonal)==null?void 0:n.toString()}}},{props:{color:"secondary",variant:"outlined"},style:({theme:e})=>({border:`1px solid ${e.palette.divider}`})}]},MuiTab:{styleOverrides:{root:({theme:e})=>({textTransform:"none",color:e.palette.text.secondary,"&.Mui-selected":{color:e.palette.text.primary}})}},MuiTabs:{styleOverrides:{root:({theme:e})=>{var o;return{background:(o=e.palette.backgroundPaperElevation)==null?void 0:o[1]}}}},MuiToggleButtonGroup:{styleOverrides:{root:{".MuiToggleButtonGroup-firstButton":{borderRadius:`${t} 0 0 ${t}`},".MuiToggleButtonGroup-lastButton":{borderRadius:`0 ${t} ${t} 0`}}}},MuiToggleButton:{styleOverrides:{root:{textTransform:"none",padding:"6px 16px"}}},MuiAutocomplete:{styleOverrides:{root:({theme:e})=>({background:e.palette.secondary.dark,fieldset:{border:"none"},"&.MuiAutocomplete-root":{borderRadius:"16px",border:"1px solid transparent"},"&.Mui-focused":{border:`1px solid ${e.palette.primary.main}`,label:{transform:"translate(14px, 6px) scale(0.75)",color:e.palette.text.secondary}},"&.MuiAutocomplete-hasClearIcon":{label:{transform:"translate(14px, 6px) scale(0.75)"}},label:{color:e.palette.text.secondary},input:{transform:"translate(0px, 6px)"}})}},MuiSelect:{styleOverrides:{root:({theme:e})=>({background:e.palette.secondary.dark,borderRadius:"16px",border:"1px solid transparent",fieldset:{border:"none"},"&:hover":{border:`1px solid ${e.palette.action.hover}`},"&.Mui-focused":{border:`1px solid ${e.palette.primary.main}`}})},variants:[{props:{variant:"filled"},style:{borderRadius:t,"::before, ::after":{visibility:"collapse"},".MuiInputBase-input":{padding:"6px 16px",borderRadius:t}}}]},MuiTooltip:{styleOverrides:{tooltip:({theme:e})=>{var o;return{background:(o=e.palette.backgroundPaperElevation)==null?void 0:o[1],border:`1px solid ${e.palette.divider}`,borderRadius:r.RadiusSm,padding:"8px 12px",lineHeight:"1.8em",fontWeight:"300",fontSize:"10px",maxWidth:"260px"}},arrow:({theme:e})=>{var o;return{"&:before":{border:`1px solid ${e.palette.divider}`,background:(o=e.palette.backgroundPaperElevation)==null?void 0:o[1]},color:e.palette.common.white}}}},MuiAlert:{defaultProps:{variant:"outlined"},styleOverrides:{root:{borderRadius:t,alignItems:"center",padding:r.Spacing2},icon:{padding:0},message:{padding:0,flexGrow:1},action:{padding:`0 0 0 ${r.Spacing2}`,marginRight:0,alignItems:"center"}},variants:p.flatMap(e=>{const o=a=>a.severity??a.color??"success",{text:i,background:n}=u[e];return[{props:a=>a.variant==="outlined"&&o(a)===e,style:({theme:a})=>({borderColor:a.palette[e].main,color:i,[`& .${l.alertClasses.icon}`]:{color:a.palette[e].main}})},{props:a=>a.variant==="standard"&&o(a)===e,style:({theme:a})=>({backgroundColor:n,color:i,[`& .${l.alertClasses.icon}`]:{color:a.palette[e].main}})}]})},MuiDrawer:{styleOverrides:{paper:{border:"none",boxShadow:"4px 0 8px -4px rgba(0, 0, 0, 0.3)"}}},MuiDialog:{styleOverrides:{paper:({theme:e})=>{var o;return{background:(o=e.palette.backgroundPaperElevation)==null?void 0:o[2],border:`1px solid ${e.palette.divider}`,borderRadius:"16px"}}}},MuiFab:{styleOverrides:{root:({theme:e})=>{var o,i;return{background:(i=(o=e.paletteExt)==null?void 0:o.secondary)==null?void 0:i.tonal}}},variants:[{props:{color:"primary"},style:({theme:e})=>({background:e.palette.primary.main})}]}}}function v(t){var e;for(const o of t)if(((e=o==null?void 0:o.palette)==null?void 0:e.mode)==="light")throw new Error("createNovaMuiTheme: palette.mode 'light' is not yet supported by @wandelbots/mui. Use the default dark theme or omit palette.mode. Light tokens will land when synced from Figma.")}function y(...t){return v(t),c.createTheme(d(),{components:s()},...t)}exports.commonComponents=s;exports.createNovaMuiTheme=y;exports.darkBaseOptions=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createNovaMuiTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createNovaMuiTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createNovaMuiTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createNovaMuiTheme.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAiE/D,kEAAkE;AAClE,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,aAAa,CAAC,EAAE,MAAM,CAAA;KACvB,CAAA;IACD,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,UAAU,CAAC,EAAE;QACX,sBAAsB,CAAC,EAAE,MAAM,CAAA;KAChC,CAAA;CACF;AAED,UAAU,yBAAyB;IACjC,UAAU,CAAC,EAAE,cAAc,CAAA;CAC5B;AAED,oFAAoF;AACpF,MAAM,WAAW,wBAAwB;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,OAAO;QACf,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;QAC5B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;KACpD;IAED,UAAU,cAAc;QACtB,QAAQ,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;QACpC,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;KACpD;IAED,UAAU,KAAM,SAAQ,yBAAyB;KAAG;IAEpD,UAAU,YAAa,SAAQ,yBAAyB;KAAG;CAC5D;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAsI9C;AAyCD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CA0R1E;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAOtE"}
|
|
@@ -1,50 +1,61 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
2
|
+
import { alertClasses as d } from "@mui/material/Alert";
|
|
3
|
+
import { createTheme as u } from "@mui/material/styles";
|
|
4
|
+
import { FontFamilyBody as g, ZeroGravityComponentsInputFilledEnabledFill as y, ZeroGravitySecondaryTonal as v, ZeroGravityNovaViolet5 as n, ZeroGravityBackgroundPaperElevation11 as b, ZeroGravityBackgroundPaperElevation8 as m, ZeroGravityBackgroundPaperElevation5 as f, ZeroGravityBackgroundPaperElevation2 as x, ZeroGravityBackgroundPaperElevation1 as k, ZeroGravityDivider as p, ZeroGravityActionDisabled as G, ZeroGravityActionDisabledBackground as Z, ZeroGravityActionSelected as C, ZeroGravityActionHover as T, ZeroGravityActionActive as h, ZeroGravityInfoContrast as M, ZeroGravityInfoLight as A, ZeroGravityInfoDark as B, ZeroGravityInfoMain as E, ColorsTeal200 as S, ColorsTeal700 as $, ColorsTeal400 as s, ColorsOrangeA100 as R, ColorsOrangeA400 as O, ColorsOrangeA200 as w, ColorsRed200 as I, ColorsRed600 as P, ColorsRed400 as F, ColorsTealA100 as W, ColorsTealA200 as D, ZeroGravitySecondaryContrast as N, ZeroGravitySecondaryDark as V, ZeroGravitySecondaryMain as L, ZeroGravityNovaViolet6 as z, ZeroGravityNovaViolet4 as H, ZeroGravityTextDisabled as U, ZeroGravityTextSecondary as _, ZeroGravityTextPrimary as j, RadiusSm as l, Spacing2 as c, ZeroGravityComponentsAlertSuccessBackground as q, ZeroGravityComponentsAlertSuccessColor as J, ZeroGravityComponentsAlertInfoBackground as K, ZeroGravityComponentsAlertInfoColor as Q, ZeroGravityComponentsAlertWarningBackground as X, ZeroGravityComponentsAlertWarningColor as Y, ZeroGravityComponentsAlertErrorBackground as rr, ZeroGravityComponentsAlertErrorColor as or } from "@wandelbots/design-tokens";
|
|
5
|
+
function er() {
|
|
5
6
|
return {
|
|
6
7
|
palette: {
|
|
7
8
|
mode: "dark",
|
|
8
9
|
text: {
|
|
9
|
-
primary:
|
|
10
|
-
secondary:
|
|
11
|
-
disabled:
|
|
10
|
+
primary: j,
|
|
11
|
+
secondary: _,
|
|
12
|
+
disabled: U
|
|
12
13
|
},
|
|
13
14
|
primary: {
|
|
14
|
-
main:
|
|
15
|
-
dark:
|
|
16
|
-
light:
|
|
15
|
+
main: n,
|
|
16
|
+
dark: H,
|
|
17
|
+
light: z,
|
|
17
18
|
contrastText: "rgba(255, 255, 255, 0.87)"
|
|
18
19
|
},
|
|
19
20
|
secondary: {
|
|
20
|
-
main:
|
|
21
|
-
dark:
|
|
22
|
-
contrastText:
|
|
21
|
+
main: L,
|
|
22
|
+
dark: V,
|
|
23
|
+
contrastText: N
|
|
23
24
|
},
|
|
24
25
|
tertiary: {
|
|
25
|
-
main:
|
|
26
|
-
dark:
|
|
27
|
-
light:
|
|
26
|
+
main: D,
|
|
27
|
+
dark: s,
|
|
28
|
+
light: W,
|
|
28
29
|
contrastText: "rgba(0, 0, 0, 1)"
|
|
29
30
|
},
|
|
30
31
|
error: {
|
|
31
|
-
main:
|
|
32
|
-
dark:
|
|
33
|
-
light:
|
|
32
|
+
main: F,
|
|
33
|
+
dark: P,
|
|
34
|
+
light: I,
|
|
34
35
|
contrastText: "rgba(255, 255, 255, 1)"
|
|
35
36
|
},
|
|
36
37
|
warning: {
|
|
37
|
-
main:
|
|
38
|
-
dark:
|
|
39
|
-
light:
|
|
38
|
+
main: w,
|
|
39
|
+
dark: O,
|
|
40
|
+
light: R,
|
|
40
41
|
contrastText: "rgba(0, 0, 0, 0.87)"
|
|
41
42
|
},
|
|
42
43
|
success: {
|
|
43
|
-
main:
|
|
44
|
-
dark:
|
|
45
|
-
light:
|
|
44
|
+
main: s,
|
|
45
|
+
dark: $,
|
|
46
|
+
light: S,
|
|
46
47
|
contrastText: "rgba(255, 255, 255, 0.87)"
|
|
47
48
|
},
|
|
49
|
+
// Nova's info blue is the indigo `#536dfe`, not MUI's own light-blue
|
|
50
|
+
// `#29b6f6`. Without this entry MUI falls back to that light blue, so
|
|
51
|
+
// every info alert, chip and button rendered a colour the tokens do not
|
|
52
|
+
// contain.
|
|
53
|
+
info: {
|
|
54
|
+
main: E,
|
|
55
|
+
dark: B,
|
|
56
|
+
light: A,
|
|
57
|
+
contrastText: M
|
|
58
|
+
},
|
|
48
59
|
background: {
|
|
49
60
|
// NovaDeck's app background. Deliberately diverges from the token
|
|
50
61
|
// ZeroGravityBackgroundDefault (#020617) — decision "Bg" in the spec.
|
|
@@ -54,34 +65,34 @@ function V() {
|
|
|
54
65
|
// ZeroGravityBackgroundPaperElevation0 (skipped: "no use")
|
|
55
66
|
},
|
|
56
67
|
action: {
|
|
57
|
-
active:
|
|
58
|
-
hover:
|
|
59
|
-
selected:
|
|
60
|
-
disabledBackground:
|
|
68
|
+
active: h,
|
|
69
|
+
hover: T,
|
|
70
|
+
selected: C,
|
|
71
|
+
disabledBackground: Z,
|
|
61
72
|
focus: "#ffffff1f",
|
|
62
73
|
// ZeroGravityActionFocus (skipped: "no use")
|
|
63
|
-
disabled:
|
|
74
|
+
disabled: G
|
|
64
75
|
},
|
|
65
76
|
common: {
|
|
66
77
|
white: "rgba(255, 255, 255, 1)",
|
|
67
78
|
black: "rgba(0, 0, 0, 1)"
|
|
68
79
|
},
|
|
69
|
-
divider:
|
|
80
|
+
divider: p,
|
|
70
81
|
backgroundPaperElevation: {
|
|
71
82
|
0: "#11131f",
|
|
72
83
|
// ZeroGravityBackgroundPaperElevation0 (skipped: "no use")
|
|
73
|
-
1:
|
|
74
|
-
2:
|
|
84
|
+
1: k,
|
|
85
|
+
2: x,
|
|
75
86
|
3: "#1a1c2b",
|
|
76
87
|
// ZeroGravityBackgroundPaperElevation3 (skipped: "no use")
|
|
77
88
|
4: "#1d1f2f",
|
|
78
89
|
// ZeroGravityBackgroundPaperElevation4 (skipped: "no use")
|
|
79
|
-
5:
|
|
90
|
+
5: f,
|
|
80
91
|
6: "#232537",
|
|
81
92
|
// ZeroGravityBackgroundPaperElevation6 (skipped: "no use")
|
|
82
93
|
7: "#26283b",
|
|
83
94
|
// ZeroGravityBackgroundPaperElevation7 (skipped: "no use")
|
|
84
|
-
8:
|
|
95
|
+
8: m,
|
|
85
96
|
9: "#2c2e43",
|
|
86
97
|
// ZeroGravityBackgroundPaperElevation9 (skipped: "no use")
|
|
87
98
|
10: "#2f3147",
|
|
@@ -101,29 +112,29 @@ function V() {
|
|
|
101
112
|
},
|
|
102
113
|
paletteExt: {
|
|
103
114
|
primary: {
|
|
104
|
-
hover: `${
|
|
115
|
+
hover: `${n}14`,
|
|
105
116
|
// 8% alpha
|
|
106
|
-
selected: `${
|
|
117
|
+
selected: `${n}29`,
|
|
107
118
|
// 16% alpha
|
|
108
|
-
focus: `${
|
|
119
|
+
focus: `${n}1f`,
|
|
109
120
|
// 12% alpha
|
|
110
|
-
focusVisible: `${
|
|
121
|
+
focusVisible: `${n}4d`,
|
|
111
122
|
// 30% alpha
|
|
112
|
-
outlineBorder: `${
|
|
123
|
+
outlineBorder: `${n}80`
|
|
113
124
|
// 50% alpha
|
|
114
125
|
},
|
|
115
126
|
secondary: {
|
|
116
|
-
tonal:
|
|
127
|
+
tonal: v
|
|
117
128
|
},
|
|
118
129
|
components: {
|
|
119
|
-
inputFilledEnabledFill:
|
|
130
|
+
inputFilledEnabledFill: y
|
|
120
131
|
}
|
|
121
132
|
},
|
|
122
133
|
shape: {
|
|
123
|
-
borderRadius: Number.parseInt(
|
|
134
|
+
borderRadius: Number.parseInt(l, 10)
|
|
124
135
|
},
|
|
125
136
|
typography: {
|
|
126
|
-
fontFamily:
|
|
137
|
+
fontFamily: g,
|
|
127
138
|
fontWeightRegular: 500,
|
|
128
139
|
// Weight 400 per Figma/NovaDeck (design ruling CP2.4) — fontWeightRegular
|
|
129
140
|
// 500 would otherwise apply. Buttons keep weight 500 (fontWeightMedium),
|
|
@@ -145,8 +156,26 @@ function V() {
|
|
|
145
156
|
}
|
|
146
157
|
};
|
|
147
158
|
}
|
|
148
|
-
|
|
149
|
-
|
|
159
|
+
const tr = ["error", "warning", "info", "success"], ar = {
|
|
160
|
+
error: {
|
|
161
|
+
text: or,
|
|
162
|
+
background: rr
|
|
163
|
+
},
|
|
164
|
+
warning: {
|
|
165
|
+
text: Y,
|
|
166
|
+
background: X
|
|
167
|
+
},
|
|
168
|
+
info: {
|
|
169
|
+
text: Q,
|
|
170
|
+
background: K
|
|
171
|
+
},
|
|
172
|
+
success: {
|
|
173
|
+
text: J,
|
|
174
|
+
background: q
|
|
175
|
+
}
|
|
176
|
+
};
|
|
177
|
+
function nr() {
|
|
178
|
+
const e = l;
|
|
150
179
|
return {
|
|
151
180
|
MuiCssBaseline: {
|
|
152
181
|
// Static (not a function-form callback) so consumer global selectors
|
|
@@ -159,7 +188,7 @@ function z() {
|
|
|
159
188
|
},
|
|
160
189
|
"html:hover, body:hover, *:hover": {
|
|
161
190
|
scrollbarWidth: "thin",
|
|
162
|
-
scrollbarColor: `${
|
|
191
|
+
scrollbarColor: `${p} transparent`
|
|
163
192
|
}
|
|
164
193
|
}
|
|
165
194
|
},
|
|
@@ -167,17 +196,17 @@ function z() {
|
|
|
167
196
|
styleOverrides: {
|
|
168
197
|
root: {
|
|
169
198
|
textTransform: "none",
|
|
170
|
-
borderRadius:
|
|
199
|
+
borderRadius: e
|
|
171
200
|
}
|
|
172
201
|
},
|
|
173
202
|
variants: [
|
|
174
203
|
{
|
|
175
204
|
props: { color: "secondary", variant: "contained" },
|
|
176
205
|
style: ({ theme: r }) => {
|
|
177
|
-
var
|
|
206
|
+
var o, a, i;
|
|
178
207
|
return {
|
|
179
208
|
border: `1px solid ${r.palette.divider}`,
|
|
180
|
-
background: (
|
|
209
|
+
background: (i = (a = (o = r.paletteExt) == null ? void 0 : o.secondary) == null ? void 0 : a.tonal) == null ? void 0 : i.toString()
|
|
181
210
|
};
|
|
182
211
|
}
|
|
183
212
|
},
|
|
@@ -203,9 +232,9 @@ function z() {
|
|
|
203
232
|
MuiTabs: {
|
|
204
233
|
styleOverrides: {
|
|
205
234
|
root: ({ theme: r }) => {
|
|
206
|
-
var
|
|
235
|
+
var o;
|
|
207
236
|
return {
|
|
208
|
-
background: (
|
|
237
|
+
background: (o = r.palette.backgroundPaperElevation) == null ? void 0 : o[1]
|
|
209
238
|
};
|
|
210
239
|
}
|
|
211
240
|
}
|
|
@@ -214,10 +243,10 @@ function z() {
|
|
|
214
243
|
styleOverrides: {
|
|
215
244
|
root: {
|
|
216
245
|
".MuiToggleButtonGroup-firstButton": {
|
|
217
|
-
borderRadius: `${
|
|
246
|
+
borderRadius: `${e} 0 0 ${e}`
|
|
218
247
|
},
|
|
219
248
|
".MuiToggleButtonGroup-lastButton": {
|
|
220
|
-
borderRadius: `0 ${
|
|
249
|
+
borderRadius: `0 ${e} ${e} 0`
|
|
221
250
|
}
|
|
222
251
|
}
|
|
223
252
|
}
|
|
@@ -286,13 +315,13 @@ function z() {
|
|
|
286
315
|
{
|
|
287
316
|
props: { variant: "filled" },
|
|
288
317
|
style: {
|
|
289
|
-
borderRadius:
|
|
318
|
+
borderRadius: e,
|
|
290
319
|
"::before, ::after": {
|
|
291
320
|
visibility: "collapse"
|
|
292
321
|
},
|
|
293
322
|
".MuiInputBase-input": {
|
|
294
323
|
padding: "6px 16px",
|
|
295
|
-
borderRadius:
|
|
324
|
+
borderRadius: e
|
|
296
325
|
}
|
|
297
326
|
}
|
|
298
327
|
}
|
|
@@ -301,11 +330,11 @@ function z() {
|
|
|
301
330
|
MuiTooltip: {
|
|
302
331
|
styleOverrides: {
|
|
303
332
|
tooltip: ({ theme: r }) => {
|
|
304
|
-
var
|
|
333
|
+
var o;
|
|
305
334
|
return {
|
|
306
|
-
background: (
|
|
335
|
+
background: (o = r.palette.backgroundPaperElevation) == null ? void 0 : o[1],
|
|
307
336
|
border: `1px solid ${r.palette.divider}`,
|
|
308
|
-
borderRadius:
|
|
337
|
+
borderRadius: l,
|
|
309
338
|
padding: "8px 12px",
|
|
310
339
|
lineHeight: "1.8em",
|
|
311
340
|
fontWeight: "300",
|
|
@@ -314,11 +343,11 @@ function z() {
|
|
|
314
343
|
};
|
|
315
344
|
},
|
|
316
345
|
arrow: ({ theme: r }) => {
|
|
317
|
-
var
|
|
346
|
+
var o;
|
|
318
347
|
return {
|
|
319
348
|
"&:before": {
|
|
320
349
|
border: `1px solid ${r.palette.divider}`,
|
|
321
|
-
background: (
|
|
350
|
+
background: (o = r.palette.backgroundPaperElevation) == null ? void 0 : o[1]
|
|
322
351
|
},
|
|
323
352
|
color: r.palette.common.white
|
|
324
353
|
};
|
|
@@ -336,20 +365,70 @@ function z() {
|
|
|
336
365
|
// behind it.
|
|
337
366
|
defaultProps: { variant: "outlined" },
|
|
338
367
|
styleOverrides: {
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
368
|
+
// MUI top-aligns the severity icon, which only reads as deliberate when
|
|
369
|
+
// the message is a single line. Add an AlertTitle (or let the text wrap)
|
|
370
|
+
// and the icon hangs at the top of a tall box. Centre it instead, so
|
|
371
|
+
// every alert in a stack shows the icon on the same axis as its box.
|
|
372
|
+
// MUI pads an alert `6px 16px` and then adds more on the icon and
|
|
373
|
+
// message slots, so the box breathes unevenly: 16px at the sides, ~14px
|
|
374
|
+
// top and bottom. Pad the root by the 16px spacing token and zero the
|
|
375
|
+
// slot paddings, so every edge of the content sits the same distance
|
|
376
|
+
// from the border.
|
|
377
|
+
root: { borderRadius: e, alignItems: "center", padding: c },
|
|
378
|
+
icon: { padding: 0 },
|
|
379
|
+
// The message also grows. MUI sizes it to its content, so a child
|
|
380
|
+
// asking for a percentage width resolves against nothing and falls
|
|
381
|
+
// back to its intrinsic size — a text field in an alert renders at its
|
|
382
|
+
// default ~20 characters and truncates its value. Figma has this
|
|
383
|
+
// container at flex:1, which is also what pushes a trailing action out
|
|
384
|
+
// to the right edge. `minWidth: 0` is already MUI's own default on
|
|
385
|
+
// this slot, so growing it is all that is missing.
|
|
386
|
+
message: { padding: 0, flexGrow: 1 },
|
|
387
|
+
// The action slot carries a 4px top padding and packs its children at
|
|
388
|
+
// the top, which drops a trailing button off the centre line the icon
|
|
389
|
+
// and the message now share. It also pulls itself 8px past the root's
|
|
390
|
+
// right padding with a negative margin. Drop both, and take the gap to
|
|
391
|
+
// the message from the same 16px token as the root padding.
|
|
392
|
+
action: {
|
|
393
|
+
padding: `0 0 0 ${c}`,
|
|
394
|
+
marginRight: 0,
|
|
395
|
+
alignItems: "center"
|
|
351
396
|
}
|
|
352
|
-
|
|
397
|
+
},
|
|
398
|
+
// MUI derives every alert colour from one palette entry: it borders an
|
|
399
|
+
// outlined alert and paints its text in `<severity>.light`, and mixes a
|
|
400
|
+
// background for a standard one. The tokens split those three jobs
|
|
401
|
+
// apart — `<severity>.main` for the border and the icon,
|
|
402
|
+
// `components.alert.<severity>.color` for the text and
|
|
403
|
+
// `…background` for a standard alert's fill — so each severity gets its
|
|
404
|
+
// pair of variants below. Matched on the resolved severity so
|
|
405
|
+
// `severity` and its `color` alias both hit, with MUI's own `success`
|
|
406
|
+
// default filled in when neither is passed.
|
|
407
|
+
variants: tr.flatMap((r) => {
|
|
408
|
+
const o = (t) => t.severity ?? t.color ?? "success", { text: a, background: i } = ar[r];
|
|
409
|
+
return [
|
|
410
|
+
{
|
|
411
|
+
props: (t) => t.variant === "outlined" && o(t) === r,
|
|
412
|
+
style: ({ theme: t }) => ({
|
|
413
|
+
borderColor: t.palette[r].main,
|
|
414
|
+
color: a,
|
|
415
|
+
[`& .${d.icon}`]: {
|
|
416
|
+
color: t.palette[r].main
|
|
417
|
+
}
|
|
418
|
+
})
|
|
419
|
+
},
|
|
420
|
+
{
|
|
421
|
+
props: (t) => t.variant === "standard" && o(t) === r,
|
|
422
|
+
style: ({ theme: t }) => ({
|
|
423
|
+
backgroundColor: i,
|
|
424
|
+
color: a,
|
|
425
|
+
[`& .${d.icon}`]: {
|
|
426
|
+
color: t.palette[r].main
|
|
427
|
+
}
|
|
428
|
+
})
|
|
429
|
+
}
|
|
430
|
+
];
|
|
431
|
+
})
|
|
353
432
|
},
|
|
354
433
|
MuiDrawer: {
|
|
355
434
|
styleOverrides: {
|
|
@@ -362,9 +441,9 @@ function z() {
|
|
|
362
441
|
MuiDialog: {
|
|
363
442
|
styleOverrides: {
|
|
364
443
|
paper: ({ theme: r }) => {
|
|
365
|
-
var
|
|
444
|
+
var o;
|
|
366
445
|
return {
|
|
367
|
-
background: (
|
|
446
|
+
background: (o = r.palette.backgroundPaperElevation) == null ? void 0 : o[2],
|
|
368
447
|
border: `1px solid ${r.palette.divider}`,
|
|
369
448
|
borderRadius: "16px"
|
|
370
449
|
};
|
|
@@ -374,9 +453,9 @@ function z() {
|
|
|
374
453
|
MuiFab: {
|
|
375
454
|
styleOverrides: {
|
|
376
455
|
root: ({ theme: r }) => {
|
|
377
|
-
var
|
|
456
|
+
var o, a;
|
|
378
457
|
return {
|
|
379
|
-
background: (a = (
|
|
458
|
+
background: (a = (o = r.paletteExt) == null ? void 0 : o.secondary) == null ? void 0 : a.tonal
|
|
380
459
|
};
|
|
381
460
|
}
|
|
382
461
|
},
|
|
@@ -391,23 +470,23 @@ function z() {
|
|
|
391
470
|
}
|
|
392
471
|
};
|
|
393
472
|
}
|
|
394
|
-
function
|
|
473
|
+
function ir(e) {
|
|
395
474
|
var r;
|
|
396
|
-
for (const
|
|
397
|
-
if (((r =
|
|
475
|
+
for (const o of e)
|
|
476
|
+
if (((r = o == null ? void 0 : o.palette) == null ? void 0 : r.mode) === "light")
|
|
398
477
|
throw new Error(
|
|
399
478
|
"createNovaMuiTheme: palette.mode 'light' is not yet supported by @wandelbots/mui. Use the default dark theme or omit palette.mode. Light tokens will land when synced from Figma."
|
|
400
479
|
);
|
|
401
480
|
}
|
|
402
|
-
function
|
|
403
|
-
return
|
|
404
|
-
|
|
405
|
-
{ components:
|
|
406
|
-
...
|
|
481
|
+
function cr(...e) {
|
|
482
|
+
return ir(e), u(
|
|
483
|
+
er(),
|
|
484
|
+
{ components: nr() },
|
|
485
|
+
...e
|
|
407
486
|
);
|
|
408
487
|
}
|
|
409
488
|
export {
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
489
|
+
nr as commonComponents,
|
|
490
|
+
cr as createNovaMuiTheme,
|
|
491
|
+
er as darkBaseOptions
|
|
413
492
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wandelbots/mui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.2",
|
|
4
4
|
"description": "Wandelbots Nova MUI layer: dark-mode MUI-7 theme (createNovaMuiTheme) + presentational React components and input validators.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -36,20 +36,6 @@
|
|
|
36
36
|
},
|
|
37
37
|
"./package.json": "./package.json"
|
|
38
38
|
},
|
|
39
|
-
"scripts": {
|
|
40
|
-
"build": "rimraf dist && vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
|
|
41
|
-
"dev": "storybook dev -p 6006 --no-open",
|
|
42
|
-
"build-storybook": "storybook build",
|
|
43
|
-
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
44
|
-
"test": "vitest run",
|
|
45
|
-
"test:unit": "vitest run",
|
|
46
|
-
"test:unit:watch": "vitest",
|
|
47
|
-
"verify": "node scripts/verify.mjs",
|
|
48
|
-
"screenshot": "node scripts/screenshot.mjs",
|
|
49
|
-
"ci:test": "run-s ci:test:build ci:test:run",
|
|
50
|
-
"ci:test:build": "storybook build --quiet --test",
|
|
51
|
-
"ci:test:run": "node scripts/ci-test.mjs"
|
|
52
|
-
},
|
|
53
39
|
"peerDependencies": {
|
|
54
40
|
"@emotion/react": "^11.11.1",
|
|
55
41
|
"@emotion/styled": "^11.11.0",
|
|
@@ -66,26 +52,40 @@
|
|
|
66
52
|
"@emotion/styled": "^11.14.0",
|
|
67
53
|
"@mui/icons-material": "^7.3.7",
|
|
68
54
|
"@mui/material": "^7.3.7",
|
|
69
|
-
"@storybook/addon-docs": "^10.
|
|
70
|
-
"@storybook/react-vite": "^10.
|
|
71
|
-
"@storybook/test-runner": "^0.24.
|
|
55
|
+
"@storybook/addon-docs": "^10.5.10",
|
|
56
|
+
"@storybook/react-vite": "^10.5.10",
|
|
57
|
+
"@storybook/test-runner": "^0.24.4",
|
|
72
58
|
"@testing-library/jest-dom": "^6.6.3",
|
|
73
59
|
"@testing-library/react": "^16.3.2",
|
|
74
60
|
"@testing-library/user-event": "^14.6.1",
|
|
75
|
-
"@types/react": "^19.
|
|
76
|
-
"@types/react-dom": "^19.
|
|
77
|
-
"@vitejs/plugin-react": "^4.
|
|
61
|
+
"@types/react": "^19.2.17",
|
|
62
|
+
"@types/react-dom": "^19.2.3",
|
|
63
|
+
"@vitejs/plugin-react": "^4.4.0",
|
|
78
64
|
"http-server": "^14.1.1",
|
|
79
|
-
"jsdom": "^
|
|
65
|
+
"jsdom": "^29.1.1",
|
|
80
66
|
"npm-run-all": "^4.1.5",
|
|
81
67
|
"playwright": "^1.59.1",
|
|
82
|
-
"react": "^19.
|
|
83
|
-
"react-dom": "^19.
|
|
68
|
+
"react": "^19.2.8",
|
|
69
|
+
"react-dom": "^19.2.8",
|
|
84
70
|
"rimraf": "^6.0.1",
|
|
85
71
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
86
|
-
"storybook": "^10.
|
|
87
|
-
"typescript": "^
|
|
88
|
-
"vite": "^6.
|
|
72
|
+
"storybook": "^10.5.10",
|
|
73
|
+
"typescript": "^7.0.2",
|
|
74
|
+
"vite": "^6.4.3",
|
|
89
75
|
"vitest": "^4.1.10"
|
|
76
|
+
},
|
|
77
|
+
"scripts": {
|
|
78
|
+
"build": "rimraf dist && vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
|
|
79
|
+
"dev": "storybook dev -p 6006 --no-open",
|
|
80
|
+
"build-storybook": "storybook build",
|
|
81
|
+
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
82
|
+
"test": "vitest run",
|
|
83
|
+
"test:unit": "vitest run",
|
|
84
|
+
"test:unit:watch": "vitest",
|
|
85
|
+
"verify": "node scripts/verify.mjs",
|
|
86
|
+
"screenshot": "node scripts/screenshot.mjs",
|
|
87
|
+
"ci:test": "run-s ci:test:build ci:test:run",
|
|
88
|
+
"ci:test:build": "storybook build --quiet --test",
|
|
89
|
+
"ci:test:run": "node scripts/ci-test.mjs"
|
|
90
90
|
}
|
|
91
|
-
}
|
|
91
|
+
}
|