@wandelbots/mui 1.2.0 → 1.2.1

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 (5) hide show
  1. package/dist/theme/createNovaMuiTheme.cjs +1 -1
  2. package/dist/theme/createNovaMuiTheme.d.ts +2 -1
  3. package/dist/theme/createNovaMuiTheme.d.ts.map +1 -1
  4. package/dist/theme/createNovaMuiTheme.js +61 -48
  5. 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}}}}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}}}},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 CHANGED
@@ -71,7 +71,8 @@ declare module "@mui/material/styles" {
71
71
  * focusVisible,outlineBorder}` and `secondary.tonal`.
72
72
  * - `shape.borderRadius` — from the `RadiusSm` token.
73
73
  * - `typography` — Inter font stack, `fontWeightRegular: 500`, `body2` at
74
- * 14/400.
74
+ * 14/400, `caption` at 12/400 with 0.4px letter spacing (the Figma
75
+ * "input/helper" token, which MUI's FormHelperText renders with).
75
76
  *
76
77
  * Internal building block: does **not** include component overrides. Use
77
78
  * {@link createNovaMuiTheme}, which composes this with {@link commonComponents}.
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;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,IAAI,YAAY,CA+G9C;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,CAyM1E;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 x, ZeroGravityDivider as d, ZeroGravityActionDisabled as f, 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 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";
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";
4
4
  function V() {
5
5
  return {
6
6
  palette: {
@@ -19,10 +19,10 @@ function V() {
19
19
  secondary: {
20
20
  main: P,
21
21
  dark: w,
22
- contrastText: S
22
+ contrastText: A
23
23
  },
24
24
  tertiary: {
25
- main: A,
25
+ main: S,
26
26
  dark: l,
27
27
  light: R,
28
28
  contrastText: "rgba(0, 0, 0, 1)"
@@ -60,7 +60,7 @@ function V() {
60
60
  disabledBackground: m,
61
61
  focus: "#ffffff1f",
62
62
  // ZeroGravityActionFocus (skipped: "no use")
63
- disabled: f
63
+ disabled: x
64
64
  },
65
65
  common: {
66
66
  white: "rgba(255, 255, 255, 1)",
@@ -70,7 +70,7 @@ function V() {
70
70
  backgroundPaperElevation: {
71
71
  0: "#11131f",
72
72
  // ZeroGravityBackgroundPaperElevation0 (skipped: "no use")
73
- 1: x,
73
+ 1: f,
74
74
  2: g,
75
75
  3: "#1a1c2b",
76
76
  // ZeroGravityBackgroundPaperElevation3 (skipped: "no use")
@@ -128,7 +128,20 @@ function V() {
128
128
  // Weight 400 per Figma/NovaDeck (design ruling CP2.4) — fontWeightRegular
129
129
  // 500 would otherwise apply. Buttons keep weight 500 (fontWeightMedium),
130
130
  // as MUI's button variant does.
131
- body2: { fontSize: 14, fontWeight: 400 }
131
+ body2: { fontSize: 14, fontWeight: 400 },
132
+ // Figma token "input/helper": 12px / 400 / 166% / 0.4px. MUI renders
133
+ // FormHelperText with `caption`, so this variant carries that token.
134
+ // Both explicit values fight a MUI default:
135
+ // - `fontWeight` — MUI builds `caption` from `fontWeightRegular` (500
136
+ // above), same reason `body2` is pinned.
137
+ // - `letterSpacing` — MUI emits its per-variant letter spacing only
138
+ // when `fontFamily` is its own Roboto default; the Inter stack in
139
+ // `FontFamilyBody` drops it for every variant (see the note in
140
+ // `createTypography`). Other variants still lack it — pending a
141
+ // per-variant spec from design.
142
+ // `fontSize` stays a plain number, as `body2` does: emotion emits it as
143
+ // px, matching the absolute 12px in Figma rather than a scalable rem.
144
+ caption: { fontSize: 12, fontWeight: 400, letterSpacing: "0.4px" }
132
145
  }
133
146
  };
134
147
  }
@@ -160,39 +173,39 @@ function z() {
160
173
  variants: [
161
174
  {
162
175
  props: { color: "secondary", variant: "contained" },
163
- style: ({ theme: r }) => {
164
- var e, a, n;
176
+ style: ({ theme: e }) => {
177
+ var r, a, n;
165
178
  return {
166
- border: `1px solid ${r.palette.divider}`,
167
- background: (n = (a = (e = r.paletteExt) == null ? void 0 : e.secondary) == null ? void 0 : a.tonal) == null ? void 0 : n.toString()
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()
168
181
  };
169
182
  }
170
183
  },
171
184
  {
172
185
  props: { color: "secondary", variant: "outlined" },
173
- style: ({ theme: r }) => ({
174
- border: `1px solid ${r.palette.divider}`
186
+ style: ({ theme: e }) => ({
187
+ border: `1px solid ${e.palette.divider}`
175
188
  })
176
189
  }
177
190
  ]
178
191
  },
179
192
  MuiTab: {
180
193
  styleOverrides: {
181
- root: ({ theme: r }) => ({
194
+ root: ({ theme: e }) => ({
182
195
  textTransform: "none",
183
- color: r.palette.text.secondary,
196
+ color: e.palette.text.secondary,
184
197
  "&.Mui-selected": {
185
- color: r.palette.text.primary
198
+ color: e.palette.text.primary
186
199
  }
187
200
  })
188
201
  }
189
202
  },
190
203
  MuiTabs: {
191
204
  styleOverrides: {
192
- root: ({ theme: r }) => {
193
- var e;
205
+ root: ({ theme: e }) => {
206
+ var r;
194
207
  return {
195
- background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[1]
208
+ background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[1]
196
209
  };
197
210
  }
198
211
  }
@@ -222,8 +235,8 @@ function z() {
222
235
  // palette overrides propagate.
223
236
  MuiAutocomplete: {
224
237
  styleOverrides: {
225
- root: ({ theme: r }) => ({
226
- background: r.palette.secondary.dark,
238
+ root: ({ theme: e }) => ({
239
+ background: e.palette.secondary.dark,
227
240
  fieldset: {
228
241
  border: "none"
229
242
  },
@@ -232,10 +245,10 @@ function z() {
232
245
  border: "1px solid transparent"
233
246
  },
234
247
  "&.Mui-focused": {
235
- border: `1px solid ${r.palette.primary.main}`,
248
+ border: `1px solid ${e.palette.primary.main}`,
236
249
  label: {
237
250
  transform: "translate(14px, 6px) scale(0.75)",
238
- color: r.palette.text.secondary
251
+ color: e.palette.text.secondary
239
252
  }
240
253
  },
241
254
  "&.MuiAutocomplete-hasClearIcon": {
@@ -244,7 +257,7 @@ function z() {
244
257
  }
245
258
  },
246
259
  label: {
247
- color: r.palette.text.secondary
260
+ color: e.palette.text.secondary
248
261
  },
249
262
  input: {
250
263
  transform: "translate(0px, 6px)"
@@ -254,18 +267,18 @@ function z() {
254
267
  },
255
268
  MuiSelect: {
256
269
  styleOverrides: {
257
- root: ({ theme: r }) => ({
258
- background: r.palette.secondary.dark,
270
+ root: ({ theme: e }) => ({
271
+ background: e.palette.secondary.dark,
259
272
  borderRadius: "16px",
260
273
  border: "1px solid transparent",
261
274
  fieldset: {
262
275
  border: "none"
263
276
  },
264
277
  "&:hover": {
265
- border: `1px solid ${r.palette.action.hover}`
278
+ border: `1px solid ${e.palette.action.hover}`
266
279
  },
267
280
  "&.Mui-focused": {
268
- border: `1px solid ${r.palette.primary.main}`
281
+ border: `1px solid ${e.palette.primary.main}`
269
282
  }
270
283
  })
271
284
  },
@@ -287,11 +300,11 @@ function z() {
287
300
  },
288
301
  MuiTooltip: {
289
302
  styleOverrides: {
290
- tooltip: ({ theme: r }) => {
291
- var e;
303
+ tooltip: ({ theme: e }) => {
304
+ var r;
292
305
  return {
293
- background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[1],
294
- border: `1px solid ${r.palette.divider}`,
306
+ background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[1],
307
+ border: `1px solid ${e.palette.divider}`,
295
308
  borderRadius: i,
296
309
  padding: "8px 12px",
297
310
  lineHeight: "1.8em",
@@ -300,14 +313,14 @@ function z() {
300
313
  maxWidth: "260px"
301
314
  };
302
315
  },
303
- arrow: ({ theme: r }) => {
304
- var e;
316
+ arrow: ({ theme: e }) => {
317
+ var r;
305
318
  return {
306
319
  "&:before": {
307
- border: `1px solid ${r.palette.divider}`,
308
- background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[1]
320
+ border: `1px solid ${e.palette.divider}`,
321
+ background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[1]
309
322
  },
310
- color: r.palette.common.white
323
+ color: e.palette.common.white
311
324
  };
312
325
  }
313
326
  }
@@ -322,11 +335,11 @@ function z() {
322
335
  },
323
336
  MuiDialog: {
324
337
  styleOverrides: {
325
- paper: ({ theme: r }) => {
326
- var e;
338
+ paper: ({ theme: e }) => {
339
+ var r;
327
340
  return {
328
- background: (e = r.palette.backgroundPaperElevation) == null ? void 0 : e[2],
329
- border: `1px solid ${r.palette.divider}`,
341
+ background: (r = e.palette.backgroundPaperElevation) == null ? void 0 : r[2],
342
+ border: `1px solid ${e.palette.divider}`,
330
343
  borderRadius: "16px"
331
344
  };
332
345
  }
@@ -334,18 +347,18 @@ function z() {
334
347
  },
335
348
  MuiFab: {
336
349
  styleOverrides: {
337
- root: ({ theme: r }) => {
338
- var e, a;
350
+ root: ({ theme: e }) => {
351
+ var r, a;
339
352
  return {
340
- background: (a = (e = r.paletteExt) == null ? void 0 : e.secondary) == null ? void 0 : a.tonal
353
+ background: (a = (r = e.paletteExt) == null ? void 0 : r.secondary) == null ? void 0 : a.tonal
341
354
  };
342
355
  }
343
356
  },
344
357
  variants: [
345
358
  {
346
359
  props: { color: "primary" },
347
- style: ({ theme: r }) => ({
348
- background: r.palette.primary.main
360
+ style: ({ theme: e }) => ({
361
+ background: e.palette.primary.main
349
362
  })
350
363
  }
351
364
  ]
@@ -353,9 +366,9 @@ function z() {
353
366
  };
354
367
  }
355
368
  function H(o) {
356
- var r;
357
- for (const e of o)
358
- if (((r = e == null ? void 0 : e.palette) == null ? void 0 : r.mode) === "light")
369
+ var e;
370
+ for (const r of o)
371
+ if (((e = r == null ? void 0 : r.palette) == null ? void 0 : e.mode) === "light")
359
372
  throw new Error(
360
373
  "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."
361
374
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wandelbots/mui",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
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": [