@tollbrothers/blueprint 1.4.2 → 1.4.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.
- package/dist/index.css +2 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/index.modern.mjs +2 -0
- package/dist/index.modern.mjs.map +1 -0
- package/package.json +2 -1
package/dist/index.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
._RkubW{align-items:center;border:0;border-radius:var(--mui-tb-BorderRadius);cursor:pointer;display:flex;font-weight:500;justify-content:center;margin:8px;min-width:55px}._RkubW._pV7AR{font-size:14px;height:30px;min-width:180px;padding:24px 48px}._RkubW._5ymyJ{font-size:18px;height:48px;min-width:240px;padding:32px 56px}._RkubW._mBDYt{font-size:22px;height:60px;min-width:320px;padding:40px 64px}._RkubW._ivhCB._qeZ-W{background-color:var(--mui-palette-TB-Brand-Accent)}._RkubW._ivhCB._ay1Sp,._RkubW._ivhCB._qeZ-W{color:var(--mui-palette-TB-Functional-White,#fff)}._RkubW._ivhCB._ay1Sp{background-color:var(--mui-palette-TB-Brand-Primary,#0c223f)}._RkubW._ivhCB._MZ8Ww{background-color:var(--mui-palette-TB-Brand-Medium)}._RkubW._ivhCB._MZ8Ww,._RkubW._ivhCB._a46Z-{color:var(--mui-palette-TB-Functional-White,#fff)}._RkubW._ivhCB._a46Z-{background-color:var(--mui-palette-TB-Functional-Success,#009d47)}._RkubW._ivhCB._Zytjc{background-color:var(--mui-palette-TB-Functional-Error,#a31f34);color:var(--mui-palette-TB-Functional-White,#fff)}._RkubW._ivhCB:focus,._RkubW._ivhCB:hover{opacity:.9}._RkubW._2PUk2._qeZ-W{border:1px solid var(--mui-palette-TB-Brand-Accent);color:var(--mui-palette-TB-Brand-Accent)}._RkubW._2PUk2._ay1Sp,._RkubW._2PUk2._qeZ-W{background-color:var(--mui-palette-TB-Functional-White,#fff)}._RkubW._2PUk2._ay1Sp{border:1px solid var(--mui-palette-TB-Brand-Primary);color:var(--mui-palette-TB-Brand-Primary)}._RkubW._2PUk2._MZ8Ww{border:1px solid var(--mui-palette-TB-Brand-Medium);color:var(--mui-palette-TB-Brand-Medium)}._RkubW._2PUk2._MZ8Ww,._RkubW._2PUk2._a46Z-{background-color:var(--mui-palette-TB-Functional-White,#fff)}._RkubW._2PUk2._a46Z-{border:1px solid var(--mui-palette-TB-Functional-Success,#009d47);color:var(--mui-palette-TB-Functional-Success,#009d47)}._RkubW._2PUk2._Zytjc{background-color:var(--mui-palette-TB-Functional-White,#fff);border:1px solid var(--mui-palette-TB-Functional-Error,#a31f34);color:var(--mui-palette-TB-Functional-Error,#a31f34)}._RkubW._MhyX-._qeZ-W{background-color:transparent;color:var(--mui-palette-TB-Brand-Accent)}._RkubW._MhyX-._ay1Sp{background-color:transparent;color:var(--mui-palette-TB-Brand-Primary)}._RkubW._MhyX-._MZ8Ww{background-color:transparent;color:var(--mui-palette-TB-Brand-Medium)}._RkubW._MhyX-._a46Z-{background-color:transparent;color:var(--mui-palette-TB-Functional-Success,#009d47)}._RkubW._MhyX-._Zytjc{background-color:transparent;color:var(--mui-palette-TB-Functional-Error,#a31f34)}._RkubW img{filter:invert(1);height:13px}._RkubW span{display:none}@media (min-width:768px){._RkubW span{display:inline-block;font-size:14px;margin-left:8px;white-space:nowrap}}._RkubW:disabled{cursor:not-allowed;opacity:.5}._RkubW:disabled:hover{opacity:.5}._-kJUj{border:1px solid;border-color:var(--mui-palette-TB-Functional-MedGray);border-radius:4px;height:20px;padding:8px;width:20px}._MeMZp{align-items:center;align-self:stretch;background:var(--TB-Brand-BG-Text,#fff);border:1px solid var(--TB-Brand-Gray,#8195a2);display:flex;height:60px;padding:0 20px;position:relative;width:343px}._MeMZp._8Hsn-{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._MeMZp._eNyUD{background:#e9edf0;border-color:var(--mui-palette-TB-Functional-DarkGray,#858585)}._Bc-Kx{background:transparent;border:none;color:var(--TB-Brand-Base-Text,#000);font:var(--mui-MuiCssBaseline-typography-SubheaderBase-font);height:100%;padding:12px 0 0;text-align:left;width:100%}._Bc-Kx:focus{outline:none}._Bc-Kx:disabled{cursor:not-allowed}._78FKB{color:var(--TB-Brand-Base-Text,#000);font:var(--mui-MuiCssBaseline-typography-GothamBaseBook-font);left:20px;pointer-events:none;position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:all .2s ease-out}._5znRk{font:var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);top:6px;transform:translateY(0)}._Bc-Kx:not(:-moz-placeholder-shown)+._78FKB{top:6px;transform:translateY(0)}._Bc-Kx:not(:placeholder-shown)+._78FKB{top:6px;transform:translateY(0)}._eNyUD ._78FKB{color:#858585}._z1n8A{align-items:center;background:var(--mui-palette-TB-Functional-White,#fff);border:1px solid var(--mui-palette-TB-Brand-Gray,#8195a2);display:flex;height:200px;padding:0 20px;position:relative;transition:all .2s ease-out;width:343px}._z1n8A._2RHao{border-bottom:4px solid var(--mui-palette-TB-Brand-Gray,#8195a2)}._z1n8A._k6HqW{background:var(--mui-palette-TB-Functional-LightGray,#e9edf0);border-color:var(--mui-palette-TB-Functional-DarkGray,#858585)}._iEdgY{background:transparent;border:none;color:#000;font:var(--mui-MuiCssBaseline-typography-SubheaderBase-font);height:calc(100% - 20px);padding:12px 0 0;resize:none;text-align:left;width:100%}._iEdgY:focus{outline:none}._iEdgY:disabled{cursor:not-allowed}._VSnow{color:#000;font:var(--mui-MuiCssBaseline-typography-semantic-Placeholder-font);left:20px;pointer-events:none;position:absolute;top:20px;transition:all .2s ease-out}._YYp0f{font:var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);top:4px}._iEdgY:not(:-moz-placeholder-shown)+._VSnow{font:var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);top:4px}._iEdgY:not(:placeholder-shown)+._VSnow{font:var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);top:4px}._LuSeq,._k6HqW ._VSnow{color:var(--mui-palette-TB-Functional-DarkGray,#858585)}._LuSeq{bottom:5px;font-size:12px;position:absolute;right:20px}._5eXiF{display:flex;flex-direction:column;gap:16px}._9-wY-{justify-content:space-between;padding:0 16px;position:relative}._9-wY-,._9-wY- ._SYuOW{display:flex;gap:16px;width:100%}._9-wY- ._SYuOW{align-items:flex-end;overflow-x:scroll}._9-wY- ._SYuOW::-webkit-scrollbar{height:2px;margin-top:-1px;width:1px}._9-wY- ._SYuOW::-webkit-scrollbar-track{background:transparent}._9-wY- ._SYuOW::-webkit-scrollbar-track-piece{border:1px solid transparent}._9-wY- ._SYuOW::-webkit-scrollbar-thumb{background:var(--mui-palette-TB-Functional-DarkGray,#858585)}._9-wY-:after{background-color:#d8d8d8;bottom:0;box-shadow:0 1px 2px hsla(0,0%,52%,.15);content:"";height:1px;left:0;position:absolute;right:0}._V7xf9{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font:var(--mui-MuiCssBaseline-typography-GothamBaseBold-font);gap:8px}._V7xf9._GVCyF{color:var(--mui-palette-TB-Functional-Black,#000)}._V7xf9:not(._GVCyF){color:var(--mui-palette-TB-Functional-DarkGray,#858585)}._3-wzH{padding:0 16px}._tsK-o{background-color:transparent;height:2px;position:relative;width:100%;z-index:1}._GVCyF ._tsK-o{background-color:var(--mui-palette-TB-Brand-Accent,#0070cd)}
|
|
2
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Button.module.scss","SquareIconButton.module.scss","InputField.module.scss","TextArea.module.scss","Tabs.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\nUSEAGE:\n\nsizes: xs, sm, md, lg, xl\n\naside.primary {\n @include breakpoint(md) {\n float: right;\n width: 350px;\n }\n @include breakpoint(480px) {\n display: none;\n }\n @include breakpoint($min: 640px, $max: 767px) {\n text-align: center;\n font-style: italic;\n }\n}\n\nsizes: xs,sm,md,lg\n\n*/\n.button {\n border: 0;\n min-width: 55px;\n margin: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: var(--mui-tb-BorderRadius);\n font-weight: 500;\n /**\n * Sizes\n */\n /**\n * Variants\n */\n}\n.button.small {\n font-size: 14px;\n height: 30px;\n padding: 24px 48px;\n min-width: 180px;\n}\n.button.medium {\n font-size: 18px;\n height: 48px;\n padding: 32px 56px;\n min-width: 240px;\n}\n.button.large {\n font-size: 22px;\n height: 60px;\n padding: 40px 64px;\n min-width: 320px;\n}\n.button.contained.accent {\n background-color: var(--mui-palette-TB-Brand-Accent);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.primary {\n background-color: var(--mui-palette-TB-Brand-Primary, #0C223F);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.mediumColor {\n background-color: var(--mui-palette-TB-Brand-Medium);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.success {\n background-color: var(--mui-palette-TB-Functional-Success, #009D47);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.error {\n background-color: var(--mui-palette-TB-Functional-Error, #A31F34);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained:focus, .button.contained:hover {\n opacity: 0.9;\n}\n.button.outlined.accent {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Brand-Accent);\n border: 1px solid var(--mui-palette-TB-Brand-Accent);\n}\n.button.outlined.primary {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Brand-Primary);\n border: 1px solid var(--mui-palette-TB-Brand-Primary);\n}\n.button.outlined.mediumColor {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Brand-Medium);\n border: 1px solid var(--mui-palette-TB-Brand-Medium);\n}\n.button.outlined.success {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Functional-Success, #009D47);\n border: 1px solid var(--mui-palette-TB-Functional-Success, #009D47);\n}\n.button.outlined.error {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Functional-Error, #A31F34);\n border: 1px solid var(--mui-palette-TB-Functional-Error, #A31F34);\n}\n.button.text.accent {\n background-color: transparent;\n color: var(--mui-palette-TB-Brand-Accent);\n}\n.button.text.primary {\n background-color: transparent;\n color: var(--mui-palette-TB-Brand-Primary);\n}\n.button.text.mediumColor {\n background-color: transparent;\n color: var(--mui-palette-TB-Brand-Medium);\n}\n.button.text.success {\n background-color: transparent;\n color: var(--mui-palette-TB-Functional-Success, #009D47);\n}\n.button.text.error {\n background-color: transparent;\n color: var(--mui-palette-TB-Functional-Error, #A31F34);\n}\n.button img {\n filter: invert(1);\n height: 13px;\n}\n.button span {\n display: none;\n}\n@media (min-width: 768px) {\n .button span {\n display: inline-block;\n font-size: 14px;\n white-space: nowrap;\n margin-left: 8px;\n }\n}\n.button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.button:disabled:hover {\n opacity: 0.5;\n}",".squareIconButton {\n border-radius: 4px;\n border: 1px solid;\n border-color: var(--mui-palette-TB-Functional-MedGray);\n width: 20px;\n height: 20px;\n padding: 8px;\n}",".inputContainer {\n display: flex;\n height: 60px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n align-self: stretch;\n position: relative;\n border: 1px solid var(--TB-Brand-Gray, #8195A2);\n background: var(--TB-Brand-BG-Text, #FFF);\n}\n\n.inputContainer.focused {\n border-bottom: 4px solid var(--TB-Brand-Gray, #8195A2);\n}\n\n.inputContainer.disabled {\n background: #E9EDF0;\n border-color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.input {\n width: 100%;\n height: 100%;\n border: none;\n background: transparent;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--mui-MuiCssBaseline-typography-SubheaderBase-font);\n}\n\n.input:focus {\n outline: none;\n}\n\n.input:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n transition: all 0.2s ease-out;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n pointer-events: none;\n font: var(--mui-MuiCssBaseline-typography-GothamBaseBook-font);\n}\n\n.floatingPlaceholder {\n top: 6px;\n transform: translateY(0);\n font: var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);\n}\n\n.input:not(:placeholder-shown) + .placeholder {\n top: 6px;\n transform: translateY(0);\n}\n\n.disabled .placeholder {\n color: #858585;\n}",".textAreaContainer {\n display: flex;\n height: 200px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n position: relative;\n border: 1px solid var(--mui-palette-TB-Brand-Gray, #8195A2);\n background: var(--mui-palette-TB-Functional-White, #FFFFFF);\n transition: all 0.2s ease-out;\n}\n.textAreaContainer.focused {\n border-bottom: 4px solid var(--mui-palette-TB-Brand-Gray, #8195A2);\n}\n.textAreaContainer.disabled {\n background: var(--mui-palette-TB-Functional-LightGray, #E9EDF0);\n border-color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.textarea {\n width: 100%;\n height: calc(100% - 20px);\n border: none;\n background: transparent;\n color: #000;\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--mui-MuiCssBaseline-typography-SubheaderBase-font);\n resize: none;\n}\n.textarea:focus {\n outline: none;\n}\n.textarea:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 20px;\n transition: all 0.2s ease-out;\n color: #000;\n pointer-events: none;\n font: var(--mui-MuiCssBaseline-typography-semantic-Placeholder-font);\n}\n\n.floatingPlaceholder {\n top: 4px;\n font: var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);\n}\n\n.textarea:not(:placeholder-shown) + .placeholder {\n top: 4px;\n font: var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);\n}\n\n.disabled .placeholder {\n color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.charCounter {\n position: absolute;\n bottom: 5px;\n right: 20px;\n font-size: 12px;\n color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}",".tabContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.tabTitleContainer {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n position: relative;\n width: 100%;\n padding: 0 16px;\n}\n.tabTitleContainer .tabTitleScrollable {\n display: flex;\n gap: 16px;\n overflow-x: scroll;\n align-items: flex-end;\n width: 100%;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar {\n width: 1px;\n height: 2px;\n margin-top: -1px;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track-piece {\n border: 1px solid transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-thumb {\n background: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n.tabTitleContainer::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background-color: #D8D8D8;\n box-shadow: 0 1px 2px rgba(133, 133, 133, 0.15);\n}\n\n.tabItem {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n cursor: pointer;\n font: var(--mui-MuiCssBaseline-typography-GothamBaseBold-font);\n}\n.tabItem.selected {\n color: var(--mui-palette-TB-Functional-Black, #000000);\n}\n.tabItem:not(.selected) {\n color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.tabContent {\n padding: 0 16px;\n}\n\n.selectionBar {\n width: 100%;\n height: 2px;\n background-color: transparent;\n position: relative;\n z-index: 1;\n}\n.selected .selectionBar {\n background-color: var(--mui-palette-TB-Brand-Accent, #0070CD);\n}"]}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=require("react/jsx-runtime"),o=require("@mui/material/IconButton"),t=require("react"),n=require("@mui/material/CssBaseline"),a=require("@mui/material/styles");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=/*#__PURE__*/i(o),l=/*#__PURE__*/i(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(null,arguments)}function m(e,o){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(o.indexOf(n)>=0)continue;t[n]=e[n]}return t}var f=["children","variant","size","color","className"],d=function(o){var t=o.children,n=o.variant,a=void 0===n?"contained":n,i=o.size,r=void 0===i?"large":i,l=o.color,d=void 0===l?"accent":l,u=o.className,c=void 0===u?"":u,h=m(o,f),p=["_RkubW"];return"contained"===a?p.push("_ivhCB"):"outlined"===a?p.push("_2PUk2"):"text"===a&&p.push("_MhyX-"),"small"===r?p.push("_pV7AR"):"medium"===r?p.push("_5ymyJ"):"large"===r&&p.push("_mBDYt"),"accent"===d?p.push("_qeZ-W"):"primary"===d?p.push("_ay1Sp"):"medium"===d?p.push("_MZ8Ww"):"success"===d?p.push("_a46Z-"):"error"===d&&p.push("_Zytjc"),/*#__PURE__*/e.jsx("button",s({className:p.join(" ")+" "+c,type:"button"},h,{children:t}))},u=["children","className"],c=function(o){var t=o.children,n=o.className,a=void 0===n?"":n,i=m(o,u);/*#__PURE__*/return e.jsx(r.default,s({className:"_-kJUj "+a,color:"inherit",type:"button"},i,{children:t}))},h=["isCondensed","children","className"],p=["placeholder","disabled"],F=["placeholder","disabled","maxLength","value"],y={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"},b={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"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{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:500,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"}},g={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:s({},b,{semantic:{Placeholder:b.GothamBaseBook,FloatingPlaceholder:b.GothamXSmallBook,Input:b.SubheaderBase,ButtonLabelBase:b.GothamBaseBold,ButtonLabelSmall:b.GothamSmallBold,TabLabel:b.GothamBaseBold,TagLabel:b.GothamSmallBold}}),tb:{BorderRadius:"4px"}},x=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 '}},g),v=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:"#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"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{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:500,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:500,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:500,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}}},{components:s({},{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)"}}}}}})});exports.Button=d,exports.FallbackAddButton=function(o){var t=o.isCondensed,n=void 0!==t&&t,a=o.children,i=void 0===a?"":a,r=o.className,l=void 0===r?"":r,f=m(o,h);return n?/*#__PURE__*/e.jsx(c,s({className:l},f,{children:"+"})):/*#__PURE__*/e.jsxs(d,s({size:"small",color:"accent",variant:"text",className:"tb-MuiCssBaseline-typography-GothamBaseBold-font "+l,style:{textWrap:"nowrap"},type:"button"},f,{children:["+ ",i]}))},exports.InputField=function(o){var n=o.placeholder,a=o.disabled,i=m(o,p),r=t.useState(!1),l=r[0],f=r[1],d=t.useState(!1),u=d[0],c=d[1];/*#__PURE__*/return e.jsxs("div",{className:"_MeMZp "+(l?"_8Hsn-":"")+" "+(a?"_eNyUD":""),children:[/*#__PURE__*/e.jsx("input",s({className:"_Bc-Kx",onFocus:function(){return!a&&f(!0)},onBlur:function(e){f(!1),c(""!==e.target.value)},onChange:function(e){c(""!==e.target.value)},placeholder:" ",disabled:a},i)),/*#__PURE__*/e.jsx("label",{className:"_78FKB "+(l||u?"_5znRk":""),children:n})]})},exports.SquareIconButton=c,exports.Tabs=function(o){var n=o.tabs,a=o.tabAction,i=t.useState(0),r=i[0],l=i[1],s=t.useMemo(function(){return n[r].content},[r]),m=t.useMemo(function(){return a?a():null},[a]);/*#__PURE__*/return e.jsxs("div",{className:y.tabContainer,children:[/*#__PURE__*/e.jsxs("div",{className:y.tabTitleContainer,children:[/*#__PURE__*/e.jsx("div",{className:y.tabTitleScrollable,children:n.map(function(o,t){/*#__PURE__*/return e.jsx(e.Fragment,{children:/*#__PURE__*/e.jsxs("div",{className:y.tabItem+" "+(r===t?y.selected:""),onClick:function(){return l(t)},children:[o.title,/*#__PURE__*/e.jsx("div",{className:y.selectionBar})]},"blueprint-tab-"+t)})})}),m&&/*#__PURE__*/e.jsx("div",{className:y.tabActionContainer,children:m})]}),/*#__PURE__*/e.jsx("div",{className:y.tabContent,children:/*#__PURE__*/e.jsx(s,{})})]})},exports.TextArea=function(o){var n=o.placeholder,a=o.disabled,i=o.maxLength,r=void 0===i?200:i,l=o.value,f=m(o,F),d=t.useState(!1),u=d[0],c=d[1],h=t.useState(!1),p=h[0],y=h[1],b=t.useState((null==l?void 0:l.length)||0),g=b[0],x=b[1];/*#__PURE__*/return e.jsxs("div",{className:"_z1n8A "+(u?"_2RHao":"")+" "+(a?"_k6HqW":""),children:[/*#__PURE__*/e.jsx("textarea",s({className:"_iEdgY",onFocus:function(){return!a&&c(!0)},onBlur:function(e){c(!1),y(""!==e.target.value)},onChange:function(e){y(""!==e.target.value),x(e.target.length)},placeholder:" ",disabled:a,maxLength:r,value:l},f)),/*#__PURE__*/e.jsx("label",{className:"_VSnow "+(u||p?"_YYp0f":""),children:n}),/*#__PURE__*/e.jsxs("div",{className:"_LuSeq",children:[g,"/",r]})]})},exports.ThemeProvider=function(o){var n=o.children,i=o.theme,r=t.useState(null),m=r[0],f=r[1],d=t.useMemo(function(){return function(e){var o=e.theme;return a.extendTheme(s({},o,{MuiCssBaseline:s({},o.MuiCssBaseline,{typography:s({},Object.keys(o.typography).reduce(function(e,t,n){var a;return 0===n&&(e[t]=o.typography[t].font),s({},e,((a={})[t]=s({},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,margin:o.typography[t].margin}),a))},{}))})}))}({theme:i})},[i]);return t.useEffect(function(){var e;f(null==d||null==(e=d.MuiCssBaseline)?void 0:e.styleOverrides)},[d]),m?/*#__PURE__*/e.jsx(a.Experimental_CssVarsProvider,{theme:d,children:/*#__PURE__*/e.jsxs(a.StyledEngineProvider,{injectFirst:!0,children:[m&&/*#__PURE__*/e.jsx(l.default,{}),m&&/*#__PURE__*/e.jsx("style",{children:m}),m&&/*#__PURE__*/e.jsx("style",{children:"\n "+Object.keys(d.MuiCssBaseline.typography).map(function(e){return"\n .tb-MuiCssBaseline-typography-"+e+"-font {\n font: var(--mui-MuiCssBaseline-typography-"+e+"-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-"+e+"-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-"+e+"-textTransform);\n }\n "}).join("\n")+"\n "}),m&&/*#__PURE__*/e.jsx("style",{children:"\n h1.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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]})}):n},exports.defaultTheme=x,exports.kragleTheme=v;
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/mui/primitives/Button/Button.js","../src/mui/primitives/SquareIconButton/SquareIconButton.js","../src/mui/primitives/FallbackAddButton/FallbackAddButton.js","../src/mui/primitives/TextArea/TextArea.js","../src/themes/default/figma.js","../src/themes/default/theme.js","../src/themes/kragle/theme.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/Tabs/Tabs.js","../src/themes/ThemeProvider.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'large', color = 'accent', className = '', ...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(' ')} ${className}`} type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import IconButton from '@mui/material/IconButton';\nimport styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <IconButton className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </IconButton>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`tb-MuiCssBaseline-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n};\nexport const figmaTheme = {\n colorSchemes: {\n light: {\n palette: {\n TB: {\n Brand: {\n Primary: '#0C223F',\n Medium: '#004876',\n Accent: '#0070CD',\n Gray: '#8195A2',\n },\n Functional: {\n Black: '#000000',\n OffBlack: '#595959',\n White: '#FFFFFF',\n OffWhite: '#B5B5B5',\n DarkGray: '#858585',\n MedGray: '#D8D8D8',\n LightGray: '#E9EDF0',\n GrayOnDark: 'rgba(255, 255, 255, 0.2)',\n Success: '#009D47',\n Error: '#A31F34',\n },\n POI: {\n Food: '#AD3F49',\n Fitness: '#D78956',\n Entertainment: '#DBAE60',\n Parks: '#5E8748',\n Transportation: '#5C8988',\n Business: '#2C71C7',\n Shopping: '#344072',\n School: '#543D6E',\n },\n },\n primary: {\n contrast: '#FFFFFF',\n main: '#2196F3',\n },\n action: {\n disabled: 'rgba(0, 0, 0, 0.38)',\n },\n },\n },\n dark: {\n palette: {\n TB: {\n Brand: {\n Primary: '#FFFFFF',\n Medium: '#FFFFFF',\n Accent: '#FFFFFF',\n Gray: '#FFFFFF',\n },\n Functional: {\n Black: '#FFFFFF',\n OffBlack: '#FFFFFF',\n White: '#FFFFFF',\n OffWhite: '#FFFFFF',\n DarkGray: '#FFFFFF',\n MedGray: '#FFFFFF',\n LightGray: '#FFFFFF',\n GrayOnDark: '#FFFFFF',\n Success: '#FFFFFF',\n Error: '#FFFFFF',\n },\n POI: {\n Food: '#FFFFFF',\n Fitness: '#FFFFFF',\n Entertainment: '#FFFFFF',\n Parks: '#FFFFFF',\n Transportation: '#FFFFFF',\n Business: '#FFFFFF',\n Shopping: '#FFFFFF',\n School: '#FFFFFF',\n },\n },\n primary: {\n contrast: 'rgba(0, 0, 0, 0.87)',\n main: '#90CAF9',\n },\n action: {\n disabled: 'rgba(255, 255, 255, 0.38)',\n },\n },\n },\n },\n typography: {\n ...typography,\n semantic: {\n Placeholder: typography.GothamBaseBook,\n FloatingPlaceholder: typography.GothamXSmallBook,\n Input: typography.SubheaderBase,\n ButtonLabelBase: typography.GothamBaseBold,\n ButtonLabelSmall: typography.GothamSmallBold,\n TabLabel: typography.GothamBaseBold,\n TagLabel: typography.GothamSmallBold,\n },\n },\n tb: {\n BorderRadius: '4px',\n },\n};\n","import { figmaTheme } from './figma';\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};\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","import { useState } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = ({ placeholder, disabled, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n setHasValue(e.target.value !== '');\n };\n\n return (\n <div className={`${styles.inputContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n </div>\n );\n};\n\nexport default InputField;\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n","import { useEffect, useMemo, useState } from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { StyledEngineProvider, Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';\nimport { 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 margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n },\n });\n};\n\nconst ThemeProvider = ({ children, theme }) => {\n const [baselineStyles, setBaselineStyles] = useState(null);\n\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n useEffect(() => {\n setBaselineStyles(decoratedTheme?.MuiCssBaseline?.styleOverrides);\n }, [decoratedTheme]);\n\n if (!baselineStyles) {\n return children;\n }\n\n return (\n <CssVarsProvider theme={decoratedTheme}>\n <StyledEngineProvider injectFirst>\n {baselineStyles && <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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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"],"names":["_excluded","Button","_ref","children","_ref$variant","variant","_ref$size","size","_ref$color","color","_ref$className","className","rest","_objectWithoutPropertiesLoose","classes","push","_jsx","_extends","join","type","SquareIconButton","jsx","IconButton","styles","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","figmaTheme","colorSchemes","light","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","disabled","dark","semantic","Placeholder","FloatingPlaceholder","Input","ButtonLabelBase","ButtonLabelSmall","TabLabel","TagLabel","tb","BorderRadius","defaultTheme","MuiCssBaseline","styleOverrides","kragleTheme","components","_ref$isCondensed","isCondensed","_ref$children","_jsxs","style","textWrap","placeholder","props","_useState","useState","isFocused","setIsFocused","_useState2","hasValue","setHasValue","jsxs","onFocus","onBlur","e","target","value","onChange","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","_useState3","length","charCount","setCharCount","_ref2","theme","baselineStyles","setBaselineStyles","decoratedTheme","extendTheme","Object","keys","reduce","acc","key","_extends2","font","margin","decorateTheme","useEffect","_decoratedTheme$MuiCs","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","typographyKey"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as o,jsxs as e,Fragment as t}from"react/jsx-runtime";import n from"@mui/material/IconButton";import{useState as a,useMemo as i,useEffect as r}from"react";import l from"@mui/material/CssBaseline";import{Experimental_CssVarsProvider as s,StyledEngineProvider as m,extendTheme as f}from"@mui/material/styles";function d(){return d=Object.assign?Object.assign.bind():function(o){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(o[n]=t[n])}return o},d.apply(null,arguments)}function c(o,e){if(null==o)return{};var t={};for(var n in o)if({}.hasOwnProperty.call(o,n)){if(e.indexOf(n)>=0)continue;t[n]=o[n]}return t}const h=["children","variant","size","color","className"],u=e=>{let{children:t,variant:n="contained",size:a="large",color:i="accent",className:r=""}=e,l=c(e,h);const s=["_RkubW"];return"contained"===n?s.push("_ivhCB"):"outlined"===n?s.push("_2PUk2"):"text"===n&&s.push("_MhyX-"),"small"===a?s.push("_pV7AR"):"medium"===a?s.push("_5ymyJ"):"large"===a&&s.push("_mBDYt"),"accent"===i?s.push("_qeZ-W"):"primary"===i?s.push("_ay1Sp"):"medium"===i?s.push("_MZ8Ww"):"success"===i?s.push("_a46Z-"):"error"===i&&s.push("_Zytjc"),/*#__PURE__*/o("button",d({className:`${s.join(" ")} ${r}`,type:"button"},l,{children:t}))},p=["children","className"],F=e=>{let{children:t,className:a=""}=e,i=c(e,p);/*#__PURE__*/return o(n,d({className:`_-kJUj ${a}`,color:"inherit",type:"button"},i,{children:t}))},y=["isCondensed","children","className"],b=t=>{let{isCondensed:n=!1,children:a="",className:i=""}=t,r=c(t,y);return n?/*#__PURE__*/o(F,d({className:i},r,{children:"+"})):/*#__PURE__*/e(u,d({size:"small",color:"accent",variant:"text",className:`tb-MuiCssBaseline-typography-GothamBaseBold-font ${i}`,style:{textWrap:"nowrap"},type:"button"},r,{children:["+ ",a]}))},g=({children:t,theme:n})=>{const[c,h]=a(null),u=i(()=>(({theme:o})=>f(d({},o,{MuiCssBaseline:d({},o.MuiCssBaseline,{typography:d({},Object.keys(o.typography).reduce((e,t,n)=>(0===n&&(e[t]=o.typography[t].font),d({},e,{[t]:d({},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,margin:o.typography[t].margin})})),{}))})})))({theme:n}),[n]);return r(()=>{var o;h(null==u||null==(o=u.MuiCssBaseline)?void 0:o.styleOverrides)},[u]),c?/*#__PURE__*/o(s,{theme:u,children:/*#__PURE__*/e(m,{injectFirst:!0,children:[c&&/*#__PURE__*/o(l,{}),c&&/*#__PURE__*/o("style",{children:c}),c&&/*#__PURE__*/o("style",{children:`\n ${Object.keys(u.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 `}),c&&/*#__PURE__*/o("style",{children:"\n h1.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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 "}),t]})}):t},x=["placeholder","disabled"],S=t=>{let{placeholder:n,disabled:i}=t,r=c(t,x);const[l,s]=a(!1),[m,f]=a(!1);/*#__PURE__*/return e("div",{className:`_MeMZp ${l?"_8Hsn-":""} ${i?"_eNyUD":""}`,children:[/*#__PURE__*/o("input",d({className:"_Bc-Kx",onFocus:()=>!i&&s(!0),onBlur:o=>{s(!1),f(""!==o.target.value)},onChange:o=>{f(""!==o.target.value)},placeholder:" ",disabled:i},r)),/*#__PURE__*/o("label",{className:"_78FKB "+(l||m?"_5znRk":""),children:n})]})},v=["placeholder","disabled","maxLength","value"],B=t=>{let{placeholder:n,disabled:i,maxLength:r=200,value:l}=t,s=c(t,v);const[m,f]=a(!1),[h,u]=a(!1),[p,F]=a((null==l?void 0:l.length)||0);/*#__PURE__*/return e("div",{className:`_z1n8A ${m?"_2RHao":""} ${i?"_k6HqW":""}`,children:[/*#__PURE__*/o("textarea",d({className:"_iEdgY",onFocus:()=>!i&&f(!0),onBlur:o=>{f(!1),u(""!==o.target.value)},onChange:o=>{u(""!==o.target.value),F(o.target.length)},placeholder:" ",disabled:i,maxLength:r,value:l},s)),/*#__PURE__*/o("label",{className:"_VSnow "+(m||h?"_YYp0f":""),children:n}),/*#__PURE__*/e("div",{className:"_LuSeq",children:[p,"/",r]})]})};var M={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"};const w=({tabs:n,tabAction:r})=>{const[l,s]=a(0),m=i(()=>n[l].content,[l]),f=i(()=>r?r():null,[r]);/*#__PURE__*/return e("div",{className:M.tabContainer,children:[/*#__PURE__*/e("div",{className:M.tabTitleContainer,children:[/*#__PURE__*/o("div",{className:M.tabTitleScrollable,children:n.map((n,a)=>/*#__PURE__*/o(t,{children:/*#__PURE__*/e("div",{className:`${M.tabItem} ${l===a?M.selected:""}`,onClick:()=>s(a),children:[n.title,/*#__PURE__*/o("div",{className:M.selectionBar})]},`blueprint-tab-${a}`)}))}),f&&/*#__PURE__*/o("div",{className:M.tabActionContainer,children:f})]}),/*#__PURE__*/o("div",{className:M.tabContent,children:/*#__PURE__*/o(m,{})})]})},T={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"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{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:500,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"}},G={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:d({},T,{semantic:{Placeholder:T.GothamBaseBook,FloatingPlaceholder:T.GothamXSmallBook,Input:T.SubheaderBase,ButtonLabelBase:T.GothamBaseBold,ButtonLabelSmall:T.GothamSmallBold,TabLabel:T.GothamBaseBold,TagLabel:T.GothamSmallBold}}),tb:{BorderRadius:"4px"}},H=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 '}},G),D=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"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{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:500,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:500,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:500,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}}},{components:d({},{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{u as Button,b as FallbackAddButton,S as InputField,F as SquareIconButton,w as Tabs,B as TextArea,g as ThemeProvider,H as defaultTheme,D as kragleTheme};
|
|
2
|
+
//# sourceMappingURL=index.modern.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.modern.mjs","sources":["../src/mui/primitives/Button/Button.js","../src/mui/primitives/SquareIconButton/SquareIconButton.js","../src/mui/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/ThemeProvider.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/TextArea/TextArea.js","../src/mui/primitives/Tabs/Tabs.js","../src/themes/default/figma.js","../src/themes/default/theme.js","../src/themes/kragle/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'large', color = 'accent', className = '', ...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(' ')} ${className}`} type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import IconButton from '@mui/material/IconButton';\nimport styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <IconButton className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </IconButton>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`tb-MuiCssBaseline-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","import { useEffect, useMemo, useState } from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { StyledEngineProvider, Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';\nimport { 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 margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n },\n });\n};\n\nconst ThemeProvider = ({ children, theme }) => {\n const [baselineStyles, setBaselineStyles] = useState(null);\n\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n useEffect(() => {\n setBaselineStyles(decoratedTheme?.MuiCssBaseline?.styleOverrides);\n }, [decoratedTheme]);\n\n if (!baselineStyles) {\n return children;\n }\n\n return (\n <CssVarsProvider theme={decoratedTheme}>\n <StyledEngineProvider injectFirst>\n {baselineStyles && <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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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.MuiTypography-root, 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 { useState } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = ({ placeholder, disabled, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n setHasValue(e.target.value !== '');\n };\n\n return (\n <div className={`${styles.inputContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n </div>\n );\n};\n\nexport default InputField;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n};\nexport const figmaTheme = {\n colorSchemes: {\n light: {\n palette: {\n TB: {\n Brand: {\n Primary: '#0C223F',\n Medium: '#004876',\n Accent: '#0070CD',\n Gray: '#8195A2',\n },\n Functional: {\n Black: '#000000',\n OffBlack: '#595959',\n White: '#FFFFFF',\n OffWhite: '#B5B5B5',\n DarkGray: '#858585',\n MedGray: '#D8D8D8',\n LightGray: '#E9EDF0',\n GrayOnDark: 'rgba(255, 255, 255, 0.2)',\n Success: '#009D47',\n Error: '#A31F34',\n },\n POI: {\n Food: '#AD3F49',\n Fitness: '#D78956',\n Entertainment: '#DBAE60',\n Parks: '#5E8748',\n Transportation: '#5C8988',\n Business: '#2C71C7',\n Shopping: '#344072',\n School: '#543D6E',\n },\n },\n primary: {\n contrast: '#FFFFFF',\n main: '#2196F3',\n },\n action: {\n disabled: 'rgba(0, 0, 0, 0.38)',\n },\n },\n },\n dark: {\n palette: {\n TB: {\n Brand: {\n Primary: '#FFFFFF',\n Medium: '#FFFFFF',\n Accent: '#FFFFFF',\n Gray: '#FFFFFF',\n },\n Functional: {\n Black: '#FFFFFF',\n OffBlack: '#FFFFFF',\n White: '#FFFFFF',\n OffWhite: '#FFFFFF',\n DarkGray: '#FFFFFF',\n MedGray: '#FFFFFF',\n LightGray: '#FFFFFF',\n GrayOnDark: '#FFFFFF',\n Success: '#FFFFFF',\n Error: '#FFFFFF',\n },\n POI: {\n Food: '#FFFFFF',\n Fitness: '#FFFFFF',\n Entertainment: '#FFFFFF',\n Parks: '#FFFFFF',\n Transportation: '#FFFFFF',\n Business: '#FFFFFF',\n Shopping: '#FFFFFF',\n School: '#FFFFFF',\n },\n },\n primary: {\n contrast: 'rgba(0, 0, 0, 0.87)',\n main: '#90CAF9',\n },\n action: {\n disabled: 'rgba(255, 255, 255, 0.38)',\n },\n },\n },\n },\n typography: {\n ...typography,\n semantic: {\n Placeholder: typography.GothamBaseBook,\n FloatingPlaceholder: typography.GothamXSmallBook,\n Input: typography.SubheaderBase,\n ButtonLabelBase: typography.GothamBaseBold,\n ButtonLabelSmall: typography.GothamSmallBold,\n TabLabel: typography.GothamBaseBold,\n TagLabel: typography.GothamSmallBold,\n },\n },\n tb: {\n BorderRadius: '4px',\n },\n};\n","import { figmaTheme } from './figma';\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};\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":["_excluded","Button","_ref","children","variant","size","color","className","rest","_objectWithoutPropertiesLoose","classes","push","_jsx","_extends","join","type","SquareIconButton","IconButton","FallbackAddButton","isCondensed","_jsxs","style","textWrap","ThemeProvider","theme","baselineStyles","setBaselineStyles","useState","decoratedTheme","useMemo","decorateTheme","extendTheme","MuiCssBaseline","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","useEffect","_decoratedTheme$MuiCs","styleOverrides","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","map","typographyKey","InputField","placeholder","disabled","props","isFocused","setIsFocused","hasValue","setHasValue","onFocus","handleFocus","onBlur","e","target","value","onChange","TextArea","maxLength","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","content","tabActionComponent","styles","tabContainer","tabTitleContainer","tabTitleScrollable","tab","_Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","H1","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","figmaTheme","colorSchemes","light","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","dark","semantic","Placeholder","FloatingPlaceholder","Input","ButtonLabelBase","ButtonLabelSmall","TabLabel","TagLabel","tb","BorderRadius","defaultTheme","kragleTheme","components"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tollbrothers/blueprint",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.4",
|
|
4
4
|
"description": "Toll Brothers Design System",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"bundle": "microbundle --no-compress --jsx React.createElement --jsxImportSource react --compress --format modern,cjs",
|
|
19
19
|
"build": "npm run bundle",
|
|
20
20
|
"dev": "npm run bundle -- watch",
|
|
21
|
+
"prepare": "run-s build",
|
|
21
22
|
"predeploy": "cd example && npm install && npm run build",
|
|
22
23
|
"deploy": "gh-pages -d example/build",
|
|
23
24
|
"storybook": "storybook dev -p 6006",
|