@wandelbots/mui 1.1.1 → 1.2.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.
package/README.md
CHANGED
|
@@ -17,6 +17,9 @@ different styling systems. MUI apps take this package; headless / non-MUI apps t
|
|
|
17
17
|
knowledge. Those live in `wandelbots-js-react-components` (separate repo).
|
|
18
18
|
|
|
19
19
|
- **Peers:** React 19, MUI 7, emotion 11. Depends on `@wandelbots/design-tokens` (`workspace:*`).
|
|
20
|
+
- **Fonts:** the theme references the font-family *tokens* only. To actually load the faces,
|
|
21
|
+
the consuming app imports `@wandelbots/fonts/css` once at its entry point — otherwise the
|
|
22
|
+
stacks fall back to `system-ui`.
|
|
20
23
|
- **Dark mode only**
|
|
21
24
|
- Built with **Vite library mode** (ESM + CJS), TypeScript strict, Biome, Vitest + Storybook.
|
|
22
25
|
|
|
@@ -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:
|
|
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;
|
|
@@ -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;
|
|
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,48 +1,48 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createTheme as s } from "@mui/material/styles";
|
|
3
|
-
import {
|
|
4
|
-
function
|
|
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";
|
|
4
|
+
function V() {
|
|
5
5
|
return {
|
|
6
6
|
palette: {
|
|
7
7
|
mode: "dark",
|
|
8
8
|
text: {
|
|
9
|
-
primary:
|
|
10
|
-
secondary:
|
|
11
|
-
disabled:
|
|
9
|
+
primary: I,
|
|
10
|
+
secondary: W,
|
|
11
|
+
disabled: N
|
|
12
12
|
},
|
|
13
13
|
primary: {
|
|
14
14
|
main: t,
|
|
15
15
|
dark: D,
|
|
16
|
-
light:
|
|
16
|
+
light: F,
|
|
17
17
|
contrastText: "rgba(255, 255, 255, 0.87)"
|
|
18
18
|
},
|
|
19
19
|
secondary: {
|
|
20
|
-
main:
|
|
21
|
-
dark:
|
|
22
|
-
contrastText:
|
|
20
|
+
main: P,
|
|
21
|
+
dark: w,
|
|
22
|
+
contrastText: S
|
|
23
23
|
},
|
|
24
24
|
tertiary: {
|
|
25
|
-
main:
|
|
25
|
+
main: A,
|
|
26
26
|
dark: l,
|
|
27
|
-
light:
|
|
27
|
+
light: R,
|
|
28
28
|
contrastText: "rgba(0, 0, 0, 1)"
|
|
29
29
|
},
|
|
30
30
|
error: {
|
|
31
|
-
main:
|
|
32
|
-
dark:
|
|
33
|
-
light:
|
|
31
|
+
main: E,
|
|
32
|
+
dark: O,
|
|
33
|
+
light: C,
|
|
34
34
|
contrastText: "rgba(255, 255, 255, 1)"
|
|
35
35
|
},
|
|
36
36
|
warning: {
|
|
37
|
-
main:
|
|
38
|
-
dark:
|
|
39
|
-
light:
|
|
37
|
+
main: $,
|
|
38
|
+
dark: B,
|
|
39
|
+
light: Z,
|
|
40
40
|
contrastText: "rgba(0, 0, 0, 0.87)"
|
|
41
41
|
},
|
|
42
42
|
success: {
|
|
43
43
|
main: l,
|
|
44
|
-
dark:
|
|
45
|
-
light:
|
|
44
|
+
dark: M,
|
|
45
|
+
light: G,
|
|
46
46
|
contrastText: "rgba(255, 255, 255, 0.87)"
|
|
47
47
|
},
|
|
48
48
|
background: {
|
|
@@ -54,10 +54,10 @@ function I() {
|
|
|
54
54
|
// ZeroGravityBackgroundPaperElevation0 (skipped: "no use")
|
|
55
55
|
},
|
|
56
56
|
action: {
|
|
57
|
-
active:
|
|
58
|
-
hover:
|
|
59
|
-
selected:
|
|
60
|
-
disabledBackground:
|
|
57
|
+
active: T,
|
|
58
|
+
hover: h,
|
|
59
|
+
selected: k,
|
|
60
|
+
disabledBackground: m,
|
|
61
61
|
focus: "#ffffff1f",
|
|
62
62
|
// ZeroGravityActionFocus (skipped: "no use")
|
|
63
63
|
disabled: f
|
|
@@ -70,23 +70,23 @@ function I() {
|
|
|
70
70
|
backgroundPaperElevation: {
|
|
71
71
|
0: "#11131f",
|
|
72
72
|
// ZeroGravityBackgroundPaperElevation0 (skipped: "no use")
|
|
73
|
-
1:
|
|
74
|
-
2:
|
|
73
|
+
1: x,
|
|
74
|
+
2: g,
|
|
75
75
|
3: "#1a1c2b",
|
|
76
76
|
// ZeroGravityBackgroundPaperElevation3 (skipped: "no use")
|
|
77
77
|
4: "#1d1f2f",
|
|
78
78
|
// ZeroGravityBackgroundPaperElevation4 (skipped: "no use")
|
|
79
|
-
5:
|
|
79
|
+
5: v,
|
|
80
80
|
6: "#232537",
|
|
81
81
|
// ZeroGravityBackgroundPaperElevation6 (skipped: "no use")
|
|
82
82
|
7: "#26283b",
|
|
83
83
|
// ZeroGravityBackgroundPaperElevation7 (skipped: "no use")
|
|
84
|
-
8:
|
|
84
|
+
8: y,
|
|
85
85
|
9: "#2c2e43",
|
|
86
86
|
// ZeroGravityBackgroundPaperElevation9 (skipped: "no use")
|
|
87
87
|
10: "#2f3147",
|
|
88
88
|
// ZeroGravityBackgroundPaperElevation10 (skipped: "no use")
|
|
89
|
-
11:
|
|
89
|
+
11: b,
|
|
90
90
|
12: "#35374f",
|
|
91
91
|
// ZeroGravityBackgroundPaperElevation12 (skipped: "no use")
|
|
92
92
|
13: "#383a53",
|
|
@@ -113,17 +113,17 @@ function I() {
|
|
|
113
113
|
// 50% alpha
|
|
114
114
|
},
|
|
115
115
|
secondary: {
|
|
116
|
-
tonal:
|
|
116
|
+
tonal: u
|
|
117
117
|
},
|
|
118
118
|
components: {
|
|
119
|
-
inputFilledEnabledFill:
|
|
119
|
+
inputFilledEnabledFill: c
|
|
120
120
|
}
|
|
121
121
|
},
|
|
122
122
|
shape: {
|
|
123
123
|
borderRadius: Number.parseInt(i, 10)
|
|
124
124
|
},
|
|
125
125
|
typography: {
|
|
126
|
-
fontFamily:
|
|
126
|
+
fontFamily: p,
|
|
127
127
|
fontWeightRegular: 500,
|
|
128
128
|
// Weight 400 per Figma/NovaDeck (design ruling CP2.4) — fontWeightRegular
|
|
129
129
|
// 500 would otherwise apply. Buttons keep weight 500 (fontWeightMedium),
|
|
@@ -132,7 +132,7 @@ function I() {
|
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
134
|
}
|
|
135
|
-
function
|
|
135
|
+
function z() {
|
|
136
136
|
const o = i;
|
|
137
137
|
return {
|
|
138
138
|
MuiCssBaseline: {
|
|
@@ -360,15 +360,15 @@ function H(o) {
|
|
|
360
360
|
"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
361
|
);
|
|
362
362
|
}
|
|
363
|
-
function
|
|
363
|
+
function j(...o) {
|
|
364
364
|
return H(o), s(
|
|
365
|
-
|
|
366
|
-
{ components:
|
|
365
|
+
V(),
|
|
366
|
+
{ components: z() },
|
|
367
367
|
...o
|
|
368
368
|
);
|
|
369
369
|
}
|
|
370
370
|
export {
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
371
|
+
z as commonComponents,
|
|
372
|
+
j as createNovaMuiTheme,
|
|
373
|
+
V as darkBaseOptions
|
|
374
374
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wandelbots/mui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.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": [
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
],
|
|
9
9
|
"license": "Apache-2.0",
|
|
10
10
|
"author": "Wandelbots",
|
|
11
|
-
"homepage": "https://wandelbotsgmbh.github.io/nova-design-system/#mui",
|
|
12
11
|
"repository": {
|
|
13
12
|
"type": "git",
|
|
14
13
|
"url": "git@github.com:wandelbotsgmbh/nova-design-system.git",
|
|
@@ -60,7 +59,7 @@
|
|
|
60
59
|
"react-dom": "^19"
|
|
61
60
|
},
|
|
62
61
|
"dependencies": {
|
|
63
|
-
"@wandelbots/design-tokens": "
|
|
62
|
+
"@wandelbots/design-tokens": "3.0.0"
|
|
64
63
|
},
|
|
65
64
|
"devDependencies": {
|
|
66
65
|
"@emotion/react": "^11.14.0",
|