@wandelbots/mui 1.2.1 → 1.3.0

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.
Files changed (4) hide show
  1. package/dist/theme/createNovaMuiTheme.cjs +1 -1
  2. package/dist/theme/createNovaMuiTheme.d.ts.map +1 -1
  3. package/dist/theme/createNovaMuiTheme.js +74 -48
  4. package/package.json +1 -1
package/dist/theme/createNovaMuiTheme.cjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@mui/material/styles"),e=require("@wandelbots/design-tokens");function n(){return{palette:{mode:"dark",text:{primary:e.ZeroGravityTextPrimary,secondary:e.ZeroGravityTextSecondary,disabled:e.ZeroGravityTextDisabled},primary:{main:e.ZeroGravityNovaViolet5,dark:e.ZeroGravityNovaViolet4,light:e.ZeroGravityNovaViolet6,contrastText:"rgba(255, 255, 255, 0.87)"},secondary:{main:e.ZeroGravitySecondaryMain,dark:e.ZeroGravitySecondaryDark,contrastText:e.ZeroGravitySecondaryContrast},tertiary:{main:e.ColorsTealA200,dark:e.ColorsTeal400,light:e.ColorsTealA100,contrastText:"rgba(0, 0, 0, 1)"},error:{main:e.ColorsRed400,dark:e.ColorsRed600,light:e.ColorsRed200,contrastText:"rgba(255, 255, 255, 1)"},warning:{main:e.ColorsOrangeA200,dark:e.ColorsOrangeA400,light:e.ColorsOrangeA100,contrastText:"rgba(0, 0, 0, 0.87)"},success:{main:e.ColorsTeal400,dark:e.ColorsTeal700,light:e.ColorsTeal200,contrastText:"rgba(255, 255, 255, 0.87)"},background:{default:"#161825",paper:"#11131f"},action:{active:e.ZeroGravityActionActive,hover:e.ZeroGravityActionHover,selected:e.ZeroGravityActionSelected,disabledBackground:e.ZeroGravityActionDisabledBackground,focus:"#ffffff1f",disabled:e.ZeroGravityActionDisabled},common:{white:"rgba(255, 255, 255, 1)",black:"rgba(0, 0, 0, 1)"},divider:e.ZeroGravityDivider,backgroundPaperElevation:{0:"#11131f",1:e.ZeroGravityBackgroundPaperElevation1,2:e.ZeroGravityBackgroundPaperElevation2,3:"#1a1c2b",4:"#1d1f2f",5:e.ZeroGravityBackgroundPaperElevation5,6:"#232537",7:"#26283b",8:e.ZeroGravityBackgroundPaperElevation8,9:"#2c2e43",10:"#2f3147",11:e.ZeroGravityBackgroundPaperElevation11,12:"#35374f",13:"#383a53",14:"#3b3d57",15:"#3e405b",16:"#393f57"}},paletteExt:{primary:{hover:`${e.ZeroGravityNovaViolet5}14`,selected:`${e.ZeroGravityNovaViolet5}29`,focus:`${e.ZeroGravityNovaViolet5}1f`,focusVisible:`${e.ZeroGravityNovaViolet5}4d`,outlineBorder:`${e.ZeroGravityNovaViolet5}80`},secondary:{tonal:e.ZeroGravitySecondaryTonal},components:{inputFilledEnabledFill:e.ZeroGravityComponentsInputFilledEnabledFill}},shape:{borderRadius:Number.parseInt(e.RadiusSm,10)},typography:{fontFamily:e.FontFamilyBody,fontWeightRegular:500,body2:{fontSize:14,fontWeight:400},caption:{fontSize:12,fontWeight:400,letterSpacing:"0.4px"}}}}function l(){const t=e.RadiusSm;return{MuiCssBaseline:{styleOverrides:{"html, body, *":{scrollbarWidth:"none",msOverflowStyle:"none"},"html:hover, body:hover, *:hover":{scrollbarWidth:"thin",scrollbarColor:`${e.ZeroGravityDivider} transparent`}}},MuiButton:{styleOverrides:{root:{textTransform:"none",borderRadius:t}},variants:[{props:{color:"secondary",variant:"contained"},style:({theme:r})=>{var o,a,i;return{border:`1px solid ${r.palette.divider}`,background:(i=(a=(o=r.paletteExt)==null?void 0:o.secondary)==null?void 0:a.tonal)==null?void 0:i.toString()}}},{props:{color:"secondary",variant:"outlined"},style:({theme:r})=>({border:`1px solid ${r.palette.divider}`})}]},MuiTab:{styleOverrides:{root:({theme:r})=>({textTransform:"none",color:r.palette.text.secondary,"&.Mui-selected":{color:r.palette.text.primary}})}},MuiTabs:{styleOverrides:{root:({theme:r})=>{var o;return{background:(o=r.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:r})=>({background:r.palette.secondary.dark,fieldset:{border:"none"},"&.MuiAutocomplete-root":{borderRadius:"16px",border:"1px solid transparent"},"&.Mui-focused":{border:`1px solid ${r.palette.primary.main}`,label:{transform:"translate(14px, 6px) scale(0.75)",color:r.palette.text.secondary}},"&.MuiAutocomplete-hasClearIcon":{label:{transform:"translate(14px, 6px) scale(0.75)"}},label:{color:r.palette.text.secondary},input:{transform:"translate(0px, 6px)"}})}},MuiSelect:{styleOverrides:{root:({theme:r})=>({background:r.palette.secondary.dark,borderRadius:"16px",border:"1px solid transparent",fieldset:{border:"none"},"&:hover":{border:`1px solid ${r.palette.action.hover}`},"&.Mui-focused":{border:`1px solid ${r.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:r})=>{var o;return{background:(o=r.palette.backgroundPaperElevation)==null?void 0:o[1],border:`1px solid ${r.palette.divider}`,borderRadius:e.RadiusSm,padding:"8px 12px",lineHeight:"1.8em",fontWeight:"300",fontSize:"10px",maxWidth:"260px"}},arrow:({theme:r})=>{var o;return{"&:before":{border:`1px solid ${r.palette.divider}`,background:(o=r.palette.backgroundPaperElevation)==null?void 0:o[1]},color:r.palette.common.white}}}},MuiDrawer:{styleOverrides:{paper:{border:"none",boxShadow:"4px 0 8px -4px rgba(0, 0, 0, 0.3)"}}},MuiDialog:{styleOverrides:{paper:({theme:r})=>{var o;return{background:(o=r.palette.backgroundPaperElevation)==null?void 0:o[2],border:`1px solid ${r.palette.divider}`,borderRadius:"16px"}}}},MuiFab:{styleOverrides:{root:({theme:r})=>{var o,a;return{background:(a=(o=r.paletteExt)==null?void 0:o.secondary)==null?void 0:a.tonal}}},variants:[{props:{color:"primary"},style:({theme:r})=>({background:r.palette.primary.main})}]}}}function s(t){var r;for(const o of t)if(((r=o==null?void 0:o.palette)==null?void 0:r.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 p(...t){return s(t),d.createTheme(n(),{components:l()},...t)}exports.commonComponents=l;exports.createNovaMuiTheme=p;exports.darkBaseOptions=n;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@mui/material/styles"),e=require("@wandelbots/design-tokens");function n(){return{palette:{mode:"dark",text:{primary:e.ZeroGravityTextPrimary,secondary:e.ZeroGravityTextSecondary,disabled:e.ZeroGravityTextDisabled},primary:{main:e.ZeroGravityNovaViolet5,dark:e.ZeroGravityNovaViolet4,light:e.ZeroGravityNovaViolet6,contrastText:"rgba(255, 255, 255, 0.87)"},secondary:{main:e.ZeroGravitySecondaryMain,dark:e.ZeroGravitySecondaryDark,contrastText:e.ZeroGravitySecondaryContrast},tertiary:{main:e.ColorsTealA200,dark:e.ColorsTeal400,light:e.ColorsTealA100,contrastText:"rgba(0, 0, 0, 1)"},error:{main:e.ColorsRed400,dark:e.ColorsRed600,light:e.ColorsRed200,contrastText:"rgba(255, 255, 255, 1)"},warning:{main:e.ColorsOrangeA200,dark:e.ColorsOrangeA400,light:e.ColorsOrangeA100,contrastText:"rgba(0, 0, 0, 0.87)"},success:{main:e.ColorsTeal400,dark:e.ColorsTeal700,light:e.ColorsTeal200,contrastText:"rgba(255, 255, 255, 0.87)"},background:{default:"#161825",paper:"#11131f"},action:{active:e.ZeroGravityActionActive,hover:e.ZeroGravityActionHover,selected:e.ZeroGravityActionSelected,disabledBackground:e.ZeroGravityActionDisabledBackground,focus:"#ffffff1f",disabled:e.ZeroGravityActionDisabled},common:{white:"rgba(255, 255, 255, 1)",black:"rgba(0, 0, 0, 1)"},divider:e.ZeroGravityDivider,backgroundPaperElevation:{0:"#11131f",1:e.ZeroGravityBackgroundPaperElevation1,2:e.ZeroGravityBackgroundPaperElevation2,3:"#1a1c2b",4:"#1d1f2f",5:e.ZeroGravityBackgroundPaperElevation5,6:"#232537",7:"#26283b",8:e.ZeroGravityBackgroundPaperElevation8,9:"#2c2e43",10:"#2f3147",11:e.ZeroGravityBackgroundPaperElevation11,12:"#35374f",13:"#383a53",14:"#3b3d57",15:"#3e405b",16:"#393f57"}},paletteExt:{primary:{hover:`${e.ZeroGravityNovaViolet5}14`,selected:`${e.ZeroGravityNovaViolet5}29`,focus:`${e.ZeroGravityNovaViolet5}1f`,focusVisible:`${e.ZeroGravityNovaViolet5}4d`,outlineBorder:`${e.ZeroGravityNovaViolet5}80`},secondary:{tonal:e.ZeroGravitySecondaryTonal},components:{inputFilledEnabledFill:e.ZeroGravityComponentsInputFilledEnabledFill}},shape:{borderRadius:Number.parseInt(e.RadiusSm,10)},typography:{fontFamily:e.FontFamilyBody,fontWeightRegular:500,body2:{fontSize:14,fontWeight:400},caption:{fontSize:12,fontWeight:400,letterSpacing:"0.4px"}}}}function l(){const t=e.RadiusSm;return{MuiCssBaseline:{styleOverrides:{"html, body, *":{scrollbarWidth:"none",msOverflowStyle:"none"},"html:hover, body:hover, *:hover":{scrollbarWidth:"thin",scrollbarColor:`${e.ZeroGravityDivider} transparent`}}},MuiButton:{styleOverrides:{root:{textTransform:"none",borderRadius:t}},variants:[{props:{color:"secondary",variant:"contained"},style:({theme:r})=>{var o,a,i;return{border:`1px solid ${r.palette.divider}`,background:(i=(a=(o=r.paletteExt)==null?void 0:o.secondary)==null?void 0:a.tonal)==null?void 0:i.toString()}}},{props:{color:"secondary",variant:"outlined"},style:({theme:r})=>({border:`1px solid ${r.palette.divider}`})}]},MuiTab:{styleOverrides:{root:({theme:r})=>({textTransform:"none",color:r.palette.text.secondary,"&.Mui-selected":{color:r.palette.text.primary}})}},MuiTabs:{styleOverrides:{root:({theme:r})=>{var o;return{background:(o=r.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:r})=>({background:r.palette.secondary.dark,fieldset:{border:"none"},"&.MuiAutocomplete-root":{borderRadius:"16px",border:"1px solid transparent"},"&.Mui-focused":{border:`1px solid ${r.palette.primary.main}`,label:{transform:"translate(14px, 6px) scale(0.75)",color:r.palette.text.secondary}},"&.MuiAutocomplete-hasClearIcon":{label:{transform:"translate(14px, 6px) scale(0.75)"}},label:{color:r.palette.text.secondary},input:{transform:"translate(0px, 6px)"}})}},MuiSelect:{styleOverrides:{root:({theme:r})=>({background:r.palette.secondary.dark,borderRadius:"16px",border:"1px solid transparent",fieldset:{border:"none"},"&:hover":{border:`1px solid ${r.palette.action.hover}`},"&.Mui-focused":{border:`1px solid ${r.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:r})=>{var o;return{background:(o=r.palette.backgroundPaperElevation)==null?void 0:o[1],border:`1px solid ${r.palette.divider}`,borderRadius:e.RadiusSm,padding:"8px 12px",lineHeight:"1.8em",fontWeight:"300",fontSize:"10px",maxWidth:"260px"}},arrow:({theme:r})=>{var o;return{"&:before":{border:`1px solid ${r.palette.divider}`,background:(o=r.palette.backgroundPaperElevation)==null?void 0:o[1]},color:r.palette.common.white}}}},MuiAlert:{defaultProps:{variant:"outlined"},styleOverrides:{root:{borderRadius:t}},variants:[{props:r=>r.variant==="outlined"&&(r.severity??r.color)==="error",style:({theme:r})=>({borderColor:r.palette.error.main})}]},MuiDrawer:{styleOverrides:{paper:{border:"none",boxShadow:"4px 0 8px -4px rgba(0, 0, 0, 0.3)"}}},MuiDialog:{styleOverrides:{paper:({theme:r})=>{var o;return{background:(o=r.palette.backgroundPaperElevation)==null?void 0:o[2],border:`1px solid ${r.palette.divider}`,borderRadius:"16px"}}}},MuiFab:{styleOverrides:{root:({theme:r})=>{var o,a;return{background:(a=(o=r.paletteExt)==null?void 0:o.secondary)==null?void 0:a.tonal}}},variants:[{props:{color:"primary"},style:({theme:r})=>({background:r.palette.primary.main})}]}}}function s(t){var r;for(const o of t)if(((r=o==null?void 0:o.palette)==null?void 0:r.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 p(...t){return s(t),d.createTheme(n(),{components:l()},...t)}exports.commonComponents=l;exports.createNovaMuiTheme=p;exports.darkBaseOptions=n;
package/dist/theme/createNovaMuiTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"createNovaMuiTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createNovaMuiTheme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAoD/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,CA4H9C;AAID;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAyM1E;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAOtE"}
1
+ {"version":3,"file":"createNovaMuiTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createNovaMuiTheme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAoD/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,CA4H9C;AAID;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAqO1E;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAOtE"}
package/dist/theme/createNovaMuiTheme.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { createTheme as s } from "@mui/material/styles";
3
- import { FontFamilyBody as p, ZeroGravityComponentsInputFilledEnabledFill as c, ZeroGravitySecondaryTonal as u, ZeroGravityNovaViolet5 as t, ZeroGravityBackgroundPaperElevation11 as b, ZeroGravityBackgroundPaperElevation8 as y, ZeroGravityBackgroundPaperElevation5 as v, ZeroGravityBackgroundPaperElevation2 as g, ZeroGravityBackgroundPaperElevation1 as f, ZeroGravityDivider as d, ZeroGravityActionDisabled as x, ZeroGravityActionDisabledBackground as m, ZeroGravityActionSelected as k, ZeroGravityActionHover as h, ZeroGravityActionActive as T, ColorsTeal200 as G, ColorsTeal700 as M, ColorsTeal400 as l, ColorsOrangeA100 as Z, ColorsOrangeA400 as B, ColorsOrangeA200 as $, ColorsRed200 as C, ColorsRed600 as O, ColorsRed400 as E, ColorsTealA100 as R, ColorsTealA200 as S, ZeroGravitySecondaryContrast as A, ZeroGravitySecondaryDark as w, ZeroGravitySecondaryMain as P, ZeroGravityNovaViolet6 as F, ZeroGravityNovaViolet4 as D, ZeroGravityTextDisabled as N, ZeroGravityTextSecondary as W, ZeroGravityTextPrimary as I, RadiusSm as i } from "@wandelbots/design-tokens";
3
+ import { FontFamilyBody as p, ZeroGravityComponentsInputFilledEnabledFill as c, ZeroGravitySecondaryTonal as u, ZeroGravityNovaViolet5 as t, ZeroGravityBackgroundPaperElevation11 as b, ZeroGravityBackgroundPaperElevation8 as y, ZeroGravityBackgroundPaperElevation5 as v, ZeroGravityBackgroundPaperElevation2 as g, ZeroGravityBackgroundPaperElevation1 as f, ZeroGravityDivider as d, ZeroGravityActionDisabled as x, ZeroGravityActionDisabledBackground as m, ZeroGravityActionSelected as k, ZeroGravityActionHover as h, ZeroGravityActionActive as T, ColorsTeal200 as G, ColorsTeal700 as M, ColorsTeal400 as l, ColorsOrangeA100 as Z, ColorsOrangeA400 as B, ColorsOrangeA200 as C, ColorsRed200 as O, ColorsRed600 as $, ColorsRed400 as E, ColorsTealA100 as R, ColorsTealA200 as A, ZeroGravitySecondaryContrast as S, ZeroGravitySecondaryDark as w, ZeroGravitySecondaryMain as P, ZeroGravityNovaViolet6 as F, ZeroGravityNovaViolet4 as D, ZeroGravityTextDisabled as N, ZeroGravityTextSecondary as W, ZeroGravityTextPrimary as I, RadiusSm as i } from "@wandelbots/design-tokens";
4
4
  function V() {
5
5
  return {
6
6
  palette: {
@@ -19,22 +19,22 @@ function V() {
19
19
  secondary: {
20
20
  main: P,
21
21
  dark: w,
22
- contrastText: A
22
+ contrastText: S
23
23
  },
24
24
  tertiary: {
25
- main: S,
25
+ main: A,
26
26
  dark: l,
27
27
  light: R,
28
28
  contrastText: "rgba(0, 0, 0, 1)"
29
29
  },
30
30
  error: {
31
31
  main: E,
32
- dark: O,
33
- light: C,
32
+ dark: $,
33
+ light: O,
34
34
  contrastText: "rgba(255, 255, 255, 1)"
35
35
  },
36
36
  warning: {
37
- main: $,
37
+ main: C,
38
38
  dark: B,
39
39
  light: Z,
40
40
  contrastText: "rgba(0, 0, 0, 0.87)"
@@ -173,39 +173,39 @@ function z() {
173
173
  variants: [
174
174
  {
175
175
  props: { color: "secondary", variant: "contained" },
176
- style: ({ theme: e }) => {
177
- var r, a, n;
176
+ style: ({ theme: r }) => {
177
+ var e, a, n;
178
178
  return {
179
- border: `1px solid ${e.palette.divider}`,
180
- background: (n = (a = (r = e.paletteExt) == null ? void 0 : r.secondary) == null ? void 0 : a.tonal) == null ? void 0 : n.toString()
179
+ border: `1px solid ${r.palette.divider}`,
180
+ background: (n = (a = (e = r.paletteExt) == null ? void 0 : e.secondary) == null ? void 0 : a.tonal) == null ? void 0 : n.toString()
181
181
  };
182
182
  }
183
183
  },
184
184
  {
185
185
  props: { color: "secondary", variant: "outlined" },
186
- style: ({ theme: e }) => ({
187
- border: `1px solid ${e.palette.divider}`
186
+ style: ({ theme: r }) => ({
187
+ border: `1px solid ${r.palette.divider}`
188
188
  })
189
189
  }
190
190
  ]
191
191
  },
192
192
  MuiTab: {
193
193
  styleOverrides: {
194
- root: ({ theme: e }) => ({
194
+ root: ({ theme: r }) => ({
195
195
  textTransform: "none",
196
- color: e.palette.text.secondary,
196
+ color: r.palette.text.secondary,
197
197
  "&.Mui-selected": {
198
- color: e.palette.text.primary
198
+ color: r.palette.text.primary
199
199
  }
200
200
  })
201
201
  }
202
202
  },
203
203
  MuiTabs: {
204
204
  styleOverrides: {
205
- root: ({ theme: e }) => {
206
- var r;
205
+ root: ({ theme: r }) => {
206
+ var e;
207
207
  return {
208
- background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[1]
208
+ background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[1]
209
209
  };
210
210
  }
211
211
  }
@@ -235,8 +235,8 @@ function z() {
235
235
  // palette overrides propagate.
236
236
  MuiAutocomplete: {
237
237
  styleOverrides: {
238
- root: ({ theme: e }) => ({
239
- background: e.palette.secondary.dark,
238
+ root: ({ theme: r }) => ({
239
+ background: r.palette.secondary.dark,
240
240
  fieldset: {
241
241
  border: "none"
242
242
  },
@@ -245,10 +245,10 @@ function z() {
245
245
  border: "1px solid transparent"
246
246
  },
247
247
  "&.Mui-focused": {
248
- border: `1px solid ${e.palette.primary.main}`,
248
+ border: `1px solid ${r.palette.primary.main}`,
249
249
  label: {
250
250
  transform: "translate(14px, 6px) scale(0.75)",
251
- color: e.palette.text.secondary
251
+ color: r.palette.text.secondary
252
252
  }
253
253
  },
254
254
  "&.MuiAutocomplete-hasClearIcon": {
@@ -257,7 +257,7 @@ function z() {
257
257
  }
258
258
  },
259
259
  label: {
260
- color: e.palette.text.secondary
260
+ color: r.palette.text.secondary
261
261
  },
262
262
  input: {
263
263
  transform: "translate(0px, 6px)"
@@ -267,18 +267,18 @@ function z() {
267
267
  },
268
268
  MuiSelect: {
269
269
  styleOverrides: {
270
- root: ({ theme: e }) => ({
271
- background: e.palette.secondary.dark,
270
+ root: ({ theme: r }) => ({
271
+ background: r.palette.secondary.dark,
272
272
  borderRadius: "16px",
273
273
  border: "1px solid transparent",
274
274
  fieldset: {
275
275
  border: "none"
276
276
  },
277
277
  "&:hover": {
278
- border: `1px solid ${e.palette.action.hover}`
278
+ border: `1px solid ${r.palette.action.hover}`
279
279
  },
280
280
  "&.Mui-focused": {
281
- border: `1px solid ${e.palette.primary.main}`
281
+ border: `1px solid ${r.palette.primary.main}`
282
282
  }
283
283
  })
284
284
  },
@@ -300,11 +300,11 @@ function z() {
300
300
  },
301
301
  MuiTooltip: {
302
302
  styleOverrides: {
303
- tooltip: ({ theme: e }) => {
304
- var r;
303
+ tooltip: ({ theme: r }) => {
304
+ var e;
305
305
  return {
306
- background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[1],
307
- border: `1px solid ${e.palette.divider}`,
306
+ background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[1],
307
+ border: `1px solid ${r.palette.divider}`,
308
308
  borderRadius: i,
309
309
  padding: "8px 12px",
310
310
  lineHeight: "1.8em",
@@ -313,18 +313,44 @@ function z() {
313
313
  maxWidth: "260px"
314
314
  };
315
315
  },
316
- arrow: ({ theme: e }) => {
317
- var r;
316
+ arrow: ({ theme: r }) => {
317
+ var e;
318
318
  return {
319
319
  "&:before": {
320
- border: `1px solid ${e.palette.divider}`,
321
- background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[1]
320
+ border: `1px solid ${r.palette.divider}`,
321
+ background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[1]
322
322
  },
323
- color: e.palette.common.white
323
+ color: r.palette.common.white
324
324
  };
325
325
  }
326
326
  }
327
327
  },
328
+ MuiAlert: {
329
+ // Nova's alert is the outlined one: no fill, a coloured border. Set as a
330
+ // default prop rather than left to call sites — MUI's own fallback is the
331
+ // filled `standard` variant, so a call site that omits `variant` renders
332
+ // a visibly different box beside the ones that pass it. A consumer can
333
+ // still ask for a filled alert explicitly, and has to for a toast: an
334
+ // alert inside a Snackbar floats over page content with no surface of its
335
+ // own, and an outlined one would put its text on top of whatever is
336
+ // behind it.
337
+ defaultProps: { variant: "outlined" },
338
+ styleOverrides: {
339
+ root: { borderRadius: o }
340
+ },
341
+ variants: [
342
+ {
343
+ // MUI borders an outlined alert in `error.light`, a paler red than
344
+ // the `error.main` outline it gives a field in error — and an alert
345
+ // above failed fields is the common case in a form. Matched on the
346
+ // resolved severity so `severity` and its `color` alias both hit.
347
+ props: (r) => r.variant === "outlined" && (r.severity ?? r.color) === "error",
348
+ style: ({ theme: r }) => ({
349
+ borderColor: r.palette.error.main
350
+ })
351
+ }
352
+ ]
353
+ },
328
354
  MuiDrawer: {
329
355
  styleOverrides: {
330
356
  paper: {
@@ -335,11 +361,11 @@ function z() {
335
361
  },
336
362
  MuiDialog: {
337
363
  styleOverrides: {
338
- paper: ({ theme: e }) => {
339
- var r;
364
+ paper: ({ theme: r }) => {
365
+ var e;
340
366
  return {
341
- background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[2],
342
- border: `1px solid ${e.palette.divider}`,
367
+ background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[2],
368
+ border: `1px solid ${r.palette.divider}`,
343
369
  borderRadius: "16px"
344
370
  };
345
371
  }
@@ -347,18 +373,18 @@ function z() {
347
373
  },
348
374
  MuiFab: {
349
375
  styleOverrides: {
350
- root: ({ theme: e }) => {
351
- var r, a;
376
+ root: ({ theme: r }) => {
377
+ var e, a;
352
378
  return {
353
- background: (a = (r = e.paletteExt) == null ? void 0 : r.secondary) == null ? void 0 : a.tonal
379
+ background: (a = (e = r.paletteExt) == null ? void 0 : e.secondary) == null ? void 0 : a.tonal
354
380
  };
355
381
  }
356
382
  },
357
383
  variants: [
358
384
  {
359
385
  props: { color: "primary" },
360
- style: ({ theme: e }) => ({
361
- background: e.palette.primary.main
386
+ style: ({ theme: r }) => ({
387
+ background: r.palette.primary.main
362
388
  })
363
389
  }
364
390
  ]
@@ -366,9 +392,9 @@ function z() {
366
392
  };
367
393
  }
368
394
  function H(o) {
369
- var e;
370
- for (const r of o)
371
- if (((e = r == null ? void 0 : r.palette) == null ? void 0 : e.mode) === "light")
395
+ var r;
396
+ for (const e of o)
397
+ if (((r = e == null ? void 0 : e.palette) == null ? void 0 : r.mode) === "light")
372
398
  throw new Error(
373
399
  "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."
374
400
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wandelbots/mui",
3
- "version": "1.2.1",
3
+ "version": "1.3.0",
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": [