@tollbrothers/blueprint 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.mjs +1 -1
- package/dist/index.modern.mjs.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -79,8 +79,7 @@ To ensure proper resolution of dependencies, particularly for React, React DOM,
|
|
|
79
79
|
"compilerOptions": {
|
|
80
80
|
"paths": {
|
|
81
81
|
"react": ["./node_modules/react"],
|
|
82
|
-
"react-dom": ["./node_modules/react-dom"]
|
|
83
|
-
"@mui/material/*": ["./node_modules/@mui/material/*"]
|
|
82
|
+
"react-dom": ["./node_modules/react-dom"]
|
|
84
83
|
}
|
|
85
84
|
}
|
|
86
85
|
}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t=require("react/jsx-runtime"),n=require("react");function e(){return e=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},e.apply(null,arguments)}function o(t,n){if(null==t)return{};var e={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(n.indexOf(o)>=0)continue;e[o]=t[o]}return e}var a=["children","variant","size","color","className","fullWidth"],r=function(n){var r=n.children,i=n.variant,l=void 0===i?"contained":i,s=n.size,f=void 0===s?"base":s,m=n.color,h=void 0===m?"accent":m,c=n.className,p=void 0===c?"":c,y=n.fullWidth,d=void 0!==y&&y,u=o(n,a),x=["_RkubW"];return d&&x.push("_6cI1z"),"contained"===l?x.push("_ivhCB"):"outlined"===l?x.push("_2PUk2"):"text"===l&&x.push("_MhyX-"),"small"===f&&x.push("_pV7AR"),"accent"===h?x.push("_qeZ-W"):"primary"===h?x.push("_ay1Sp"):"medium"===h?x.push("_MZ8Ww"):"success"===h?x.push("_a46Z-"):"error"===h&&x.push("_Zytjc"),/*#__PURE__*/t.jsx("button",e({className:x.join(" ")+" "+p,type:"button"},u,{children:r}))},i=["children","className"],l=function(n){var a=n.children,r=n.className,l=void 0===r?"":r,s=o(n,i);/*#__PURE__*/return t.jsx("button",e({className:"_-kJUj "+l,color:"inherit",type:"button"},s,{children:a}))},s=["isCondensed","children","className"],f=function(t){var n=t.theme;return e({},n,{typography:e({},Object.keys(n.typography).reduce(function(t,o,a){var r;return 0===a&&(t[o]=n.typography[o].font),e({},t,((r={})[o]=e({},n.typography[o],{font:n.typography[o].fontStyle+"\n "+n.typography[o].fontWeight+"\n "+n.typography[o].fontSize+"/\n "+n.typography[o].lineHeight+"\n "+n.typography[o].fontFamily,fontStyle:n.typography[o].fontStyle,fontWeight:n.typography[o].fontWeight,fontSize:n.typography[o].fontSize,lineHeight:n.typography[o].lineHeight,fontFamily:n.typography[o].fontFamily,textDecorationLine:n.typography[o].textDecorationLine,textTransform:n.typography[o].textTransform,margin:n.typography[o].margin}),r))},{}))})};function m(t,n){void 0===n&&(n="");for(var e={},o=0,a=Object.entries(t);o<a.length;o++){var r=a[o],i=r[0],l=r[1],s=n?n+"-"+i:i;"object"==typeof l&&null!==l?Object.assign(e,m(l,s)):e["--tb-"+s]=l}return e}var h=/*#__PURE__*/n.createContext(),c=["placeholder","disabled"],p=["placeholder","disabled","maxLength","value"],y={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"},d={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"}},u={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)"}},typography:e({},d,{SemanticPlaceholder:d.GothamBaseBook,SemanticFloatingPlaceholder:d.GothamXSmallBook,SemanticInput:d.SubheaderBase,SemanticButtonLabelBase:d.GothamBaseBold,SemanticButtonLabelSmall:d.GothamSmallBold,SemanticTabLabel:d.GothamBaseBold,SemanticTagLabel:d.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=r,exports.FallbackAddButton=function(n){var a=n.isCondensed,i=void 0!==a&&a,f=n.children,m=void 0===f?"":f,h=n.className,c=void 0===h?"":h,p=o(n,s);return i?/*#__PURE__*/t.jsx(l,e({className:c},p,{children:"+"})):/*#__PURE__*/t.jsxs(r,e({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+c,style:{textWrap:"nowrap"},type:"button"},p,{children:["+ ",m]}))},exports.InputField=function(a){var r=a.placeholder,i=a.disabled,l=o(a,c),s=n.useState(!1),f=s[0],m=s[1],h=n.useState(!1),p=h[0],y=h[1];/*#__PURE__*/return t.jsxs("div",{className:"_MeMZp "+(f?"_8Hsn-":"")+" "+(i?"_eNyUD":""),children:[/*#__PURE__*/t.jsx("input",e({className:"_Bc-Kx",onFocus:function(){return!i&&m(!0)},onBlur:function(t){m(!1),y(""!==t.target.value)},onChange:function(t){y(""!==t.target.value)},placeholder:" ",disabled:i},l)),/*#__PURE__*/t.jsx("label",{className:"_78FKB "+(f||p?"_5znRk":""),children:r})]})},exports.SquareIconButton=l,exports.Tabs=function(e){var o=e.tabs,a=e.tabAction,r=n.useState(0),i=r[0],l=r[1],s=n.useMemo(function(){return o[i].content},[i]),f=n.useMemo(function(){return a?a():null},[a]);/*#__PURE__*/return t.jsxs("div",{className:y.tabContainer,children:[/*#__PURE__*/t.jsxs("div",{className:y.tabTitleContainer,children:[/*#__PURE__*/t.jsx("div",{className:y.tabTitleScrollable,children:o.map(function(n,e){/*#__PURE__*/return t.jsx(t.Fragment,{children:/*#__PURE__*/t.jsxs("div",{className:y.tabItem+" "+(i===e?y.selected:""),onClick:function(){return l(e)},children:[n.title,/*#__PURE__*/t.jsx("div",{className:y.selectionBar})]},"blueprint-tab-"+e)})})}),f&&/*#__PURE__*/t.jsx("div",{className:y.tabActionContainer,children:f})]}),/*#__PURE__*/t.jsx("div",{className:y.tabContent,children:/*#__PURE__*/t.jsx(s,{})})]})},exports.TextArea=function(a){var r=a.placeholder,i=a.disabled,l=a.maxLength,s=void 0===l?200:l,f=a.value,m=o(a,p),h=n.useState(!1),c=h[0],y=h[1],d=n.useState(!1),u=d[0],x=d[1],g=n.useState((null==f?void 0:f.length)||0),b=g[0],S=g[1];/*#__PURE__*/return t.jsxs("div",{className:"_z1n8A "+(c?"_2RHao":"")+" "+(i?"_k6HqW":""),children:[/*#__PURE__*/t.jsx("textarea",e({className:"_iEdgY",onFocus:function(){return!i&&y(!0)},onBlur:function(t){y(!1),x(""!==t.target.value)},onChange:function(t){x(""!==t.target.value),S(t.target.length)},placeholder:" ",disabled:i,maxLength:s,value:f},m)),/*#__PURE__*/t.jsx("label",{className:"_VSnow "+(c||u?"_YYp0f":""),children:r}),/*#__PURE__*/t.jsxs("div",{className:"_LuSeq",children:[b,"/",s]})]})},exports.ThemeProvider=function(e){var o=e.children,a=e.theme,r=n.useMemo(function(){return f({theme:a})},[a]),i=n.useMemo(function(){return m(f({theme:a}))},[a]);/*#__PURE__*/return t.jsxs(h.Provider,{value:r,children:[/*#__PURE__*/t.jsx("style",{children:'\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}'}),/*#__PURE__*/t.jsx("style",{children:"\n:root {\n "+Object.entries(i).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n}"}),/*#__PURE__*/t.jsx("style",{children:"\n "+Object.keys(r.typography).map(function(t){return"\n.tb-typography-"+t+"-font {\n font: var(--tb-typography-"+t+"-font);\n text-decoration-line: var(--tb-typography-"+t+"-textDecorationLine);\n text-transform: var(--tb-typography-"+t+"-textTransform);\n}"}).join("\n")}),/*#__PURE__*/t.jsx("style",{children:"\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}"}),o]})},exports.defaultTheme=u,exports.useTheme=function(){return n.useContext(h)};
|
|
1
|
+
var t=require("react/jsx-runtime"),n=require("react");function e(){return e=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},e.apply(null,arguments)}function o(t,n){if(null==t)return{};var e={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(n.indexOf(o)>=0)continue;e[o]=t[o]}return e}var a=["children","variant","size","color","className","fullWidth"],r=function(n){var r=n.children,i=n.variant,l=void 0===i?"contained":i,s=n.size,f=void 0===s?"base":s,m=n.color,h=void 0===m?"accent":m,c=n.className,p=void 0===c?"":c,y=n.fullWidth,d=void 0!==y&&y,u=o(n,a),x=["_RkubW"];return d&&x.push("_6cI1z"),"contained"===l?x.push("_ivhCB"):"outlined"===l?x.push("_2PUk2"):"text"===l&&x.push("_MhyX-"),"small"===f&&x.push("_pV7AR"),"accent"===h?x.push("_qeZ-W"):"primary"===h?x.push("_ay1Sp"):"medium"===h?x.push("_MZ8Ww"):"success"===h?x.push("_a46Z-"):"error"===h&&x.push("_Zytjc"),/*#__PURE__*/t.jsx("button",e({className:x.join(" ")+" "+p,type:"button"},u,{children:r}))},i=["children","className"],l=function(n){var a=n.children,r=n.className,l=void 0===r?"":r,s=o(n,i);/*#__PURE__*/return t.jsx("button",e({className:"_-kJUj "+l,color:"inherit",type:"button"},s,{children:a}))},s=["isCondensed","children","className"],f=function(t){var n=t.theme;return e({},n,{typography:e({},Object.keys(n.typography).reduce(function(t,o,a){var r;return 0===a&&(t[o]=n.typography[o].font),e({},t,((r={})[o]=e({},n.typography[o],{font:n.typography[o].fontStyle+"\n "+n.typography[o].fontWeight+"\n "+n.typography[o].fontSize+"/\n "+n.typography[o].lineHeight+"\n "+n.typography[o].fontFamily,fontStyle:n.typography[o].fontStyle,fontWeight:n.typography[o].fontWeight,fontSize:n.typography[o].fontSize,lineHeight:n.typography[o].lineHeight,fontFamily:n.typography[o].fontFamily,textDecorationLine:n.typography[o].textDecorationLine,textTransform:n.typography[o].textTransform,margin:n.typography[o].margin}),r))},{}))})};function m(t,n){void 0===n&&(n="");for(var e={},o=0,a=Object.entries(t);o<a.length;o++){var r=a[o],i=r[0],l=r[1],s=n?n+"-"+i:i;"object"==typeof l&&null!==l?Object.assign(e,m(l,s)):e["--tb-"+s]=l}return e}var h=/*#__PURE__*/n.createContext(),c=["placeholder","disabled"],p=["placeholder","disabled","maxLength","value"],y={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"},d={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"}},u={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)"}},typography:e({},d,{SemanticPlaceholder:d.GothamBaseBook,SemanticFloatingPlaceholder:d.GothamXSmallBook,SemanticInput:d.SubheaderBase,SemanticButtonLabelBase:d.GothamBaseBold,SemanticButtonLabelSmall:d.GothamSmallBold,SemanticTabLabel:d.GothamBaseBold,SemanticTagLabel:d.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=r,exports.FallbackAddButton=function(n){var a=n.isCondensed,i=void 0!==a&&a,f=n.children,m=void 0===f?"":f,h=n.className,c=void 0===h?"":h,p=o(n,s);return i?/*#__PURE__*/t.jsx(l,e({className:c},p,{children:"+"})):/*#__PURE__*/t.jsxs(r,e({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+c,style:{textWrap:"nowrap"},type:"button"},p,{children:["+ ",m]}))},exports.InputField=function(a){var r=a.placeholder,i=a.disabled,l=o(a,c),s=n.useState(!1),f=s[0],m=s[1],h=n.useState(!1),p=h[0],y=h[1];/*#__PURE__*/return t.jsxs("div",{className:"_MeMZp "+(f?"_8Hsn-":"")+" "+(i?"_eNyUD":""),children:[/*#__PURE__*/t.jsx("input",e({className:"_Bc-Kx",onFocus:function(){return!i&&m(!0)},onBlur:function(t){m(!1),y(""!==t.target.value)},onChange:function(t){y(""!==t.target.value)},placeholder:" ",disabled:i},l)),/*#__PURE__*/t.jsx("label",{className:"_78FKB "+(f||p?"_5znRk":""),children:r})]})},exports.SquareIconButton=l,exports.Tabs=function(e){var o=e.tabs,a=e.tabAction,r=n.useState(0),i=r[0],l=r[1],s=n.useMemo(function(){return o[i].content},[i]),f=n.useMemo(function(){return a?a():null},[a]);/*#__PURE__*/return t.jsxs("div",{className:y.tabContainer,children:[/*#__PURE__*/t.jsxs("div",{className:y.tabTitleContainer,children:[/*#__PURE__*/t.jsx("div",{className:y.tabTitleScrollable,children:o.map(function(n,e){/*#__PURE__*/return t.jsx(t.Fragment,{children:/*#__PURE__*/t.jsxs("div",{className:y.tabItem+" "+(i===e?y.selected:""),onClick:function(){return l(e)},children:[n.title,/*#__PURE__*/t.jsx("div",{className:y.selectionBar})]},"blueprint-tab-"+e)})})}),f&&/*#__PURE__*/t.jsx("div",{className:y.tabActionContainer,children:f})]}),/*#__PURE__*/t.jsx("div",{className:y.tabContent,children:/*#__PURE__*/t.jsx(s,{})})]})},exports.TextArea=function(a){var r=a.placeholder,i=a.disabled,l=a.maxLength,s=void 0===l?200:l,f=a.value,m=o(a,p),h=n.useState(!1),c=h[0],y=h[1],d=n.useState(!1),u=d[0],x=d[1],g=n.useState((null==f?void 0:f.length)||0),b=g[0],S=g[1];/*#__PURE__*/return t.jsxs("div",{className:"_z1n8A "+(c?"_2RHao":"")+" "+(i?"_k6HqW":""),children:[/*#__PURE__*/t.jsx("textarea",e({className:"_iEdgY",onFocus:function(){return!i&&y(!0)},onBlur:function(t){y(!1),x(""!==t.target.value)},onChange:function(t){x(""!==t.target.value),S(t.target.length)},placeholder:" ",disabled:i,maxLength:s,value:f},m)),/*#__PURE__*/t.jsx("label",{className:"_VSnow "+(c||u?"_YYp0f":""),children:r}),/*#__PURE__*/t.jsxs("div",{className:"_LuSeq",children:[b,"/",s]})]})},exports.ThemeProvider=function(e){var o=e.children,a=e.theme,r=n.useMemo(function(){return f({theme:a})},[a]),i=n.useMemo(function(){return m(f({theme:a}))},[a]),l=n.useState(!1),s=l[0],c=l[1];return n.useEffect(function(){c(!0)},[]),s?/*#__PURE__*/t.jsxs(h.Provider,{value:r,children:[/*#__PURE__*/t.jsx("style",{children:'\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}'}),/*#__PURE__*/t.jsx("style",{children:"\n:root {\n "+Object.entries(i).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n}"}),/*#__PURE__*/t.jsx("style",{children:"\n "+Object.keys(r.typography).map(function(t){return"\n.tb-typography-"+t+"-font {\n font: var(--tb-typography-"+t+"-font);\n text-decoration-line: var(--tb-typography-"+t+"-textDecorationLine);\n text-transform: var(--tb-typography-"+t+"-textTransform);\n}"}).join("\n")}),/*#__PURE__*/t.jsx("style",{children:"\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}"}),o]}):null},exports.defaultTheme=u,exports.useTheme=function(){return n.useContext(h)};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +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/themes/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.js","../src/themes/ThemeProvider.js","../src/mui/primitives/TextArea/TextArea.js","../src/themes/default/typography.js","../src/themes/default/theme.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/Tabs/Tabs.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'base', color = 'accent', className = '', fullWidth = false, ...rest }) => {\n const classes = [styles.button];\n\n if (fullWidth) {\n classes.push(styles.fullWidth);\n }\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 }\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 styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\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={`blueprint-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","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\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\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { createContext, useContext, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\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 </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\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}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\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 typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\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"],"names":["_excluded","Button","_ref","children","_ref$variant","variant","_ref$size","size","_ref$color","color","_ref$className","className","_ref$fullWidth","fullWidth","rest","_objectWithoutPropertiesLoose","classes","push","_jsx","_extends","join","type","SquareIconButton","jsx","styles","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","_extends2","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","_i","_Object$entries","entries","length","_Object$entries$_i","value","newKey","assign","ThemeContext","createContext","H1","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","defaultTheme","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","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","_ref$isCondensed","isCondensed","_ref$children","_jsxs","style","textWrap","placeholder","props","_useState","useState","isFocused","setIsFocused","_useState2","hasValue","setHasValue","jsxs","onFocus","onBlur","e","target","onChange","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","_useState3","charCount","setCharCount","decoratedTheme","cssVarsObject","Provider","_ref2","typographyKey","useContext"],"mappings":"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"}
|
|
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/themes/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.js","../src/themes/ThemeProvider.js","../src/mui/primitives/TextArea/TextArea.js","../src/themes/default/typography.js","../src/themes/default/theme.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/Tabs/Tabs.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'base', color = 'accent', className = '', fullWidth = false, ...rest }) => {\n const classes = [styles.button];\n\n if (fullWidth) {\n classes.push(styles.fullWidth);\n }\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 }\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 styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\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={`blueprint-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","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\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\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\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 </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\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}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\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 typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\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"],"names":["_excluded","Button","_ref","children","_ref$variant","variant","_ref$size","size","_ref$color","color","_ref$className","className","_ref$fullWidth","fullWidth","rest","_objectWithoutPropertiesLoose","classes","push","_jsx","_extends","join","type","SquareIconButton","jsx","styles","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","_extends2","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","_i","_Object$entries","entries","length","_Object$entries$_i","value","newKey","assign","ThemeContext","createContext","H1","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","defaultTheme","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","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","_ref$isCondensed","isCondensed","_ref$children","_jsxs","style","textWrap","placeholder","props","_useState","useState","isFocused","setIsFocused","_useState2","hasValue","setHasValue","jsxs","onFocus","onBlur","e","target","onChange","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","_useState3","charCount","setCharCount","decoratedTheme","cssVarsObject","clientReady","setClientReady","useEffect","Provider","_ref2","typographyKey","useContext"],"mappings":"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"}
|
package/dist/index.modern.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t,jsxs as n,Fragment as e}from"react/jsx-runtime";import{useMemo as o,useContext as a,createContext as r,useState as i}from"react";function l(){return l=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},l.apply(null,arguments)}function f(t,n){if(null==t)return{};var e={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(n.indexOf(o)>=0)continue;e[o]=t[o]}return e}const s=["children","variant","size","color","className","fullWidth"],m=n=>{let{children:e,variant:o="contained",size:a="base",color:r="accent",className:i="",fullWidth:m=!1}=n,h=f(n,s);const c=["_RkubW"];return m&&c.push("_6cI1z"),"contained"===o?c.push("_ivhCB"):"outlined"===o?c.push("_2PUk2"):"text"===o&&c.push("_MhyX-"),"small"===a&&c.push("_pV7AR"),"accent"===r?c.push("_qeZ-W"):"primary"===r?c.push("_ay1Sp"):"medium"===r?c.push("_MZ8Ww"):"success"===r?c.push("_a46Z-"):"error"===r&&c.push("_Zytjc"),/*#__PURE__*/t("button",l({className:`${c.join(" ")} ${i}`,type:"button"},h,{children:e}))},h=["children","className"],c=n=>{let{children:e,className:o=""}=n,a=f(n,h);/*#__PURE__*/return t("button",l({className:`_-kJUj ${o}`,color:"inherit",type:"button"},a,{children:e}))},p=["isCondensed","children","className"],y=e=>{let{isCondensed:o=!1,children:a="",className:r=""}=e,i=f(e,p);return o?/*#__PURE__*/t(c,l({className:r},i,{children:"+"})):/*#__PURE__*/n(m,l({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${r}`,style:{textWrap:"nowrap"},type:"button"},i,{children:["+ ",a]}))},d=({theme:t})=>l({},t,{typography:l({},Object.keys(t.typography).reduce((n,e,o)=>(0===o&&(n[e]=t.typography[e].font),l({},n,{[e]:l({},t.typography[e],{font:`${t.typography[e].fontStyle}\n ${t.typography[e].fontWeight}\n ${t.typography[e].fontSize}/\n ${t.typography[e].lineHeight}\n ${t.typography[e].fontFamily}`,fontStyle:t.typography[e].fontStyle,fontWeight:t.typography[e].fontWeight,fontSize:t.typography[e].fontSize,lineHeight:t.typography[e].lineHeight,fontFamily:t.typography[e].fontFamily,textDecorationLine:t.typography[e].textDecorationLine,textTransform:t.typography[e].textTransform,margin:t.typography[e].margin})})),{}))});function g(t,n=""){const e={};for(const[o,a]of Object.entries(t)){const t=n?`${n}-${o}`:o;"object"==typeof a&&null!==a?Object.assign(e,g(a,t)):e[`--tb-${t}`]=a}return e}const b=/*#__PURE__*/r(),x=({children:e,theme:a})=>{const r=o(()=>d({theme:a}),[a]),i=o(()=>g(d({theme:a})),[a]);/*#__PURE__*/return n(b.Provider,{value:r,children:[/*#__PURE__*/t("style",{children:'\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}'}),/*#__PURE__*/t("style",{children:`\n:root {\n ${Object.entries(i).map(([t,n])=>`${t}: ${n};`).join("\n")}\n}`}),/*#__PURE__*/t("style",{children:`\n ${Object.keys(r.typography).map(t=>`\n.tb-typography-${t}-font {\n font: var(--tb-typography-${t}-font);\n text-decoration-line: var(--tb-typography-${t}-textDecorationLine);\n text-transform: var(--tb-typography-${t}-textTransform);\n}`).join("\n")}`}),/*#__PURE__*/t("style",{children:"\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}"}),e]})};function S(){return a(b)}const u=["placeholder","disabled"],v=e=>{let{placeholder:o,disabled:a}=e,r=f(e,u);const[s,m]=i(!1),[h,c]=i(!1);/*#__PURE__*/return n("div",{className:`_MeMZp ${s?"_8Hsn-":""} ${a?"_eNyUD":""}`,children:[/*#__PURE__*/t("input",l({className:"_Bc-Kx",onFocus:()=>!a&&m(!0),onBlur:t=>{m(!1),c(""!==t.target.value)},onChange:t=>{c(""!==t.target.value)},placeholder:" ",disabled:a},r)),/*#__PURE__*/t("label",{className:"_78FKB "+(s||h?"_5znRk":""),children:o})]})},H=["placeholder","disabled","maxLength","value"],w=e=>{let{placeholder:o,disabled:a,maxLength:r=200,value:s}=e,m=f(e,H);const[h,c]=i(!1),[p,y]=i(!1),[d,g]=i((null==s?void 0:s.length)||0);/*#__PURE__*/return n("div",{className:`_z1n8A ${h?"_2RHao":""} ${a?"_k6HqW":""}`,children:[/*#__PURE__*/t("textarea",l({className:"_iEdgY",onFocus:()=>!a&&c(!0),onBlur:t=>{c(!1),y(""!==t.target.value)},onChange:t=>{y(""!==t.target.value),g(t.target.length)},placeholder:" ",disabled:a,maxLength:r,value:s},m)),/*#__PURE__*/t("label",{className:"_VSnow "+(h||p?"_YYp0f":""),children:o}),/*#__PURE__*/n("div",{className:"_LuSeq",children:[d,"/",r]})]})};var B={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"};const F=({tabs:a,tabAction:r})=>{const[l,f]=i(0),s=o(()=>a[l].content,[l]),m=o(()=>r?r():null,[r]);/*#__PURE__*/return n("div",{className:B.tabContainer,children:[/*#__PURE__*/n("div",{className:B.tabTitleContainer,children:[/*#__PURE__*/t("div",{className:B.tabTitleScrollable,children:a.map((o,a)=>/*#__PURE__*/t(e,{children:/*#__PURE__*/n("div",{className:`${B.tabItem} ${l===a?B.selected:""}`,onClick:()=>f(a),children:[o.title,/*#__PURE__*/t("div",{className:B.selectionBar})]},`blueprint-tab-${a}`)}))}),m&&/*#__PURE__*/t("div",{className:B.tabActionContainer,children:m})]}),/*#__PURE__*/t("div",{className:B.tabContent,children:/*#__PURE__*/t(s,{})})]})},D={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={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)"}},typography:l({},D,{SemanticPlaceholder:D.GothamBaseBook,SemanticFloatingPlaceholder:D.GothamXSmallBook,SemanticInput:D.SubheaderBase,SemanticButtonLabelBase:D.GothamBaseBold,SemanticButtonLabelSmall:D.GothamSmallBold,SemanticTabLabel:D.GothamBaseBold,SemanticTagLabel:D.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{m as Button,y as FallbackAddButton,v as InputField,c as SquareIconButton,F as Tabs,w as TextArea,x as ThemeProvider,G as defaultTheme,S as useTheme};
|
|
1
|
+
import{jsx as t,jsxs as n,Fragment as e}from"react/jsx-runtime";import{useMemo as o,useState as a,useEffect as r,useContext as i,createContext as l}from"react";function f(){return f=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},f.apply(null,arguments)}function s(t,n){if(null==t)return{};var e={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(n.indexOf(o)>=0)continue;e[o]=t[o]}return e}const m=["children","variant","size","color","className","fullWidth"],h=n=>{let{children:e,variant:o="contained",size:a="base",color:r="accent",className:i="",fullWidth:l=!1}=n,h=s(n,m);const c=["_RkubW"];return l&&c.push("_6cI1z"),"contained"===o?c.push("_ivhCB"):"outlined"===o?c.push("_2PUk2"):"text"===o&&c.push("_MhyX-"),"small"===a&&c.push("_pV7AR"),"accent"===r?c.push("_qeZ-W"):"primary"===r?c.push("_ay1Sp"):"medium"===r?c.push("_MZ8Ww"):"success"===r?c.push("_a46Z-"):"error"===r&&c.push("_Zytjc"),/*#__PURE__*/t("button",f({className:`${c.join(" ")} ${i}`,type:"button"},h,{children:e}))},c=["children","className"],p=n=>{let{children:e,className:o=""}=n,a=s(n,c);/*#__PURE__*/return t("button",f({className:`_-kJUj ${o}`,color:"inherit",type:"button"},a,{children:e}))},y=["isCondensed","children","className"],d=e=>{let{isCondensed:o=!1,children:a="",className:r=""}=e,i=s(e,y);return o?/*#__PURE__*/t(p,f({className:r},i,{children:"+"})):/*#__PURE__*/n(h,f({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${r}`,style:{textWrap:"nowrap"},type:"button"},i,{children:["+ ",a]}))},g=({theme:t})=>f({},t,{typography:f({},Object.keys(t.typography).reduce((n,e,o)=>(0===o&&(n[e]=t.typography[e].font),f({},n,{[e]:f({},t.typography[e],{font:`${t.typography[e].fontStyle}\n ${t.typography[e].fontWeight}\n ${t.typography[e].fontSize}/\n ${t.typography[e].lineHeight}\n ${t.typography[e].fontFamily}`,fontStyle:t.typography[e].fontStyle,fontWeight:t.typography[e].fontWeight,fontSize:t.typography[e].fontSize,lineHeight:t.typography[e].lineHeight,fontFamily:t.typography[e].fontFamily,textDecorationLine:t.typography[e].textDecorationLine,textTransform:t.typography[e].textTransform,margin:t.typography[e].margin})})),{}))});function b(t,n=""){const e={};for(const[o,a]of Object.entries(t)){const t=n?`${n}-${o}`:o;"object"==typeof a&&null!==a?Object.assign(e,b(a,t)):e[`--tb-${t}`]=a}return e}const x=/*#__PURE__*/l(),S=({children:e,theme:i})=>{const l=o(()=>g({theme:i}),[i]),f=o(()=>b(g({theme:i})),[i]),[s,m]=a(!1);return r(()=>{m(!0)},[]),s?/*#__PURE__*/n(x.Provider,{value:l,children:[/*#__PURE__*/t("style",{children:'\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}'}),/*#__PURE__*/t("style",{children:`\n:root {\n ${Object.entries(f).map(([t,n])=>`${t}: ${n};`).join("\n")}\n}`}),/*#__PURE__*/t("style",{children:`\n ${Object.keys(l.typography).map(t=>`\n.tb-typography-${t}-font {\n font: var(--tb-typography-${t}-font);\n text-decoration-line: var(--tb-typography-${t}-textDecorationLine);\n text-transform: var(--tb-typography-${t}-textTransform);\n}`).join("\n")}`}),/*#__PURE__*/t("style",{children:"\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}"}),e]}):null};function u(){return i(x)}const v=["placeholder","disabled"],H=e=>{let{placeholder:o,disabled:r}=e,i=s(e,v);const[l,m]=a(!1),[h,c]=a(!1);/*#__PURE__*/return n("div",{className:`_MeMZp ${l?"_8Hsn-":""} ${r?"_eNyUD":""}`,children:[/*#__PURE__*/t("input",f({className:"_Bc-Kx",onFocus:()=>!r&&m(!0),onBlur:t=>{m(!1),c(""!==t.target.value)},onChange:t=>{c(""!==t.target.value)},placeholder:" ",disabled:r},i)),/*#__PURE__*/t("label",{className:"_78FKB "+(l||h?"_5znRk":""),children:o})]})},w=["placeholder","disabled","maxLength","value"],B=e=>{let{placeholder:o,disabled:r,maxLength:i=200,value:l}=e,m=s(e,w);const[h,c]=a(!1),[p,y]=a(!1),[d,g]=a((null==l?void 0:l.length)||0);/*#__PURE__*/return n("div",{className:`_z1n8A ${h?"_2RHao":""} ${r?"_k6HqW":""}`,children:[/*#__PURE__*/t("textarea",f({className:"_iEdgY",onFocus:()=>!r&&c(!0),onBlur:t=>{c(!1),y(""!==t.target.value)},onChange:t=>{y(""!==t.target.value),g(t.target.length)},placeholder:" ",disabled:r,maxLength:i,value:l},m)),/*#__PURE__*/t("label",{className:"_VSnow "+(h||p?"_YYp0f":""),children:o}),/*#__PURE__*/n("div",{className:"_LuSeq",children:[d,"/",i]})]})};var F={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"};const D=({tabs:r,tabAction:i})=>{const[l,f]=a(0),s=o(()=>r[l].content,[l]),m=o(()=>i?i():null,[i]);/*#__PURE__*/return n("div",{className:F.tabContainer,children:[/*#__PURE__*/n("div",{className:F.tabTitleContainer,children:[/*#__PURE__*/t("div",{className:F.tabTitleScrollable,children:r.map((o,a)=>/*#__PURE__*/t(e,{children:/*#__PURE__*/n("div",{className:`${F.tabItem} ${l===a?F.selected:""}`,onClick:()=>f(a),children:[o.title,/*#__PURE__*/t("div",{className:F.selectionBar})]},`blueprint-tab-${a}`)}))}),m&&/*#__PURE__*/t("div",{className:F.tabActionContainer,children:m})]}),/*#__PURE__*/t("div",{className:F.tabContent,children:/*#__PURE__*/t(s,{})})]})},G={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"}},L={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)"}},typography:f({},G,{SemanticPlaceholder:G.GothamBaseBook,SemanticFloatingPlaceholder:G.GothamXSmallBook,SemanticInput:G.SubheaderBase,SemanticButtonLabelBase:G.GothamBaseBold,SemanticButtonLabelSmall:G.GothamSmallBold,SemanticTabLabel:G.GothamBaseBold,SemanticTagLabel:G.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{h as Button,d as FallbackAddButton,H as InputField,p as SquareIconButton,D as Tabs,B as TextArea,S as ThemeProvider,L as defaultTheme,u as useTheme};
|
|
2
2
|
//# sourceMappingURL=index.modern.mjs.map
|
|
@@ -1 +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/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.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/typography.js","../src/themes/default/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'base', color = 'accent', className = '', fullWidth = false, ...rest }) => {\n const classes = [styles.button];\n\n if (fullWidth) {\n classes.push(styles.fullWidth);\n }\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 }\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 styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\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={`blueprint-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","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\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\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { createContext, useContext, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\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 </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\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}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\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 typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\n};\n"],"names":["Button","_ref","children","variant","size","color","className","fullWidth","rest","_objectWithoutPropertiesLoose","_excluded","classes","push","_jsx","_extends","join","type","SquareIconButton","FallbackAddButton","isCondensed","_jsxs","style","textWrap","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","ThemeContext","createContext","ThemeProvider","decoratedTheme","useMemo","cssVarsObject","Provider","map","typographyKey","useTheme","useContext","InputField","placeholder","disabled","props","isFocused","setIsFocused","useState","hasValue","setHasValue","onFocus","handleFocus","onBlur","e","target","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","defaultTheme","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","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius"],"mappings":"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"}
|
|
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/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.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/typography.js","../src/themes/default/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'base', color = 'accent', className = '', fullWidth = false, ...rest }) => {\n const classes = [styles.button];\n\n if (fullWidth) {\n classes.push(styles.fullWidth);\n }\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 }\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 styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\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={`blueprint-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","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\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\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\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 </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\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}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\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 typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\n};\n"],"names":["Button","_ref","children","variant","size","color","className","fullWidth","rest","_objectWithoutPropertiesLoose","_excluded","classes","push","_jsx","_extends","join","type","SquareIconButton","FallbackAddButton","isCondensed","_jsxs","style","textWrap","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","ThemeContext","createContext","ThemeProvider","decoratedTheme","useMemo","cssVarsObject","clientReady","setClientReady","useState","useEffect","Provider","map","typographyKey","useTheme","useContext","InputField","placeholder","disabled","props","isFocused","setIsFocused","hasValue","setHasValue","onFocus","handleFocus","onBlur","e","target","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","defaultTheme","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","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tollbrothers/blueprint",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.2",
|
|
4
4
|
"description": "Toll Brothers Design System",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
},
|
|
32
32
|
"homepage": "https://github.com/tollbros/blueprint#readme",
|
|
33
33
|
"peerDependencies": {
|
|
34
|
-
"react": "
|
|
35
|
-
"react-dom": "18
|
|
34
|
+
"react": ">=18",
|
|
35
|
+
"react-dom": ">=18"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"next": "^13.5.7"
|