@tollbrothers/blueprint 1.0.9 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.modern.js +1 -1
- package/dist/index.modern.js.map +1 -1
- package/package.json +12 -17
package/dist/index.modern.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o,{useState as e,useEffect as t}from"react";import{CssBaseline as a}from"@mui/material";import{Experimental_CssVarsProvider as n,StyledEngineProvider as i,experimental_extendTheme as r}from"@mui/material/styles";const l=({children:e,...t})=>o.createElement("div",null,o.createElement("input",Object.assign({type:"checkbox",className:"_5XYai"},t)),e),s=({children:e,variant:t="contained",size:a="large",color:n="accent",...i})=>{const r=["_1iMBY"];return"contained"===t?r.push("_2MyoL"):"outlined"===t?r.push("_2fwcL"):"text"===t&&r.push("_3zkOs"),"small"===a?r.push("_OpTE6"):"medium"===a?r.push("_3VJwc"):"large"===a&&r.push("_36Mg8"),"accent"===n?r.push("_3HQHC"):"primary"===n?r.push("_3rtSu"):"medium"===n?r.push("_1Earu"):"success"===n?r.push("_1GhtK"):"error"===n&&r.push("_Pj8jL"),o.createElement("button",Object.assign({className:r.join(" ")},i),e)},d=({children:r,theme:l})=>{const[s,d]=e(null);return t(()=>{var o;d(null==l||null===(o=l.MuiCssBaseline)||void 0===o?void 0:o.styleOverrides)},[]),o.createElement(n,{theme:l},o.createElement(i,{injectFirst:!0},o.createElement(a,null),s&&o.createElement("style",null,s),r))},m=r({MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '},colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},components:{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}},MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}}),u=r({MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '},colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#000000",Medium:"#D3D3D3",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},components:{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}},MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}});export{s as Button,l as Checkbox,d as ThemeProvider,m as defaultTheme,u as kragleTheme};
|
|
1
|
+
import o from"react";import e from"@mui/material/CssBaseline";import{experimental_extendTheme as t,Experimental_CssVarsProvider as a,StyledEngineProvider as n}from"@mui/material/styles";const i=({children:e,...t})=>o.createElement("div",null,o.createElement("input",Object.assign({type:"checkbox",className:"_5XYai"},t)),e),r=({children:e,variant:t="contained",size:a="large",color:n="accent",...i})=>{const r=["_1iMBY"];return"contained"===t?r.push("_2MyoL"):"outlined"===t?r.push("_2fwcL"):"text"===t&&r.push("_3zkOs"),"small"===a?r.push("_OpTE6"):"medium"===a?r.push("_3VJwc"):"large"===a&&r.push("_36Mg8"),"accent"===n?r.push("_3HQHC"):"primary"===n?r.push("_3rtSu"):"medium"===n?r.push("_1Earu"):"success"===n?r.push("_1GhtK"):"error"===n&&r.push("_Pj8jL"),o.createElement("button",Object.assign({className:r.join(" ")},i),e)},l=({children:i,theme:r})=>{var l;const s=(({theme:o})=>t({...o,MuiCssBaseline:{...o.MuiCssBaseline,typography:{...Object.keys(o.typography).reduce((e,t,a)=>(0===a&&(e[t]=o.typography[t].font),{...e,[t]:{...o.typography[t],font:`${o.typography[t].fontStyle}\n ${o.typography[t].fontWeight}\n ${o.typography[t].fontSize}/\n ${o.typography[t].lineHeight}\n ${o.typography[t].fontFamily}`,fontStyle:o.typography[t].fontStyle,fontWeight:o.typography[t].fontWeight,fontSize:o.typography[t].fontSize,lineHeight:o.typography[t].lineHeight,fontFamily:o.typography[t].fontFamily,textDecorationLine:o.typography[t].textDecorationLine,textTransform:o.typography[t].textTransform}}),{})}}}))({theme:r}),d=null==s||null===(l=s.MuiCssBaseline)||void 0===l?void 0:l.styleOverrides;return o.createElement(a,{theme:s},o.createElement(n,{injectFirst:!0},o.createElement(e,null),d&&o.createElement("style",null,d),d&&o.createElement("style",null,`\n ${Object.keys(s.MuiCssBaseline.typography).map(o=>`\n .tb-MuiCssBaseline-typography-${o}-font {\n font: var(--mui-MuiCssBaseline-typography-${o}-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-${o}-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-${o}-textTransform);\n }\n `).join("\n")}\n `),d&&o.createElement("style",null,"\n h1 {\n font: var(--mui-MuiCssBaseline-typography-H1-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n }\n h2 {\n font: var(--mui-MuiCssBaseline-typography-H2-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n }\n h3 {\n font: var(--mui-MuiCssBaseline-typography-H3-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n }\n h4 {\n font: var(--mui-MuiCssBaseline-typography-H4-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n }\n h5 {\n font: var(--mui-MuiCssBaseline-typography-H5-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n }\n h6 {\n font: var(--mui-MuiCssBaseline-typography-H6-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n }\n "),i))},s={MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '},colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},components:{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}},MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}},d={MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '},colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#000000",Medium:"#D3D3D3",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},components:{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}},MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}};export{r as Button,i as Checkbox,l as ThemeProvider,s as defaultTheme,d as kragleTheme};
|
|
2
2
|
//# sourceMappingURL=index.modern.js.map
|
package/dist/index.modern.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.js","sources":["../src/mui/primitives/Checkbox/Checkbox.js","../src/mui/primitives/Button/Button.js","../src/themes/ThemeProvider.js","../src/themes/default/theme.js","../src/themes/kragle/theme.js"],"sourcesContent":["import React from 'react'\nimport styles from './Checkbox.module.scss'\n\nconst Checkbox = ({ children, ...rest }) => {\n return (\n <div>\n <input type='checkbox' className={styles.checkbox} {...rest} />\n {children}\n </div>\n )\n}\n\nexport default Checkbox\n","import React from 'react'\nimport styles from './Button.module.scss'\n\nconst Button = ({\n children,\n variant = 'contained',\n size = 'large',\n color = 'accent',\n ...rest\n}) => {\n const classes = [styles.button]\n\n if (variant === 'contained') {\n classes.push(styles.contained)\n } else if (variant === 'outlined') {\n classes.push(styles.outlined)\n } else if (variant === 'text') {\n classes.push(styles.text)\n }\n\n if (size === 'small') {\n classes.push(styles.small)\n } else if (size === 'medium') {\n classes.push(styles.medium)\n } else if (size === 'large') {\n classes.push(styles.large)\n }\n\n if (color === 'accent') {\n classes.push(styles.accent)\n } else if (color === 'primary') {\n classes.push(styles.primary)\n } else if (color === 'medium') {\n classes.push(styles.mediumColor)\n } else if (color === 'success') {\n classes.push(styles.success)\n } else if (color === 'error') {\n classes.push(styles.error)\n }\n\n return (\n <button className={classes.join(' ')} {...rest}>\n {children}\n </button>\n )\n}\n\nexport default Button\n","import React, { useEffect, useState } from 'react'\nimport { CssBaseline } from '@mui/material'\nimport {\n StyledEngineProvider,\n Experimental_CssVarsProvider as CssVarsProvider\n} from '@mui/material/styles'\n\nconst ThemeProvider = ({ children, theme }) => {\n const [baselineStyles, setBaselineStyles] = useState(null)\n useEffect(() => {\n setBaselineStyles(theme?.MuiCssBaseline?.styleOverrides)\n }, [])\n\n return (\n <CssVarsProvider theme={theme}>\n <StyledEngineProvider injectFirst>\n <CssBaseline />\n {baselineStyles && <style>{baselineStyles}</style>}\n {children}\n </StyledEngineProvider>\n </CssVarsProvider>\n )\n}\n\nexport default ThemeProvider\n","import { experimental_extendTheme as extendTheme } from '@mui/material/styles'\nimport figmaTheme from './figma.json'\nimport buttonTheme from './button.json'\nimport checkboxTheme from './checkbox.json'\n\nexport const defaultTheme = extendTheme({\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `\n },\n ...figmaTheme,\n components: {\n ...buttonTheme,\n ...checkboxTheme\n }\n})\n","import { experimental_extendTheme as extendTheme } from '@mui/material/styles'\nimport figmaTheme from './figma.json'\nimport buttonTheme from './button.json'\nimport checkboxTheme from './checkbox.json'\n\nexport const kragleTheme = extendTheme({\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `\n },\n ...figmaTheme,\n components: {\n ...buttonTheme,\n ...checkboxTheme\n }\n})\n"],"names":["Checkbox","children","rest","React","createElement","Object","assign","type","className","Button","variant","size","color","classes","push","join","ThemeProvider","theme","baselineStyles","setBaselineStyles","useState","useEffect","_theme$MuiCssBaseline","MuiCssBaseline","styleOverrides","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","defaultTheme","extendTheme","components","kragleTheme"],"mappings":"2NAGA,MAAMA,EAAWA,EAAGC,SAAAA,KAAaC,KAE7BC,EAAAC,yBACED,EAAAC,sBAAAC,OAAAC,QAAAC,KAAY,WAAUC,oBAAiCN,IACtDD,GCJDQ,EAASA,EACbR,SAAAA,EACAS,QAAAA,EAAU,YACVC,KAAAA,EAAO,QACPC,MAAAA,EAAQ,YACLV,MAEH,MAAMW,EAAU,WA8BhB,MA5BgB,cAAZH,EACFG,EAAQC,eACa,aAAZJ,EACTG,EAAQC,eACa,SAAZJ,GACTG,EAAQC,eAGG,UAATH,EACFE,EAAQC,eACU,WAATH,EACTE,EAAQC,eACU,UAATH,GACTE,EAAQC,eAGI,WAAVF,EACFC,EAAQC,eACW,YAAVF,EACTC,EAAQC,eACW,WAAVF,EACTC,EAAQC,eACW,YAAVF,EACTC,EAAQC,eACW,UAAVF,GACTC,EAAQC,eAIRX,EAAAC,uBAAAC,OAAAC,QAAAE,UAAmBK,EAAQE,KAAK,MAAUb,GACvCD,ICnCDe,EAAgBA,EAAGf,SAAAA,EAAUgB,MAAAA,MACjC,MAAOC,EAAgBC,GAAqBC,EAAS,MAKrD,OAJAC,EAAU,SAAMC,EACdH,EAAkBF,MAAAA,WAAKK,EAALL,EAAOM,0BAAcD,SAArBA,EAAuBE,iBACxC,IAGDrB,EAAAC,cAACqB,GAAgBR,MAAOA,GACtBd,EAAAC,cAACsB,GAAqBC,gBACpBxB,EAAAC,cAACwB,QACAV,GAAkBf,EAAAC,2BAAQc,GAC1BjB,KCbI4B,EAAeC,EAAY,CACtCP,eAAgB,CACdC,eAAgB,u0OA+DlBO,WAAY,mwXCjEDC,EAAcF,EAAY,CACrCP,eAAgB,CACdC,eAAgB,u0OA+DlBO,WAAY"}
|
|
1
|
+
{"version":3,"file":"index.modern.js","sources":["../src/mui/primitives/Checkbox/Checkbox.js","../src/mui/primitives/Button/Button.js","../src/themes/ThemeProvider.js","../src/themes/default/theme.js","../src/themes/kragle/theme.js"],"sourcesContent":["import React from 'react';\nimport styles from './Checkbox.module.scss';\n\nconst Checkbox = ({ children, ...rest }) => {\n return (\n <div>\n <input type='checkbox' className={styles.checkbox} {...rest} />\n {children}\n </div>\n );\n};\n\nexport default Checkbox;\n","import React from 'react';\nimport styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'large', color = 'accent', ...rest }) => {\n const classes = [styles.button];\n\n if (variant === 'contained') {\n classes.push(styles.contained);\n } else if (variant === 'outlined') {\n classes.push(styles.outlined);\n } else if (variant === 'text') {\n classes.push(styles.text);\n }\n\n if (size === 'small') {\n classes.push(styles.small);\n } else if (size === 'medium') {\n classes.push(styles.medium);\n } else if (size === 'large') {\n classes.push(styles.large);\n }\n\n if (color === 'accent') {\n classes.push(styles.accent);\n } else if (color === 'primary') {\n classes.push(styles.primary);\n } else if (color === 'medium') {\n classes.push(styles.mediumColor);\n } else if (color === 'success') {\n classes.push(styles.success);\n } else if (color === 'error') {\n classes.push(styles.error);\n }\n\n return (\n <button className={classes.join(' ')} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import React from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { StyledEngineProvider, Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';\nimport { experimental_extendTheme as extendTheme } from '@mui/material/styles';\n\nconst decorateTheme = ({ theme }) => {\n return extendTheme({\n ...theme,\n MuiCssBaseline: {\n ...theme.MuiCssBaseline,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n },\n };\n }, {}),\n },\n },\n });\n};\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = decorateTheme({ theme });\n const baselineStyles = decoratedTheme?.MuiCssBaseline?.styleOverrides;\n\n return (\n <CssVarsProvider theme={decoratedTheme}>\n <StyledEngineProvider injectFirst>\n <CssBaseline />\n {baselineStyles && <style>{baselineStyles}</style>}\n {baselineStyles && (\n <style>\n {`\n ${Object.keys(decoratedTheme.MuiCssBaseline.typography)\n .map((typographyKey) => {\n return `\n .tb-MuiCssBaseline-typography-${typographyKey}-font {\n font: var(--mui-MuiCssBaseline-typography-${typographyKey}-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-${typographyKey}-textTransform);\n }\n `;\n })\n .join('\\n')}\n `}\n </style>\n )}\n {baselineStyles && (\n <style>\n {`\n h1 {\n font: var(--mui-MuiCssBaseline-typography-H1-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n }\n h2 {\n font: var(--mui-MuiCssBaseline-typography-H2-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n }\n h3 {\n font: var(--mui-MuiCssBaseline-typography-H3-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n }\n h4 {\n font: var(--mui-MuiCssBaseline-typography-H4-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n }\n h5 {\n font: var(--mui-MuiCssBaseline-typography-H5-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n }\n h6 {\n font: var(--mui-MuiCssBaseline-typography-H6-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n }\n `}\n </style>\n )}\n {children}\n </StyledEngineProvider>\n </CssVarsProvider>\n );\n};\n\nexport default ThemeProvider;\n","import figmaTheme from './figma.json';\nimport buttonTheme from './button.json';\nimport checkboxTheme from './checkbox.json';\n\nexport const defaultTheme = {\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `,\n },\n ...figmaTheme,\n components: {\n ...buttonTheme,\n ...checkboxTheme,\n },\n};\n","import figmaTheme from './figma.json';\nimport buttonTheme from './button.json';\nimport checkboxTheme from './checkbox.json';\n\nexport const kragleTheme = {\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `,\n },\n ...figmaTheme,\n components: {\n ...buttonTheme,\n ...checkboxTheme,\n },\n};\n"],"names":["Checkbox","children","rest","React","createElement","Object","assign","type","className","Button","variant","size","color","classes","push","join","ThemeProvider","theme","_decoratedTheme$MuiCs","decoratedTheme","decorateTheme","extendTheme","MuiCssBaseline","typography","keys","reduce","acc","key","index","font","[object Object]","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","baselineStyles","styleOverrides","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","map","typographyKey","defaultTheme","components","kragleTheme"],"mappings":"0LAGA,MAAMA,EAAWA,EAAGC,SAAAA,KAAaC,KAE7BC,EAAAC,yBACED,EAAAC,sBAAAC,OAAAC,QAAAC,KAAY,WAAUC,oBAAiCN,IACtDD,GCJDQ,EAASA,EAAGR,SAAAA,EAAUS,QAAAA,EAAU,YAAaC,KAAAA,EAAO,QAASC,MAAAA,EAAQ,YAAaV,MACtF,MAAMW,EAAU,WA8BhB,MA5BgB,cAAZH,EACFG,EAAQC,eACa,aAAZJ,EACTG,EAAQC,eACa,SAAZJ,GACTG,EAAQC,eAGG,UAATH,EACFE,EAAQC,eACU,WAATH,EACTE,EAAQC,eACU,UAATH,GACTE,EAAQC,eAGI,WAAVF,EACFC,EAAQC,eACW,YAAVF,EACTC,EAAQC,eACW,WAAVF,EACTC,EAAQC,eACW,YAAVF,EACTC,EAAQC,eACW,UAAVF,GACTC,EAAQC,eAIRX,EAAAC,uBAAAC,OAAAC,QAAAE,UAAmBK,EAAQE,KAAK,MAAUb,GACvCD,ICIDe,EAAgBA,EAAGf,SAAAA,EAAUgB,MAAAA,UAAYC,EAC7C,MAAMC,EApCcC,GAAGH,MAAAA,KAChBI,EAAY,IACdJ,EACHK,eAAgB,IACXL,EAAMK,eACTC,WAAY,IACPlB,OAAOmB,KAAKP,EAAMM,YAAYE,OAAO,CAACC,EAAKC,EAAKC,KACnC,IAAVA,IACFF,EAAIC,GAAOV,EAAMM,WAAWI,GAAKE,MAG5B,IACFH,EACHI,CAACH,GAAM,IACFV,EAAMM,WAAWI,GACpBE,KAAM,GAAGZ,EAAMM,WAAWI,GAAKI,gCACzBd,EAAMM,WAAWI,GAAKK,iCACtBf,EAAMM,WAAWI,GAAKM,gCACtBhB,EAAMM,WAAWI,GAAKO,iCACtBjB,EAAMM,WAAWI,GAAKQ,aAC5BJ,UAAWd,EAAMM,WAAWI,GAAKI,UACjCC,WAAYf,EAAMM,WAAWI,GAAKK,WAClCC,SAAUhB,EAAMM,WAAWI,GAAKM,SAChCC,WAAYjB,EAAMM,WAAWI,GAAKO,WAClCC,WAAYlB,EAAMM,WAAWI,GAAKQ,WAClCC,mBAAoBnB,EAAMM,WAAWI,GAAKS,mBAC1CC,cAAepB,EAAMM,WAAWI,GAAKU,iBAGxC,QAOcjB,CAAc,CAAEH,MAAAA,IACjCqB,EAAiBnB,MAAAA,WAAcD,EAAdC,EAAgBG,0BAAcJ,SAA9BA,EAAgCqB,eAEvD,OACEpC,EAAAC,cAACoC,GAAgBvB,MAAOE,GACtBhB,EAAAC,cAACqC,GAAqBC,gBACpBvC,EAAAC,cAACuC,QACAL,GAAkBnC,EAAAC,2BAAQkC,GAC1BA,GACCnC,EAAAC,2BACG,eACDC,OAAOmB,KAAKL,EAAeG,eAAeC,YACzCqB,IAAKC,GACG,iDACyBA,uEACcA,uFACgBA,+FACNA,oDAIzD9B,KAAK,qBAITuB,GACCnC,EAAAC,2BACG,orDAkCJH,KClGI6C,EAAe,CAC1BxB,eAAgB,CACdiB,eAAgB,uxOA+DlBQ,WAAY,kwXCjEDC,EAAc,CACzB1B,eAAgB,CACdiB,eAAgB,u0OA+DlBQ,WAAY"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tollbrothers/blueprint",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"description": "Toll Brothers Design System",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -18,13 +18,12 @@
|
|
|
18
18
|
"build": "microbundle-crl --tsconfig tsconfig.json --compress --format modern --jsxFragment React.Fragment",
|
|
19
19
|
"start": "microbundle-crl --tsconfig tsconfig.json watch --compress --format modern --jsxFragment React.Fragment",
|
|
20
20
|
"prepare": "run-s build",
|
|
21
|
-
"test": "run-s test:unit test:lint test:build",
|
|
22
|
-
"test:build": "run-s build",
|
|
23
|
-
"test:lint": "eslint .",
|
|
24
21
|
"predeploy": "cd example && npm install && npm run build",
|
|
25
22
|
"deploy": "gh-pages -d example/build",
|
|
26
23
|
"storybook": "storybook dev -p 6006",
|
|
27
|
-
"build-storybook": "storybook build"
|
|
24
|
+
"build-storybook": "storybook build",
|
|
25
|
+
"lint": "next lint",
|
|
26
|
+
"stylelint": "stylelint '**/*.scss'"
|
|
28
27
|
},
|
|
29
28
|
"bugs": {
|
|
30
29
|
"url": "https://github.com/tollbros/blueprint/issues"
|
|
@@ -56,17 +55,10 @@
|
|
|
56
55
|
"autoprefixer": "^10.4.19",
|
|
57
56
|
"babel-eslint": "^10.0.3",
|
|
58
57
|
"cross-env": "^7.0.2",
|
|
59
|
-
"eslint": "
|
|
60
|
-
"eslint-config-
|
|
61
|
-
"eslint-config-
|
|
62
|
-
"eslint-
|
|
63
|
-
"eslint-plugin-import": "^2.18.2",
|
|
64
|
-
"eslint-plugin-node": "^11.0.0",
|
|
65
|
-
"eslint-plugin-prettier": "^3.1.1",
|
|
66
|
-
"eslint-plugin-promise": "^4.2.1",
|
|
67
|
-
"eslint-plugin-react": "^7.17.0",
|
|
68
|
-
"eslint-plugin-standard": "^4.0.1",
|
|
69
|
-
"eslint-plugin-storybook": "^0.8.0",
|
|
58
|
+
"eslint": "8.5.0",
|
|
59
|
+
"eslint-config-next": "12.0.7",
|
|
60
|
+
"eslint-config-prettier": "7.2.0",
|
|
61
|
+
"eslint-plugin-prettier": "4.0.0",
|
|
70
62
|
"glob": "^10.4.2",
|
|
71
63
|
"microbundle-crl": "^0.13.10",
|
|
72
64
|
"next": "^13.0.7",
|
|
@@ -76,7 +68,10 @@
|
|
|
76
68
|
"react-dom": "^18.2.0",
|
|
77
69
|
"sass": "^1.56.2",
|
|
78
70
|
"semantic-release": "^19.0.5",
|
|
79
|
-
"storybook": "^8.1.11"
|
|
71
|
+
"storybook": "^8.1.11",
|
|
72
|
+
"stylelint": "^16.6.1",
|
|
73
|
+
"stylelint-config-prettier-scss": "^1.0.0",
|
|
74
|
+
"stylelint-config-standard-scss": "^13.1.0"
|
|
80
75
|
},
|
|
81
76
|
"files": [
|
|
82
77
|
"dist"
|