@tollbrothers/blueprint 1.4.10 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- 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 -6
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._RkubW{align-items:center;border:0;border-radius:var(--
|
|
1
|
+
._RkubW{align-items:center;border:0;border-radius:var(--tb-GlobalBrandBorderRadius);cursor:pointer;display:flex;font:var(--tb-typography-SemanticButtonLabelBase-font);height:48px;justify-content:center;min-width:55px;padding:0 20px}._RkubW._6cI1z{width:100%}._RkubW._pV7AR{height:40px}._RkubW._ivhCB._qeZ-W{background-color:var(--tb-palette-TB-Brand-Accent)}._RkubW._ivhCB._ay1Sp,._RkubW._ivhCB._qeZ-W{color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW._ivhCB._ay1Sp{background-color:var(--tb-palette-TB-Brand-Primary,#0c223f)}._RkubW._ivhCB._MZ8Ww{background-color:var(--tb-palette-TB-Brand-Medium)}._RkubW._ivhCB._MZ8Ww,._RkubW._ivhCB._a46Z-{color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW._ivhCB._a46Z-{background-color:var(--tb-palette-TB-Functional-Success,#009d47)}._RkubW._ivhCB._Zytjc{background-color:var(--tb-palette-TB-Functional-Error,#a31f34);color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW._ivhCB:focus,._RkubW._ivhCB:hover{opacity:.9}._RkubW._2PUk2._qeZ-W{border:1px solid var(--tb-palette-TB-Brand-Accent);color:var(--tb-palette-TB-Brand-Accent)}._RkubW._2PUk2._ay1Sp,._RkubW._2PUk2._qeZ-W{background-color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW._2PUk2._ay1Sp{border:1px solid var(--tb-palette-TB-Brand-Primary);color:var(--tb-palette-TB-Brand-Primary)}._RkubW._2PUk2._MZ8Ww{border:1px solid var(--tb-palette-TB-Brand-Medium);color:var(--tb-palette-TB-Brand-Medium)}._RkubW._2PUk2._MZ8Ww,._RkubW._2PUk2._a46Z-{background-color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW._2PUk2._a46Z-{border:1px solid var(--tb-palette-TB-Functional-Success,#009d47);color:var(--tb-palette-TB-Functional-Success,#009d47)}._RkubW._2PUk2._Zytjc{background-color:var(--tb-palette-TB-Functional-White,#fff);border:1px solid var(--tb-palette-TB-Functional-Error,#a31f34);color:var(--tb-palette-TB-Functional-Error,#a31f34)}._RkubW._MhyX-._qeZ-W{background-color:transparent;color:var(--tb-palette-TB-Brand-Accent)}._RkubW._MhyX-._ay1Sp{background-color:transparent;color:var(--tb-palette-TB-Brand-Primary)}._RkubW._MhyX-._MZ8Ww{background-color:transparent;color:var(--tb-palette-TB-Brand-Medium)}._RkubW._MhyX-._a46Z-{background-color:transparent;color:var(--tb-palette-TB-Functional-Success,#009d47)}._RkubW._MhyX-._Zytjc{background-color:transparent;color:var(--tb-palette-TB-Functional-Error,#a31f34)}._RkubW img{filter:invert(1);height:13px}._RkubW span{display:none}@media (min-width:768px){._RkubW span{display:inline-block;font-size:14px;margin-left:8px;white-space:nowrap}}._RkubW:disabled{cursor:not-allowed;opacity:.5}._RkubW:disabled:hover{opacity:.5}._-kJUj{border:1px solid;border-color:var(--tb-palette-TB-Functional-MedGray);border-radius:4px;height:20px;justify-content:center;width:20px}._-kJUj,._MeMZp{align-items:center;display:flex}._MeMZp{align-self:stretch;background:var(--TB-Brand-BG-Text,#fff);border:1px solid var(--TB-Brand-Gray,#8195a2);height:60px;padding:0 20px;position:relative;width:343px}._MeMZp._8Hsn-{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._MeMZp._eNyUD{background:#e9edf0;border-color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._Bc-Kx{background:transparent;border:none;color:var(--TB-Brand-Base-Text,#000);font:var(--tb-typography-SubheaderBase-font);height:100%;padding:12px 0 0;text-align:left;width:100%}._Bc-Kx:focus{outline:none}._Bc-Kx:disabled{cursor:not-allowed}._78FKB{color:var(--TB-Brand-Base-Text,#000);font:var(--tb-typography-GothamBaseBook-font);left:20px;pointer-events:none;position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:all .2s ease-out}._5znRk{font:var(--tb-typography-GothamXSmallBook-font);top:6px;transform:translateY(0)}._Bc-Kx:not(:-moz-placeholder-shown)+._78FKB{top:6px;transform:translateY(0)}._Bc-Kx:not(:placeholder-shown)+._78FKB{top:6px;transform:translateY(0)}._eNyUD ._78FKB{color:#858585}._z1n8A{align-items:center;background:var(--tb-palette-TB-Functional-White,#fff);border:1px solid var(--tb-palette-TB-Brand-Gray,#8195a2);display:flex;height:200px;padding:0 20px;position:relative;transition:all .2s ease-out;width:343px}._z1n8A._2RHao{border-bottom:4px solid var(--tb-palette-TB-Brand-Gray,#8195a2)}._z1n8A._k6HqW{background:var(--tb-palette-TB-Functional-LightGray,#e9edf0);border-color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._iEdgY{background:transparent;border:none;color:#000;font:var(--tb-typography-SubheaderBase-font);height:calc(100% - 20px);padding:12px 0 0;resize:none;text-align:left;width:100%}._iEdgY:focus{outline:none}._iEdgY:disabled{cursor:not-allowed}._VSnow{color:#000;font:var(--tb-typography-SemanticPlaceholder-font);left:20px;pointer-events:none;position:absolute;top:20px;transition:all .2s ease-out}._YYp0f{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._iEdgY:not(:-moz-placeholder-shown)+._VSnow{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._iEdgY:not(:placeholder-shown)+._VSnow{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._LuSeq,._k6HqW ._VSnow{color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._LuSeq{bottom:5px;font-size:12px;position:absolute;right:20px}._5eXiF{display:flex;flex-direction:column;gap:16px}._9-wY-{justify-content:space-between;padding:0 16px;position:relative}._9-wY-,._9-wY- ._SYuOW{display:flex;gap:16px;width:100%}._9-wY- ._SYuOW{align-items:flex-end;overflow-x:scroll}._9-wY- ._SYuOW::-webkit-scrollbar{height:2px;margin-top:-1px;width:1px}._9-wY- ._SYuOW::-webkit-scrollbar-track{background:transparent}._9-wY- ._SYuOW::-webkit-scrollbar-track-piece{border:1px solid transparent}._9-wY- ._SYuOW::-webkit-scrollbar-thumb{background:var(--tb-palette-TB-Functional-DarkGray,#858585)}._9-wY-:after{background-color:#d8d8d8;bottom:0;box-shadow:0 1px 2px hsla(0,0%,52%,.15);content:"";height:1px;left:0;position:absolute;right:0}._V7xf9{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font:var(--tb-typography-GothamBaseBold-font);gap:8px}._V7xf9._GVCyF{color:var(--tb-palette-TB-Functional-Black,#000)}._V7xf9:not(._GVCyF){color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._3-wzH{padding:0 16px}._tsK-o{background-color:transparent;height:2px;position:relative;width:100%;z-index:1}._GVCyF ._tsK-o{background-color:var(--tb-palette-TB-Brand-Accent,#0070cd)}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Button.module.scss","SquareIconButton.module.scss","InputField.module.scss","TextArea.module.scss","Tabs.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\nUSEAGE:\n\nsizes: xs, sm, md, lg, xl\n\naside.primary {\n @include breakpoint(md) {\n float: right;\n width: 350px;\n }\n @include breakpoint(480px) {\n display: none;\n }\n @include breakpoint($min: 640px, $max: 767px) {\n text-align: center;\n font-style: italic;\n }\n}\n\nsizes: xs,sm,md,lg\n\n*/\n.button {\n border: 0;\n min-width: 55px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: var(--mui-GlobalBrandBorderRadius);\n padding: 0 20px;\n font: var(--mui-MuiCssBaseline-typography-SemanticButtonLabelBase-font);\n height: 48px;\n /**\n * Sizes\n */\n /**\n * Variants\n */\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.small {\n height: 40px;\n}\n.button.contained.accent {\n background-color: var(--mui-palette-TB-Brand-Accent);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.primary {\n background-color: var(--mui-palette-TB-Brand-Primary, #0C223F);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.mediumColor {\n background-color: var(--mui-palette-TB-Brand-Medium);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.success {\n background-color: var(--mui-palette-TB-Functional-Success, #009D47);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.error {\n background-color: var(--mui-palette-TB-Functional-Error, #A31F34);\n color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained:focus, .button.contained:hover {\n opacity: 0.9;\n}\n.button.outlined.accent {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Brand-Accent);\n border: 1px solid var(--mui-palette-TB-Brand-Accent);\n}\n.button.outlined.primary {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Brand-Primary);\n border: 1px solid var(--mui-palette-TB-Brand-Primary);\n}\n.button.outlined.mediumColor {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Brand-Medium);\n border: 1px solid var(--mui-palette-TB-Brand-Medium);\n}\n.button.outlined.success {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Functional-Success, #009D47);\n border: 1px solid var(--mui-palette-TB-Functional-Success, #009D47);\n}\n.button.outlined.error {\n background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n color: var(--mui-palette-TB-Functional-Error, #A31F34);\n border: 1px solid var(--mui-palette-TB-Functional-Error, #A31F34);\n}\n.button.text.accent {\n background-color: transparent;\n color: var(--mui-palette-TB-Brand-Accent);\n}\n.button.text.primary {\n background-color: transparent;\n color: var(--mui-palette-TB-Brand-Primary);\n}\n.button.text.mediumColor {\n background-color: transparent;\n color: var(--mui-palette-TB-Brand-Medium);\n}\n.button.text.success {\n background-color: transparent;\n color: var(--mui-palette-TB-Functional-Success, #009D47);\n}\n.button.text.error {\n background-color: transparent;\n color: var(--mui-palette-TB-Functional-Error, #A31F34);\n}\n.button img {\n filter: invert(1);\n height: 13px;\n}\n.button span {\n display: none;\n}\n@media (min-width: 768px) {\n .button span {\n display: inline-block;\n font-size: 14px;\n white-space: nowrap;\n margin-left: 8px;\n }\n}\n.button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.button:disabled:hover {\n opacity: 0.5;\n}",".squareIconButton {\n border-radius: 4px;\n border: 1px solid;\n border-color: var(--mui-palette-TB-Functional-MedGray);\n width: 20px;\n height: 20px;\n padding: 8px;\n}",".inputContainer {\n display: flex;\n height: 60px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n align-self: stretch;\n position: relative;\n border: 1px solid var(--TB-Brand-Gray, #8195A2);\n background: var(--TB-Brand-BG-Text, #FFF);\n}\n\n.inputContainer.focused {\n border-bottom: 4px solid var(--TB-Brand-Gray, #8195A2);\n}\n\n.inputContainer.disabled {\n background: #E9EDF0;\n border-color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.input {\n width: 100%;\n height: 100%;\n border: none;\n background: transparent;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--mui-MuiCssBaseline-typography-SubheaderBase-font);\n}\n\n.input:focus {\n outline: none;\n}\n\n.input:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n transition: all 0.2s ease-out;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n pointer-events: none;\n font: var(--mui-MuiCssBaseline-typography-GothamBaseBook-font);\n}\n\n.floatingPlaceholder {\n top: 6px;\n transform: translateY(0);\n font: var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);\n}\n\n.input:not(:placeholder-shown) + .placeholder {\n top: 6px;\n transform: translateY(0);\n}\n\n.disabled .placeholder {\n color: #858585;\n}",".textAreaContainer {\n display: flex;\n height: 200px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n position: relative;\n border: 1px solid var(--mui-palette-TB-Brand-Gray, #8195A2);\n background: var(--mui-palette-TB-Functional-White, #FFFFFF);\n transition: all 0.2s ease-out;\n}\n.textAreaContainer.focused {\n border-bottom: 4px solid var(--mui-palette-TB-Brand-Gray, #8195A2);\n}\n.textAreaContainer.disabled {\n background: var(--mui-palette-TB-Functional-LightGray, #E9EDF0);\n border-color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.textarea {\n width: 100%;\n height: calc(100% - 20px);\n border: none;\n background: transparent;\n color: #000;\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--mui-MuiCssBaseline-typography-SubheaderBase-font);\n resize: none;\n}\n.textarea:focus {\n outline: none;\n}\n.textarea:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 20px;\n transition: all 0.2s ease-out;\n color: #000;\n pointer-events: none;\n font: var(--mui-MuiCssBaseline-typography-SemanticPlaceholder-font);\n}\n\n.floatingPlaceholder {\n top: 4px;\n font: var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);\n}\n\n.textarea:not(:placeholder-shown) + .placeholder {\n top: 4px;\n font: var(--mui-MuiCssBaseline-typography-GothamXSmallBook-font);\n}\n\n.disabled .placeholder {\n color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.charCounter {\n position: absolute;\n bottom: 5px;\n right: 20px;\n font-size: 12px;\n color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}",".tabContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.tabTitleContainer {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n position: relative;\n width: 100%;\n padding: 0 16px;\n}\n.tabTitleContainer .tabTitleScrollable {\n display: flex;\n gap: 16px;\n overflow-x: scroll;\n align-items: flex-end;\n width: 100%;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar {\n width: 1px;\n height: 2px;\n margin-top: -1px;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track-piece {\n border: 1px solid transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-thumb {\n background: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n.tabTitleContainer::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background-color: #D8D8D8;\n box-shadow: 0 1px 2px rgba(133, 133, 133, 0.15);\n}\n\n.tabItem {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n cursor: pointer;\n font: var(--mui-MuiCssBaseline-typography-GothamBaseBold-font);\n}\n.tabItem.selected {\n color: var(--mui-palette-TB-Functional-Black, #000000);\n}\n.tabItem:not(.selected) {\n color: var(--mui-palette-TB-Functional-DarkGray, #858585);\n}\n\n.tabContent {\n padding: 0 16px;\n}\n\n.selectionBar {\n width: 100%;\n height: 2px;\n background-color: transparent;\n position: relative;\n z-index: 1;\n}\n.selected .selectionBar {\n background-color: var(--mui-palette-TB-Brand-Accent, #0070CD);\n}"]}
|
|
1
|
+
{"version":3,"sources":["Button.module.scss","SquareIconButton.module.scss","InputField.module.scss","TextArea.module.scss","Tabs.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\nUSEAGE:\n\nsizes: xs, sm, md, lg, xl\n\naside.primary {\n @include breakpoint(md) {\n float: right;\n width: 350px;\n }\n @include breakpoint(480px) {\n display: none;\n }\n @include breakpoint($min: 640px, $max: 767px) {\n text-align: center;\n font-style: italic;\n }\n}\n\nsizes: xs,sm,md,lg\n\n*/\n.button {\n border: 0;\n min-width: 55px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: var(--tb-GlobalBrandBorderRadius);\n padding: 0 20px;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n height: 48px;\n /**\n * Sizes\n */\n /**\n * Variants\n */\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.small {\n height: 40px;\n}\n.button.contained.accent {\n background-color: var(--tb-palette-TB-Brand-Accent);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.primary {\n background-color: var(--tb-palette-TB-Brand-Primary, #0C223F);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.mediumColor {\n background-color: var(--tb-palette-TB-Brand-Medium);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.success {\n background-color: var(--tb-palette-TB-Functional-Success, #009D47);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained.error {\n background-color: var(--tb-palette-TB-Functional-Error, #A31F34);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.contained:focus, .button.contained:hover {\n opacity: 0.9;\n}\n.button.outlined.accent {\n background-color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n color: var(--tb-palette-TB-Brand-Accent);\n border: 1px solid var(--tb-palette-TB-Brand-Accent);\n}\n.button.outlined.primary {\n background-color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n color: var(--tb-palette-TB-Brand-Primary);\n border: 1px solid var(--tb-palette-TB-Brand-Primary);\n}\n.button.outlined.mediumColor {\n background-color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n color: var(--tb-palette-TB-Brand-Medium);\n border: 1px solid var(--tb-palette-TB-Brand-Medium);\n}\n.button.outlined.success {\n background-color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n color: var(--tb-palette-TB-Functional-Success, #009D47);\n border: 1px solid var(--tb-palette-TB-Functional-Success, #009D47);\n}\n.button.outlined.error {\n background-color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n color: var(--tb-palette-TB-Functional-Error, #A31F34);\n border: 1px solid var(--tb-palette-TB-Functional-Error, #A31F34);\n}\n.button.text.accent {\n background-color: transparent;\n color: var(--tb-palette-TB-Brand-Accent);\n}\n.button.text.primary {\n background-color: transparent;\n color: var(--tb-palette-TB-Brand-Primary);\n}\n.button.text.mediumColor {\n background-color: transparent;\n color: var(--tb-palette-TB-Brand-Medium);\n}\n.button.text.success {\n background-color: transparent;\n color: var(--tb-palette-TB-Functional-Success, #009D47);\n}\n.button.text.error {\n background-color: transparent;\n color: var(--tb-palette-TB-Functional-Error, #A31F34);\n}\n.button img {\n filter: invert(1);\n height: 13px;\n}\n.button span {\n display: none;\n}\n@media (min-width: 768px) {\n .button span {\n display: inline-block;\n font-size: 14px;\n white-space: nowrap;\n margin-left: 8px;\n }\n}\n.button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.button:disabled:hover {\n opacity: 0.5;\n}",".squareIconButton {\n border-radius: 4px;\n border: 1px solid;\n border-color: var(--tb-palette-TB-Functional-MedGray);\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n}",".inputContainer {\n display: flex;\n height: 60px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n align-self: stretch;\n position: relative;\n border: 1px solid var(--TB-Brand-Gray, #8195A2);\n background: var(--TB-Brand-BG-Text, #FFF);\n}\n\n.inputContainer.focused {\n border-bottom: 4px solid var(--TB-Brand-Gray, #8195A2);\n}\n\n.inputContainer.disabled {\n background: #E9EDF0;\n border-color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.input {\n width: 100%;\n height: 100%;\n border: none;\n background: transparent;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--tb-typography-SubheaderBase-font);\n}\n\n.input:focus {\n outline: none;\n}\n\n.input:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n transition: all 0.2s ease-out;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n pointer-events: none;\n font: var(--tb-typography-GothamBaseBook-font);\n}\n\n.floatingPlaceholder {\n top: 6px;\n transform: translateY(0);\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.input:not(:placeholder-shown) + .placeholder {\n top: 6px;\n transform: translateY(0);\n}\n\n.disabled .placeholder {\n color: #858585;\n}",".textAreaContainer {\n display: flex;\n height: 200px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n position: relative;\n border: 1px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n background: var(--tb-palette-TB-Functional-White, #FFFFFF);\n transition: all 0.2s ease-out;\n}\n.textAreaContainer.focused {\n border-bottom: 4px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n}\n.textAreaContainer.disabled {\n background: var(--tb-palette-TB-Functional-LightGray, #E9EDF0);\n border-color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.textarea {\n width: 100%;\n height: calc(100% - 20px);\n border: none;\n background: transparent;\n color: #000;\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--tb-typography-SubheaderBase-font);\n resize: none;\n}\n.textarea:focus {\n outline: none;\n}\n.textarea:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 20px;\n transition: all 0.2s ease-out;\n color: #000;\n pointer-events: none;\n font: var(--tb-typography-SemanticPlaceholder-font);\n}\n\n.floatingPlaceholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.textarea:not(:placeholder-shown) + .placeholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.disabled .placeholder {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.charCounter {\n position: absolute;\n bottom: 5px;\n right: 20px;\n font-size: 12px;\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}",".tabContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.tabTitleContainer {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n position: relative;\n width: 100%;\n padding: 0 16px;\n}\n.tabTitleContainer .tabTitleScrollable {\n display: flex;\n gap: 16px;\n overflow-x: scroll;\n align-items: flex-end;\n width: 100%;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar {\n width: 1px;\n height: 2px;\n margin-top: -1px;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track-piece {\n border: 1px solid transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-thumb {\n background: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n.tabTitleContainer::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background-color: #D8D8D8;\n box-shadow: 0 1px 2px rgba(133, 133, 133, 0.15);\n}\n\n.tabItem {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n cursor: pointer;\n font: var(--tb-typography-GothamBaseBold-font);\n}\n.tabItem.selected {\n color: var(--tb-palette-TB-Functional-Black, #000000);\n}\n.tabItem:not(.selected) {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.tabContent {\n padding: 0 16px;\n}\n\n.selectionBar {\n width: 100%;\n height: 2px;\n background-color: transparent;\n position: relative;\n z-index: 1;\n}\n.selected .selectionBar {\n background-color: var(--tb-palette-TB-Brand-Accent, #0070CD);\n}"]}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=require("react/jsx-runtime"),o=require("@mui/material/IconButton"),t=require("react"),n=require("@mui/material/CssBaseline"),a=require("@mui/material/styles");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=/*#__PURE__*/i(o),l=/*#__PURE__*/i(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(null,arguments)}function m(e,o){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(o.indexOf(n)>=0)continue;t[n]=e[n]}return t}var f=["children","variant","size","color","className","fullWidth"],d=function(o){var t=o.children,n=o.variant,a=void 0===n?"contained":n,i=o.size,r=void 0===i?"base":i,l=o.color,d=void 0===l?"accent":l,u=o.className,c=void 0===u?"":u,h=o.fullWidth,p=void 0!==h&&h,y=m(o,f),b=["_RkubW"];return p&&b.push("_6cI1z"),"contained"===a?b.push("_ivhCB"):"outlined"===a?b.push("_2PUk2"):"text"===a&&b.push("_MhyX-"),"small"===r&&b.push("_pV7AR"),"accent"===d?b.push("_qeZ-W"):"primary"===d?b.push("_ay1Sp"):"medium"===d?b.push("_MZ8Ww"):"success"===d?b.push("_a46Z-"):"error"===d&&b.push("_Zytjc"),/*#__PURE__*/e.jsx("button",s({className:b.join(" ")+" "+c,type:"button"},y,{children:t}))},u=["children","className"],c=function(o){var t=o.children,n=o.className,a=void 0===n?"":n,i=m(o,u);/*#__PURE__*/return e.jsx(r.default,s({className:"_-kJUj "+a,color:"inherit",type:"button"},i,{children:t}))},h=["isCondensed","children","className"],p=["placeholder","disabled"],y=["placeholder","disabled","maxLength","value"],b={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"},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"}},x={colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:null},typography:s({},g,{SemanticPlaceholder:g.GothamBaseBook,SemanticFloatingPlaceholder:g.GothamXSmallBook,SemanticInput:g.SubheaderBase,SemanticButtonLabelBase:g.GothamBaseBold,SemanticButtonLabelSmall:g.GothamSmallBold,SemanticTabLabel:g.GothamBaseBold,SemanticTagLabel:g.GothamSmallBold}),GlobalBrandBorderRadius:"4px"},v=s({MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '}},x),S=s({MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '}},{colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#000000",Medium:"#D3D3D3",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}}},{components:s({},{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}},{MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}})});exports.Button=d,exports.FallbackAddButton=function(o){var t=o.isCondensed,n=void 0!==t&&t,a=o.children,i=void 0===a?"":a,r=o.className,l=void 0===r?"":r,f=m(o,h);return n?/*#__PURE__*/e.jsx(c,s({className:l},f,{children:"+"})):/*#__PURE__*/e.jsxs(d,s({size:"small",color:"accent",variant:"text",className:"tb-MuiCssBaseline-typography-GothamBaseBold-font "+l,style:{textWrap:"nowrap"},type:"button"},f,{children:["+ ",i]}))},exports.InputField=function(o){var n=o.placeholder,a=o.disabled,i=m(o,p),r=t.useState(!1),l=r[0],f=r[1],d=t.useState(!1),u=d[0],c=d[1];/*#__PURE__*/return e.jsxs("div",{className:"_MeMZp "+(l?"_8Hsn-":"")+" "+(a?"_eNyUD":""),children:[/*#__PURE__*/e.jsx("input",s({className:"_Bc-Kx",onFocus:function(){return!a&&f(!0)},onBlur:function(e){f(!1),c(""!==e.target.value)},onChange:function(e){c(""!==e.target.value)},placeholder:" ",disabled:a},i)),/*#__PURE__*/e.jsx("label",{className:"_78FKB "+(l||u?"_5znRk":""),children:n})]})},exports.SquareIconButton=c,exports.Tabs=function(o){var n=o.tabs,a=o.tabAction,i=t.useState(0),r=i[0],l=i[1],s=t.useMemo(function(){return n[r].content},[r]),m=t.useMemo(function(){return a?a():null},[a]);/*#__PURE__*/return e.jsxs("div",{className:b.tabContainer,children:[/*#__PURE__*/e.jsxs("div",{className:b.tabTitleContainer,children:[/*#__PURE__*/e.jsx("div",{className:b.tabTitleScrollable,children:n.map(function(o,t){/*#__PURE__*/return e.jsx(e.Fragment,{children:/*#__PURE__*/e.jsxs("div",{className:b.tabItem+" "+(r===t?b.selected:""),onClick:function(){return l(t)},children:[o.title,/*#__PURE__*/e.jsx("div",{className:b.selectionBar})]},"blueprint-tab-"+t)})})}),m&&/*#__PURE__*/e.jsx("div",{className:b.tabActionContainer,children:m})]}),/*#__PURE__*/e.jsx("div",{className:b.tabContent,children:/*#__PURE__*/e.jsx(s,{})})]})},exports.TextArea=function(o){var n=o.placeholder,a=o.disabled,i=o.maxLength,r=void 0===i?200:i,l=o.value,f=m(o,y),d=t.useState(!1),u=d[0],c=d[1],h=t.useState(!1),p=h[0],b=h[1],g=t.useState((null==l?void 0:l.length)||0),x=g[0],v=g[1];/*#__PURE__*/return e.jsxs("div",{className:"_z1n8A "+(u?"_2RHao":"")+" "+(a?"_k6HqW":""),children:[/*#__PURE__*/e.jsx("textarea",s({className:"_iEdgY",onFocus:function(){return!a&&c(!0)},onBlur:function(e){c(!1),b(""!==e.target.value)},onChange:function(e){b(""!==e.target.value),v(e.target.length)},placeholder:" ",disabled:a,maxLength:r,value:l},f)),/*#__PURE__*/e.jsx("label",{className:"_VSnow "+(u||p?"_YYp0f":""),children:n}),/*#__PURE__*/e.jsxs("div",{className:"_LuSeq",children:[x,"/",r]})]})},exports.ThemeProvider=function(o){var n=o.children,i=o.theme,r=t.useState(null),m=r[0],f=r[1],d=t.useMemo(function(){return function(e){var o=e.theme;return a.extendTheme(s({},o,{MuiCssBaseline:s({},o.MuiCssBaseline,{typography:s({},Object.keys(o.typography).reduce(function(e,t,n){var a;return 0===n&&(e[t]=o.typography[t].font),s({},e,((a={})[t]=s({},o.typography[t],{font:o.typography[t].fontStyle+"\n "+o.typography[t].fontWeight+"\n "+o.typography[t].fontSize+"/\n "+o.typography[t].lineHeight+"\n "+o.typography[t].fontFamily,fontStyle:o.typography[t].fontStyle,fontWeight:o.typography[t].fontWeight,fontSize:o.typography[t].fontSize,lineHeight:o.typography[t].lineHeight,fontFamily:o.typography[t].fontFamily,textDecorationLine:o.typography[t].textDecorationLine,textTransform:o.typography[t].textTransform,margin:o.typography[t].margin}),a))},{}))})}))}({theme:i})},[i]);return t.useEffect(function(){var e;f(null==d||null==(e=d.MuiCssBaseline)?void 0:e.styleOverrides)},[d]),m?/*#__PURE__*/e.jsx(a.Experimental_CssVarsProvider,{theme:d,children:/*#__PURE__*/e.jsxs(a.StyledEngineProvider,{injectFirst:!0,children:[m&&/*#__PURE__*/e.jsx(l.default,{}),m&&/*#__PURE__*/e.jsx("style",{children:m}),m&&/*#__PURE__*/e.jsx("style",{children:"\n "+Object.keys(d.MuiCssBaseline.typography).map(function(e){return"\n .tb-MuiCssBaseline-typography-"+e+"-font {\n font: var(--mui-MuiCssBaseline-typography-"+e+"-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-"+e+"-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-"+e+"-textTransform);\n }\n "}).join("\n")+"\n "}),m&&/*#__PURE__*/e.jsx("style",{children:"\n h1.MuiTypography-root, h1 {\n font: var(--mui-MuiCssBaseline-typography-H1-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n }\n h2.MuiTypography-root, h2 {\n font: var(--mui-MuiCssBaseline-typography-H2-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n }\n h3.MuiTypography-root, h3 {\n font: var(--mui-MuiCssBaseline-typography-H3-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n }\n h4.MuiTypography-root, h4 {\n font: var(--mui-MuiCssBaseline-typography-H4-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n }\n h5.MuiTypography-root, h5 {\n font: var(--mui-MuiCssBaseline-typography-H5-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n }\n h6.MuiTypography-root, h6 {\n font: var(--mui-MuiCssBaseline-typography-H6-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n }\n "}),n]})}):n},exports.defaultTheme=v,exports.kragleTheme=S;
|
|
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)};
|
|
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/mui/primitives/TextArea/TextArea.js","../src/themes/default/figma.js","../src/themes/default/theme.js","../src/themes/kragle/theme.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/Tabs/Tabs.js","../src/themes/ThemeProvider.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = '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 IconButton from '@mui/material/IconButton';\nimport styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <IconButton className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </IconButton>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`tb-MuiCssBaseline-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","const lightMode = {\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};\nconst typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n};\nexport const figmaTheme = {\n colorSchemes: {\n light: lightMode,\n dark: null,\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 { figmaTheme } from './figma';\n\nexport const defaultTheme = {\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `,\n },\n ...figmaTheme,\n};\n","import figmaTheme from './figma.json';\nimport buttonTheme from './button.json';\nimport checkboxTheme from './checkbox.json';\n\nexport const kragleTheme = {\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `,\n },\n ...figmaTheme,\n components: {\n ...buttonTheme,\n ...checkboxTheme,\n },\n};\n","import { useState } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = ({ placeholder, disabled, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n setHasValue(e.target.value !== '');\n };\n\n return (\n <div className={`${styles.inputContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n </div>\n );\n};\n\nexport default InputField;\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n","import { useEffect, useMemo, useState } from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { StyledEngineProvider, Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';\nimport { extendTheme } from '@mui/material/styles';\n\nconst decorateTheme = ({ theme }) => {\n return extendTheme({\n ...theme,\n MuiCssBaseline: {\n ...theme.MuiCssBaseline,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n },\n });\n};\n\nconst ThemeProvider = ({ children, theme }) => {\n const [baselineStyles, setBaselineStyles] = useState(null);\n\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n useEffect(() => {\n setBaselineStyles(decoratedTheme?.MuiCssBaseline?.styleOverrides);\n }, [decoratedTheme]);\n\n if (!baselineStyles) {\n return children;\n }\n\n return (\n <CssVarsProvider theme={decoratedTheme}>\n <StyledEngineProvider injectFirst>\n {baselineStyles && <CssBaseline />}\n {baselineStyles && <style>{baselineStyles}</style>}\n {baselineStyles && (\n <style>\n {`\n ${Object.keys(decoratedTheme.MuiCssBaseline.typography)\n .map((typographyKey) => {\n return `\n .tb-MuiCssBaseline-typography-${typographyKey}-font {\n font: var(--mui-MuiCssBaseline-typography-${typographyKey}-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-${typographyKey}-textTransform);\n }\n `;\n })\n .join('\\n')}\n `}\n </style>\n )}\n {baselineStyles && (\n <style>\n {`\n h1.MuiTypography-root, h1 {\n font: var(--mui-MuiCssBaseline-typography-H1-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n }\n h2.MuiTypography-root, h2 {\n font: var(--mui-MuiCssBaseline-typography-H2-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n }\n h3.MuiTypography-root, h3 {\n font: var(--mui-MuiCssBaseline-typography-H3-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n }\n h4.MuiTypography-root, h4 {\n font: var(--mui-MuiCssBaseline-typography-H4-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n }\n h5.MuiTypography-root, h5 {\n font: var(--mui-MuiCssBaseline-typography-H5-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n }\n h6.MuiTypography-root, h6 {\n font: var(--mui-MuiCssBaseline-typography-H6-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n }\n `}\n </style>\n )}\n {children}\n </StyledEngineProvider>\n </CssVarsProvider>\n );\n};\n\nexport default ThemeProvider;\n"],"names":["_excluded","Button","_ref","children","_ref$variant","variant","_ref$size","size","_ref$color","color","_ref$className","className","_ref$fullWidth","fullWidth","rest","_objectWithoutPropertiesLoose","classes","push","_jsx","_extends","join","type","SquareIconButton","jsx","IconButton","styles","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","figmaTheme","colorSchemes","light","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","disabled","dark","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","defaultTheme","MuiCssBaseline","styleOverrides","kragleTheme","components","_ref$isCondensed","isCondensed","_ref$children","_jsxs","style","textWrap","placeholder","props","_useState","useState","isFocused","setIsFocused","_useState2","hasValue","setHasValue","jsxs","onFocus","onBlur","e","target","value","onChange","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","_useState3","length","charCount","setCharCount","_ref2","theme","baselineStyles","setBaselineStyles","decoratedTheme","extendTheme","Object","keys","reduce","acc","key","_extends2","font","margin","decorateTheme","useEffect","_decoratedTheme$MuiCs","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","typographyKey"],"mappings":"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"}
|
|
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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"}
|
package/dist/index.modern.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o,jsxs as e,Fragment as t}from"react/jsx-runtime";import n from"@mui/material/IconButton";import{useState as a,useMemo as i,useEffect as r}from"react";import l from"@mui/material/CssBaseline";import{Experimental_CssVarsProvider as s,StyledEngineProvider as m,extendTheme as f}from"@mui/material/styles";function d(){return d=Object.assign?Object.assign.bind():function(o){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(o[n]=t[n])}return o},d.apply(null,arguments)}function c(o,e){if(null==o)return{};var t={};for(var n in o)if({}.hasOwnProperty.call(o,n)){if(e.indexOf(n)>=0)continue;t[n]=o[n]}return t}const h=["children","variant","size","color","className","fullWidth"],u=e=>{let{children:t,variant:n="contained",size:a="base",color:i="accent",className:r="",fullWidth:l=!1}=e,s=c(e,h);const m=["_RkubW"];return l&&m.push("_6cI1z"),"contained"===n?m.push("_ivhCB"):"outlined"===n?m.push("_2PUk2"):"text"===n&&m.push("_MhyX-"),"small"===a&&m.push("_pV7AR"),"accent"===i?m.push("_qeZ-W"):"primary"===i?m.push("_ay1Sp"):"medium"===i?m.push("_MZ8Ww"):"success"===i?m.push("_a46Z-"):"error"===i&&m.push("_Zytjc"),/*#__PURE__*/o("button",d({className:`${m.join(" ")} ${r}`,type:"button"},s,{children:t}))},p=["children","className"],y=e=>{let{children:t,className:a=""}=e,i=c(e,p);/*#__PURE__*/return o(n,d({className:`_-kJUj ${a}`,color:"inherit",type:"button"},i,{children:t}))},b=["isCondensed","children","className"],g=t=>{let{isCondensed:n=!1,children:a="",className:i=""}=t,r=c(t,b);return n?/*#__PURE__*/o(y,d({className:i},r,{children:"+"})):/*#__PURE__*/e(u,d({size:"small",color:"accent",variant:"text",className:`tb-MuiCssBaseline-typography-GothamBaseBold-font ${i}`,style:{textWrap:"nowrap"},type:"button"},r,{children:["+ ",a]}))},x=({children:t,theme:n})=>{const[c,h]=a(null),u=i(()=>(({theme:o})=>f(d({},o,{MuiCssBaseline:d({},o.MuiCssBaseline,{typography:d({},Object.keys(o.typography).reduce((e,t,n)=>(0===n&&(e[t]=o.typography[t].font),d({},e,{[t]:d({},o.typography[t],{font:`${o.typography[t].fontStyle}\n ${o.typography[t].fontWeight}\n ${o.typography[t].fontSize}/\n ${o.typography[t].lineHeight}\n ${o.typography[t].fontFamily}`,fontStyle:o.typography[t].fontStyle,fontWeight:o.typography[t].fontWeight,fontSize:o.typography[t].fontSize,lineHeight:o.typography[t].lineHeight,fontFamily:o.typography[t].fontFamily,textDecorationLine:o.typography[t].textDecorationLine,textTransform:o.typography[t].textTransform,margin:o.typography[t].margin})})),{}))})})))({theme:n}),[n]);return r(()=>{var o;h(null==u||null==(o=u.MuiCssBaseline)?void 0:o.styleOverrides)},[u]),c?/*#__PURE__*/o(s,{theme:u,children:/*#__PURE__*/e(m,{injectFirst:!0,children:[c&&/*#__PURE__*/o(l,{}),c&&/*#__PURE__*/o("style",{children:c}),c&&/*#__PURE__*/o("style",{children:`\n ${Object.keys(u.MuiCssBaseline.typography).map(o=>`\n .tb-MuiCssBaseline-typography-${o}-font {\n font: var(--mui-MuiCssBaseline-typography-${o}-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-${o}-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-${o}-textTransform);\n }\n `).join("\n")}\n `}),c&&/*#__PURE__*/o("style",{children:"\n h1.MuiTypography-root, h1 {\n font: var(--mui-MuiCssBaseline-typography-H1-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n }\n h2.MuiTypography-root, h2 {\n font: var(--mui-MuiCssBaseline-typography-H2-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n }\n h3.MuiTypography-root, h3 {\n font: var(--mui-MuiCssBaseline-typography-H3-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n }\n h4.MuiTypography-root, h4 {\n font: var(--mui-MuiCssBaseline-typography-H4-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n }\n h5.MuiTypography-root, h5 {\n font: var(--mui-MuiCssBaseline-typography-H5-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n }\n h6.MuiTypography-root, h6 {\n font: var(--mui-MuiCssBaseline-typography-H6-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n }\n "}),t]})}):t},S=["placeholder","disabled"],F=t=>{let{placeholder:n,disabled:i}=t,r=c(t,S);const[l,s]=a(!1),[m,f]=a(!1);/*#__PURE__*/return e("div",{className:`_MeMZp ${l?"_8Hsn-":""} ${i?"_eNyUD":""}`,children:[/*#__PURE__*/o("input",d({className:"_Bc-Kx",onFocus:()=>!i&&s(!0),onBlur:o=>{s(!1),f(""!==o.target.value)},onChange:o=>{f(""!==o.target.value)},placeholder:" ",disabled:i},r)),/*#__PURE__*/o("label",{className:"_78FKB "+(l||m?"_5znRk":""),children:n})]})},v=["placeholder","disabled","maxLength","value"],B=t=>{let{placeholder:n,disabled:i,maxLength:r=200,value:l}=t,s=c(t,v);const[m,f]=a(!1),[h,u]=a(!1),[p,y]=a((null==l?void 0:l.length)||0);/*#__PURE__*/return e("div",{className:`_z1n8A ${m?"_2RHao":""} ${i?"_k6HqW":""}`,children:[/*#__PURE__*/o("textarea",d({className:"_iEdgY",onFocus:()=>!i&&f(!0),onBlur:o=>{f(!1),u(""!==o.target.value)},onChange:o=>{u(""!==o.target.value),y(o.target.length)},placeholder:" ",disabled:i,maxLength:r,value:l},s)),/*#__PURE__*/o("label",{className:"_VSnow "+(m||h?"_YYp0f":""),children:n}),/*#__PURE__*/e("div",{className:"_LuSeq",children:[p,"/",r]})]})};var M={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"};const w=({tabs:n,tabAction:r})=>{const[l,s]=a(0),m=i(()=>n[l].content,[l]),f=i(()=>r?r():null,[r]);/*#__PURE__*/return e("div",{className:M.tabContainer,children:[/*#__PURE__*/e("div",{className:M.tabTitleContainer,children:[/*#__PURE__*/o("div",{className:M.tabTitleScrollable,children:n.map((n,a)=>/*#__PURE__*/o(t,{children:/*#__PURE__*/e("div",{className:`${M.tabItem} ${l===a?M.selected:""}`,onClick:()=>s(a),children:[n.title,/*#__PURE__*/o("div",{className:M.selectionBar})]},`blueprint-tab-${a}`)}))}),f&&/*#__PURE__*/o("div",{className:M.tabActionContainer,children:f})]}),/*#__PURE__*/o("div",{className:M.tabContent,children:/*#__PURE__*/o(m,{})})]})},T={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},G={colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:null},typography:d({},T,{SemanticPlaceholder:T.GothamBaseBook,SemanticFloatingPlaceholder:T.GothamXSmallBook,SemanticInput:T.SubheaderBase,SemanticButtonLabelBase:T.GothamBaseBold,SemanticButtonLabelSmall:T.GothamSmallBold,SemanticTabLabel:T.GothamBaseBold,SemanticTagLabel:T.GothamSmallBold}),GlobalBrandBorderRadius:"4px"},H=d({MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '}},G),D=d({MuiCssBaseline:{styleOverrides:'\n @import "https://use.typekit.net/loo0pmd.css";\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n '}},{colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#000000",Medium:"#D3D3D3",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}}},{components:d({},{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}},{MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}})});export{u as Button,g as FallbackAddButton,F as InputField,y as SquareIconButton,w as Tabs,B as TextArea,x as ThemeProvider,H as defaultTheme,D as kragleTheme};
|
|
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};
|
|
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/ThemeProvider.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/TextArea/TextArea.js","../src/mui/primitives/Tabs/Tabs.js","../src/themes/default/figma.js","../src/themes/default/theme.js","../src/themes/kragle/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = '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 IconButton from '@mui/material/IconButton';\nimport styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <IconButton className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </IconButton>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`tb-MuiCssBaseline-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","import { useEffect, useMemo, useState } from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { StyledEngineProvider, Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';\nimport { extendTheme } from '@mui/material/styles';\n\nconst decorateTheme = ({ theme }) => {\n return extendTheme({\n ...theme,\n MuiCssBaseline: {\n ...theme.MuiCssBaseline,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n },\n });\n};\n\nconst ThemeProvider = ({ children, theme }) => {\n const [baselineStyles, setBaselineStyles] = useState(null);\n\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n useEffect(() => {\n setBaselineStyles(decoratedTheme?.MuiCssBaseline?.styleOverrides);\n }, [decoratedTheme]);\n\n if (!baselineStyles) {\n return children;\n }\n\n return (\n <CssVarsProvider theme={decoratedTheme}>\n <StyledEngineProvider injectFirst>\n {baselineStyles && <CssBaseline />}\n {baselineStyles && <style>{baselineStyles}</style>}\n {baselineStyles && (\n <style>\n {`\n ${Object.keys(decoratedTheme.MuiCssBaseline.typography)\n .map((typographyKey) => {\n return `\n .tb-MuiCssBaseline-typography-${typographyKey}-font {\n font: var(--mui-MuiCssBaseline-typography-${typographyKey}-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-${typographyKey}-textTransform);\n }\n `;\n })\n .join('\\n')}\n `}\n </style>\n )}\n {baselineStyles && (\n <style>\n {`\n h1.MuiTypography-root, h1 {\n font: var(--mui-MuiCssBaseline-typography-H1-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n }\n h2.MuiTypography-root, h2 {\n font: var(--mui-MuiCssBaseline-typography-H2-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n }\n h3.MuiTypography-root, h3 {\n font: var(--mui-MuiCssBaseline-typography-H3-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n }\n h4.MuiTypography-root, h4 {\n font: var(--mui-MuiCssBaseline-typography-H4-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n }\n h5.MuiTypography-root, h5 {\n font: var(--mui-MuiCssBaseline-typography-H5-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n }\n h6.MuiTypography-root, h6 {\n font: var(--mui-MuiCssBaseline-typography-H6-font);\n text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n }\n `}\n </style>\n )}\n {children}\n </StyledEngineProvider>\n </CssVarsProvider>\n );\n};\n\nexport default ThemeProvider;\n","import { useState } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = ({ placeholder, disabled, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n setHasValue(e.target.value !== '');\n };\n\n return (\n <div className={`${styles.inputContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n </div>\n );\n};\n\nexport default InputField;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n","const lightMode = {\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};\nconst typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n};\nexport const figmaTheme = {\n colorSchemes: {\n light: lightMode,\n dark: null,\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 { figmaTheme } from './figma';\n\nexport const defaultTheme = {\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `,\n },\n ...figmaTheme,\n};\n","import figmaTheme from './figma.json';\nimport buttonTheme from './button.json';\nimport checkboxTheme from './checkbox.json';\n\nexport const kragleTheme = {\n MuiCssBaseline: {\n styleOverrides: `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n `,\n },\n ...figmaTheme,\n components: {\n ...buttonTheme,\n ...checkboxTheme,\n },\n};\n"],"names":["Button","_ref","children","variant","size","color","className","fullWidth","rest","_objectWithoutPropertiesLoose","_excluded","classes","push","_jsx","_extends","join","type","SquareIconButton","IconButton","FallbackAddButton","isCondensed","_jsxs","style","textWrap","ThemeProvider","theme","baselineStyles","setBaselineStyles","useState","decoratedTheme","useMemo","decorateTheme","extendTheme","MuiCssBaseline","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","useEffect","_decoratedTheme$MuiCs","styleOverrides","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","map","typographyKey","InputField","placeholder","disabled","props","isFocused","setIsFocused","hasValue","setHasValue","onFocus","handleFocus","onBlur","e","target","value","onChange","TextArea","maxLength","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","content","tabActionComponent","styles","tabContainer","tabTitleContainer","tabTitleScrollable","tab","_Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","H1","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","figmaTheme","colorSchemes","light","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","dark","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","defaultTheme","kragleTheme","components"],"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, 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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tollbrothers/blueprint",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "Toll Brothers Design System",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"node": ">=20.7.0"
|
|
16
16
|
},
|
|
17
17
|
"scripts": {
|
|
18
|
-
"bundle": "microbundle --
|
|
18
|
+
"bundle": "microbundle --jsx React.createElement --jsxImportSource react --compress --format modern,cjs",
|
|
19
19
|
"build": "npm run bundle",
|
|
20
20
|
"dev": "npm run bundle -- watch",
|
|
21
21
|
"prepare": "run-s build",
|
|
@@ -32,10 +32,7 @@
|
|
|
32
32
|
"homepage": "https://github.com/tollbros/blueprint#readme",
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^18.3.1",
|
|
35
|
-
"react-dom": "18.3.1"
|
|
36
|
-
"@emotion/react": "^11.14.0",
|
|
37
|
-
"@emotion/styled": "^11.14.0",
|
|
38
|
-
"@mui/material": "^6.2.0"
|
|
35
|
+
"react-dom": "18.3.1"
|
|
39
36
|
},
|
|
40
37
|
"dependencies": {
|
|
41
38
|
"next": "^13.5.7"
|