@wandelbots/mui 1.3.1 → 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.
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
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},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;
|
|
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":"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,
|
|
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"}
|
|
@@ -376,7 +376,14 @@ function nr() {
|
|
|
376
376
|
// from the border.
|
|
377
377
|
root: { borderRadius: e, alignItems: "center", padding: c },
|
|
378
378
|
icon: { padding: 0 },
|
|
379
|
-
message
|
|
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 },
|
|
380
387
|
// The action slot carries a 4px top padding and packs its children at
|
|
381
388
|
// the top, which drops a trailing button off the centre line the icon
|
|
382
389
|
// and the message now share. It also pulls itself 8px past the root's
|
package/package.json
CHANGED