@tollbrothers/blueprint 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +2 -2
  2. package/dist/index.modern.js +1 -1
  3. package/dist/index.modern.js.map +1 -1
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -19,10 +19,10 @@ To start using Blueprint in your project, follow these simple steps:
19
19
  2. **Import the styles:**
20
20
 
21
21
  ```javascript
22
- import { ThemeProvider } for '@tollbrothers/blueprint';
22
+ import { ThemeProvider, defaultTheme } for '@tollbrothers/blueprint';
23
23
 
24
24
  const App = () => (
25
- <ThemeProvider>...</ThemeProvider>
25
+ <ThemeProvider theme={defaultTheme}>...</ThemeProvider>
26
26
  );
27
27
  ```
28
28
 
package/dist/index.modern.js CHANGED
@@ -1,2 +1,2 @@
1
- import o from"react";import e from"@mui/material/Checkbox";import t from"@mui/material/Button";import{Experimental_CssVarsProvider as a,getInitColorSchemeScript as n,useColorScheme as i}from"@mui/material/styles/CssVarsProvider";import{experimental_extendTheme as r,StyledEngineProvider as l}from"@mui/material/styles";import{CssBaseline as s}from"@mui/material";const d=({children:t,...a})=>(console.log("styles.checkbox","_5XYai"),o.createElement(e,Object.assign({className:"_5XYai"},a),t)),m=({children:e,...a})=>o.createElement(t,Object.assign({className:"_1iMBY",disableElevation:!0},a),e),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:"#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:500,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,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)"}}}}}}}),c=({children:e})=>{var t;return console.log("defaultTheme",u),console.log("generateCssVars",null==u?void 0:u.generateCssVars()),o.createElement(a,{theme:u},o.createElement(l,{injectFirst:!0},o.createElement(s,null),o.createElement(h,null),o.createElement(f,null),o.createElement("style",null,null==u||null===(t=u.MuiCssBaseline)||void 0===t?void 0:t.styleOverrides),e))},f=()=>{const o=n();return console.log("initColorScheme",o),null},h=()=>{const o=i();return console.log("colorScheme",o),null};export{m as Button,d as Checkbox,c as ThemeProvider};
1
+ import o from"react";import e from"@mui/material/Checkbox";import t from"@mui/material/Button";import{Experimental_CssVarsProvider as a,getInitColorSchemeScript as n,useColorScheme as i}from"@mui/material/styles/CssVarsProvider";import{CssBaseline as r}from"@mui/material";import{StyledEngineProvider as l,experimental_extendTheme as s}from"@mui/material/styles";const d=({children:t,...a})=>(console.log("styles.checkbox","_5XYai"),o.createElement(e,Object.assign({className:"_5XYai"},a),t)),m=({children:e,...a})=>o.createElement(t,Object.assign({className:"_1iMBY",disableElevation:!0},a),e),u=({children:e,theme:t})=>{var n,i;return console.log("theme",t),console.log("generateCssVars",null==t?void 0:t.generateCssVars()),o.createElement(a,{theme:t},o.createElement(l,{injectFirst:!0},o.createElement(r,null),o.createElement(f,null),o.createElement(c,null),(null==t||null===(n=t.MuiCssBaseline)||void 0===n?void 0:n.styleOverrides)&&o.createElement("style",null,null==t||null===(i=t.MuiCssBaseline)||void 0===i?void 0:i.styleOverrides),e))},c=()=>{const o=n();return console.log("initColorScheme",o),null},f=()=>{const o=i();return console.log("colorScheme",o),null},h=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 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{m as Button,d as Checkbox,u as ThemeProvider,h as defaultTheme};
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/default.theme.js","../src/themes/ThemeProvider.js"],"sourcesContent":["import React from 'react'\nimport MuiCheckbox from '@mui/material/Checkbox'\nimport styles from './Checkbox.module.scss'\n\nconst Checkbox = ({ children, ...rest }) => {\n console.log('styles.checkbox', styles.checkbox)\n return (\n <MuiCheckbox className={styles.checkbox} {...rest}>\n {children}\n </MuiCheckbox>\n )\n}\n\nexport default Checkbox\n","import React from 'react'\nimport MuiButton from '@mui/material/Button'\nimport styles from './Button.module.scss'\n\nconst Button = ({ children, ...rest }) => {\n return (\n <MuiButton className={styles.button} disableElevation {...rest}>\n {children}\n </MuiButton>\n )\n}\n\nexport default Button\n","import { experimental_extendTheme as extendTheme } from '@mui/material/styles';\nimport figmaTheme from './figma.theme.json';\nimport buttonTheme from './button.theme.json';\nimport checkboxTheme from './checkbox.theme.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 React from 'react'\nimport {\n Experimental_CssVarsProvider as CssVarsProvider,\n useColorScheme,\n getInitColorSchemeScript\n} from '@mui/material/styles/CssVarsProvider'\nimport { defaultTheme } from './default.theme'\nimport { CssBaseline } from '@mui/material'\nimport { StyledEngineProvider } from '@mui/material/styles';\n\nconst ThemeProvider = ({ children }) => {\n console.log('defaultTheme', defaultTheme)\n console.log('generateCssVars', defaultTheme?.generateCssVars())\n\n return (\n <CssVarsProvider theme={defaultTheme}>\n <StyledEngineProvider injectFirst>\n <CssBaseline />\n <LogColorScheme />\n <LogInitColorTheme />\n <style>{defaultTheme?.MuiCssBaseline?.styleOverrides}</style>\n {children}\n </StyledEngineProvider>\n </CssVarsProvider>\n )\n}\n\nconst LogInitColorTheme = () => {\n const initColorScheme = getInitColorSchemeScript()\n console.log('initColorScheme', initColorScheme)\n return null\n}\n\nconst LogColorScheme = () => {\n const colorScheme = useColorScheme()\n console.log('colorScheme', colorScheme)\n return null\n}\n\nexport default ThemeProvider\n"],"names":["Checkbox","children","rest","console","log","React","createElement","MuiCheckbox","Object","assign","className","Button","MuiButton","disableElevation","defaultTheme","extendTheme","MuiCssBaseline","styleOverrides","components","ThemeProvider","_defaultTheme$MuiCssB","generateCssVars","CssVarsProvider","theme","StyledEngineProvider","injectFirst","CssBaseline","LogColorScheme","LogInitColorTheme","initColorScheme","getInitColorSchemeScript","colorScheme","useColorScheme"],"mappings":"2WAIA,MAAMA,EAAWA,EAAGC,SAAAA,KAAaC,MAC/BC,QAAQC,IAAI,4BAEVC,EAAAC,cAACC,EAAWC,OAAAC,QAAAC,oBAAiCR,GAC1CD,ICJDU,EAASA,EAAGV,SAAAA,KAAaC,KAE3BG,EAAAC,cAACM,EAASJ,OAAAC,QAAAC,mBAAyBG,qBAAuBX,GACvDD,GCFMa,EAAeC,EAAY,CACtCC,eAAgB,CACdC,eAAgB,u0OA+DlBC,WAAY,mwXC5DRC,EAAgBA,EAAGlB,SAAAA,UAAemB,EAItC,OAHAjB,QAAQC,IAAI,eAAgBU,GAC5BX,QAAQC,IAAI,kBAAmBU,MAAAA,SAAAA,EAAcO,mBAG3ChB,EAAAC,cAACgB,GAAgBC,MAAOT,GACtBT,EAAAC,cAACkB,GAAqBC,gBACtBpB,EAAAC,cAACoB,QACDrB,EAAAC,cAACqB,QACDtB,EAAAC,cAACsB,QACDvB,EAAAC,2BAAQQ,MAAAA,WAAYM,EAAZN,EAAcE,0BAAcI,SAA5BA,EAA8BH,gBACrChB,KAMD2B,EAAoBA,KACxB,MAAMC,EAAkBC,IAExB,OADA3B,QAAQC,IAAI,kBAAmByB,SAI3BF,EAAiBA,KACrB,MAAMI,EAAcC,IAEpB,OADA7B,QAAQC,IAAI,cAAe2B"}
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"],"sourcesContent":["import React from 'react'\nimport MuiCheckbox from '@mui/material/Checkbox'\nimport styles from './Checkbox.module.scss'\n\nconst Checkbox = ({ children, ...rest }) => {\n console.log('styles.checkbox', styles.checkbox)\n return (\n <MuiCheckbox className={styles.checkbox} {...rest}>\n {children}\n </MuiCheckbox>\n )\n}\n\nexport default Checkbox\n","import React from 'react'\nimport MuiButton from '@mui/material/Button'\nimport styles from './Button.module.scss'\n\nconst Button = ({ children, ...rest }) => {\n return (\n <MuiButton className={styles.button} disableElevation {...rest}>\n {children}\n </MuiButton>\n )\n}\n\nexport default Button\n","import React from 'react'\nimport {\n Experimental_CssVarsProvider as CssVarsProvider,\n useColorScheme,\n getInitColorSchemeScript\n} from '@mui/material/styles/CssVarsProvider'\nimport { CssBaseline } from '@mui/material'\nimport { StyledEngineProvider } from '@mui/material/styles'\n\nconst ThemeProvider = ({ children, theme }) => {\n console.log('theme', theme)\n console.log('generateCssVars', theme?.generateCssVars())\n\n return (\n <CssVarsProvider theme={theme}>\n <StyledEngineProvider injectFirst>\n <CssBaseline />\n <LogColorScheme />\n <LogInitColorTheme />\n {theme?.MuiCssBaseline?.styleOverrides && (\n <style>{theme?.MuiCssBaseline?.styleOverrides}</style>\n )}\n {children}\n </StyledEngineProvider>\n </CssVarsProvider>\n )\n}\n\nconst LogInitColorTheme = () => {\n const initColorScheme = getInitColorSchemeScript()\n console.log('initColorScheme', initColorScheme)\n return null\n}\n\nconst LogColorScheme = () => {\n const colorScheme = useColorScheme()\n console.log('colorScheme', colorScheme)\n return null\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"],"names":["Checkbox","children","rest","console","log","React","createElement","MuiCheckbox","Object","assign","className","Button","MuiButton","disableElevation","ThemeProvider","theme","_theme$MuiCssBaseline","_theme$MuiCssBaseline2","generateCssVars","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","LogColorScheme","LogInitColorTheme","MuiCssBaseline","styleOverrides","initColorScheme","getInitColorSchemeScript","colorScheme","useColorScheme","defaultTheme","extendTheme","components"],"mappings":"2WAIA,MAAMA,EAAWA,EAAGC,SAAAA,KAAaC,MAC/BC,QAAQC,IAAI,4BAEVC,EAAAC,cAACC,EAAWC,OAAAC,QAAAC,oBAAiCR,GAC1CD,ICJDU,EAASA,EAAGV,SAAAA,KAAaC,KAE3BG,EAAAC,cAACM,EAASJ,OAAAC,QAAAC,mBAAyBG,qBAAuBX,GACvDD,GCEDa,EAAgBA,EAAGb,SAAAA,EAAUc,MAAAA,UAAYC,EAAAC,EAI7C,OAHAd,QAAQC,IAAI,QAASW,GACrBZ,QAAQC,IAAI,kBAAmBW,MAAAA,SAAAA,EAAOG,mBAGpCb,EAAAC,cAACa,GAAgBJ,MAAOA,GACtBV,EAAAC,cAACc,GAAqBC,gBACpBhB,EAAAC,cAACgB,QACDjB,EAAAC,cAACiB,QACDlB,EAAAC,cAACkB,SACAT,MAAAA,WAAKC,EAALD,EAAOU,0BAAcT,SAArBA,EAAuBU,iBACtBrB,EAAAC,2BAAQS,MAAAA,WAAKE,EAALF,EAAOU,0BAAcR,SAArBA,EAAuBS,gBAEhCzB,KAMHuB,EAAoBA,KACxB,MAAMG,EAAkBC,IAExB,OADAzB,QAAQC,IAAI,kBAAmBuB,SAI3BJ,EAAiBA,KACrB,MAAMM,EAAcC,IAEpB,OADA3B,QAAQC,IAAI,cAAeyB,SC/BhBE,EAAeC,EAAY,CACtCP,eAAgB,CACdC,eAAgB,u0OA+DlBO,WAAY"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tollbrothers/blueprint",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "Toll Brothers Design System",
5
5
  "author": "",
6
6
  "license": "ISC",