@tollbrothers/blueprint 1.6.1 → 1.7.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.
Files changed (7) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.modern.mjs +1 -1
  6. package/dist/index.modern.mjs.map +1 -1
  7. package/package.json +3 -1
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
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;width:-moz-fit-content;width:fit-content}._RkubW._6cI1z{width:100%}._RkubW._pV7AR{height:40px}._RkubW._qeZ-W{background-color:var(--tb-palette-TB-Brand-Accent)}._RkubW._ay1Sp,._RkubW._qeZ-W{color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW._ay1Sp{background-color:var(--tb-palette-TB-Brand-Primary,#0c223f)}._RkubW._MZ8Ww{background-color:var(--tb-palette-TB-Brand-Medium)}._RkubW._MZ8Ww,._RkubW._a46Z-{color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW._a46Z-{background-color:var(--tb-palette-TB-Functional-Success,#009d47)}._RkubW._Zytjc{background-color:var(--tb-palette-TB-Functional-Error,#a31f34);color:var(--tb-palette-TB-Functional-White,#fff)}._RkubW:focus,._RkubW:hover{opacity:.9}._RkubW:disabled{cursor:not-allowed;opacity:.5}._RkubW:disabled:hover{opacity:.5}._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}}._-kJUj{border:1px solid;border-color:var(--tb-palette-TB-Functional-MedGray);border-radius:4px;height:20px;width:20px}._-kJUj,._MeMZp{align-items:center;display:flex;justify-content:center}._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:100%}._MeMZp._8Hsn-{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._MeMZp._eNyUD{background:#e9edf0}._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:var(--TB-Brand-DarkGray,#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)}
1
+ ._RkubW{align-items:center;background-color:var(--tb-palette-TB-Brand-Accent);border:0;border-radius:var(--tb-GlobalBrandBorderRadius);color:#fff;cursor:pointer;display:flex;font:var(--tb-typography-SemanticButtonLabelBase-font);height:48px;justify-content:center;min-width:55px;overflow:hidden;padding:0 20px;position:relative;width:-moz-fit-content;width:fit-content}._RkubW._pV7AR{height:40px}._RkubW._7FiWF,._RkubW._pV7AR{font:var(--tb-typography-SemanticButtonLabelSmall-font)}._RkubW._7FiWF{height:32px}._RkubW._6cI1z{width:100%}._RkubW._ay1Sp:hover:not(:disabled){background-color:green}._RkubW._ay1Sp:disabled{background-color:var(--tb-palette-TB-Functional-MedGray);color:#fff;cursor:not-allowed}._RkubW._UebRL{background-color:transparent}._RkubW._UebRL._Lb6KY{border:1px solid var(--tb-palette-TB-Brand-Gray)}._RkubW._UebRL._sZZuY{color:var(--tb-palette-TB-Brand-Medium)}._RkubW._UebRL:hover:not(:disabled){background-color:#4caf50}._RkubW._UebRL:disabled{background-color:#fff;border:1px solid var(--tb-palette-TB-Functional-MedGray);color:var(--tb-palette-TB-Functional-MedGray);cursor:not-allowed}._RkubW img{filter:invert(1);height:13px}._RkubW span{display:none}@media (min-width:576px){._RkubW span{display:inline-block;font-size:14px;margin-left:8px;white-space:nowrap}}._-kJUj{border:1px solid;border-color:var(--tb-palette-TB-Functional-MedGray);border-radius:4px;height:20px;width:20px}._-kJUj,._MeMZp{align-items:center;display:flex;justify-content:center}._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:100%}._MeMZp._8Hsn-{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._MeMZp._eNyUD{background:#e9edf0}._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:var(--TB-Brand-DarkGray,#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(--tb-GlobalBrandBorderRadius);\n padding: 0 20px;\n width: fit-content;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n height: 48px;\n /**\n * Sizes\n */\n /**\n * Colors\n */\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.small {\n height: 40px;\n}\n.button.accent {\n background-color: var(--tb-palette-TB-Brand-Accent);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.primary {\n background-color: var(--tb-palette-TB-Brand-Primary, #0C223F);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.mediumColor {\n background-color: var(--tb-palette-TB-Brand-Medium);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.success {\n background-color: var(--tb-palette-TB-Functional-Success, #009D47);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button.error {\n background-color: var(--tb-palette-TB-Functional-Error, #A31F34);\n color: var(--tb-palette-TB-Functional-White, #FFFFFF);\n}\n.button:focus, .button:hover {\n opacity: 0.9;\n}\n.button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.button:disabled:hover {\n opacity: 0.5;\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}",".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 justify-content: center;\n height: 60px;\n width: 100%;\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}\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: var(--TB-Brand-DarkGray, #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}"]}
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 position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: fit-content;\n min-width: 55px;\n height: 48px;\n padding: 0 20px;\n background-color: var(--tb-palette-TB-Brand-Accent);\n border: 0;\n border-radius: var(--tb-GlobalBrandBorderRadius);\n color: white;\n cursor: pointer;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n}\n.button.small {\n height: 40px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.xsmall {\n height: 32px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.primary:hover:not(:disabled) {\n background-color: green;\n}\n.button.primary:disabled {\n cursor: not-allowed;\n background-color: var(--tb-palette-TB-Functional-MedGray);\n color: white;\n}\n.button.secondary {\n background-color: transparent;\n}\n.button.secondary.defaultColorStroke {\n border: 1px solid var(--tb-palette-TB-Brand-Gray);\n}\n.button.secondary.defaultColorText {\n color: var(--tb-palette-TB-Brand-Medium);\n}\n.button.secondary:hover:not(:disabled) {\n background-color: #4CAF50;\n}\n.button.secondary:disabled {\n cursor: not-allowed;\n background-color: white;\n color: var(--tb-palette-TB-Functional-MedGray);\n border: 1px solid var(--tb-palette-TB-Functional-MedGray);\n}\n.button img {\n filter: invert(1);\n height: 13px;\n}\n.button span {\n display: none;\n}\n@media (min-width: 576px) {\n .button span {\n display: inline-block;\n font-size: 14px;\n white-space: nowrap;\n margin-left: 8px;\n }\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 justify-content: center;\n height: 60px;\n width: 100%;\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}\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: var(--TB-Brand-DarkGray, #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 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={button:"_RkubW",fullWidth:"_6cI1z",small:"_pV7AR",accent:"_qeZ-W",primary:"_ay1Sp",mediumColor:"_MZ8Ww",success:"_a46Z-",error:"_Zytjc"},r=["children","size","color","className","fullWidth"],i=function(n){var i=n.children,l=n.size,f=void 0===l?"base":l,s=n.color,m=void 0===s?"accent":s,c=n.className,h=void 0===c?"":c,y=n.fullWidth,p=void 0!==y&&y,d=o(n,r),u={size:{small:a.small},color:{accent:a.accent,primary:a.primary,medium:a.mediumColor,success:a.success,error:a.error},fullWidth:p?a.fullWidth:""},x=[a.button,u.size[f],u.color[m],u.fullWidth,h].filter(Boolean).join(" ");/*#__PURE__*/return t.jsx("button",e({className:x,type:"button"},d,{children:i}))},l=["children","className"],f=function(n){var a=n.children,r=n.className,i=void 0===r?"":r,f=o(n,l);/*#__PURE__*/return t.jsx("button",e({className:"_-kJUj "+i,color:"inherit",type:"button"},f,{children:a}))},s=["isCondensed","children","className"],m=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 c(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],f=n?n+"-"+i:i;"object"==typeof l&&null!==l?Object.assign(e,c(l,f)):e["--tb-"+f]=l}return e}var h=/*#__PURE__*/n.createContext(),y=["placeholder","disabled"],p=["placeholder","disabled","maxLength","value"],d={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"},u={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:700,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={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({},u,{SemanticPlaceholder:u.GothamBaseBook,SemanticFloatingPlaceholder:u.GothamXSmallBook,SemanticInput:u.SubheaderBase,SemanticButtonLabelBase:u.GothamBaseBold,SemanticButtonLabelSmall:u.GothamSmallBold,SemanticTabLabel:u.GothamBaseBold,SemanticTagLabel:u.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=i,exports.FallbackAddButton=function(n){var a=n.isCondensed,r=void 0!==a&&a,l=n.children,m=void 0===l?"":l,c=n.className,h=void 0===c?"":c,y=o(n,s);return r?/*#__PURE__*/t.jsx(f,e({className:h},y,{children:"+"})):/*#__PURE__*/t.jsxs(i,e({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+h,style:{textWrap:"nowrap"},type:"button"},y,{children:["+ ",m]}))},exports.InputField=function(a){var r=a.placeholder,i=a.disabled,l=o(a,y),f=n.useState(!1),s=f[0],m=f[1],c=n.useState(!1),h=c[0],p=c[1];/*#__PURE__*/return t.jsxs("div",{className:"_MeMZp "+(s?"_8Hsn-":"")+" "+(i?"_eNyUD":""),children:[/*#__PURE__*/t.jsx("input",e({className:"_Bc-Kx",onFocus:function(){return!i&&m(!0)},onBlur:function(t){m(!1),p(""!==t.target.value)},onChange:function(t){p(""!==t.target.value)},placeholder:" ",disabled:i},l)),/*#__PURE__*/t.jsx("label",{className:"_78FKB "+(s||h?"_5znRk":""),children:r})]})},exports.SquareIconButton=f,exports.Tabs=function(e){var o=e.tabs,a=e.tabAction,r=n.useState(0),i=r[0],l=r[1],f=n.useMemo(function(){return o[i].content},[i]),s=n.useMemo(function(){return a?a():null},[a]);/*#__PURE__*/return t.jsxs("div",{className:d.tabContainer,children:[/*#__PURE__*/t.jsxs("div",{className:d.tabTitleContainer,children:[/*#__PURE__*/t.jsx("div",{className:d.tabTitleScrollable,children:o.map(function(n,e){/*#__PURE__*/return t.jsx(t.Fragment,{children:/*#__PURE__*/t.jsxs("div",{className:d.tabItem+" "+(i===e?d.selected:""),onClick:function(){return l(e)},children:[n.title,/*#__PURE__*/t.jsx("div",{className:d.selectionBar})]},"blueprint-tab-"+e)})})}),s&&/*#__PURE__*/t.jsx("div",{className:d.tabActionContainer,children:s})]}),/*#__PURE__*/t.jsx("div",{className:d.tabContent,children:/*#__PURE__*/t.jsx(f,{})})]})},exports.TextArea=function(a){var r=a.placeholder,i=a.disabled,l=a.maxLength,f=void 0===l?200:l,s=a.value,m=o(a,p),c=n.useState(!1),h=c[0],y=c[1],d=n.useState(!1),u=d[0],x=d[1],g=n.useState((null==s?void 0:s.length)||0),b=g[0],S=g[1];/*#__PURE__*/return t.jsxs("div",{className:"_z1n8A "+(h?"_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:f,value:s},m)),/*#__PURE__*/t.jsx("label",{className:"_VSnow "+(h||u?"_YYp0f":""),children:r}),/*#__PURE__*/t.jsxs("div",{className:"_LuSeq",children:[b,"/",f]})]})},exports.ThemeProvider=function(e){var o=e.children,a=e.theme,r=n.useMemo(function(){return m({theme:a})},[a]),i=n.useMemo(function(){return c(m({theme:a}))},[a]),l=n.useState(!1),f=l[0],s=l[1];return n.useEffect(function(){s(!0)},[]),f?/*#__PURE__*/t.jsxs(h.Provider,{value:r,children:[/*#__PURE__*/t.jsx("style",{children:'\n@import "https://use.typekit.net/loo0pmd.css";\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}'}),/*#__PURE__*/t.jsx("style",{children:"\n:root {\n "+Object.entries(i).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n}"}),/*#__PURE__*/t.jsx("style",{children:"\n "+Object.keys(r.typography).map(function(t){return"\n.tb-typography-"+t+"-font {\n font: var(--tb-typography-"+t+"-font);\n text-decoration-line: var(--tb-typography-"+t+"-textDecorationLine);\n text-transform: var(--tb-typography-"+t+"-textTransform);\n}"}).join("\n")}),/*#__PURE__*/t.jsx("style",{children:"\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}"}),o]}):null},exports.defaultTheme=x,exports.useTheme=function(){return n.useContext(h)};
1
+ var t=require("classnames"),n=require("react/jsx-runtime"),e=require("react");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=/*#__PURE__*/o(t);function r(){return r=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},r.apply(null,arguments)}function i(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 l={button:"_RkubW",small:"_pV7AR",xsmall:"_7FiWF",fullWidth:"_6cI1z",primary:"_ay1Sp",secondary:"_UebRL",defaultColorStroke:"_Lb6KY",defaultColorText:"_sZZuY"},f=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],s={default:l.default,small:l.small,xsmall:l.xsmall},m={defaultColor:l.defaultColorFill},c={defaultColor:l.defaultColorStroke},h={defaultColor:l.defaultColorText},d=function(t){var e,o=t.children,d=t.size,p=void 0===d?"default":d,y=t.variant,u=void 0===y?"primary":y,x=t.PRIMARY_FILL_VARIANT,g=void 0===x?"defaultColor":x,b=t.SECONDARY_STROKE_VARIANT,S=void 0===b?"defaultColor":b,v=t.SECONDARY_TEXT_VARIANT,H=void 0===v?"defaultColor":v,w=t.className,B=void 0===w?"":w,F=t.fullWidth,T=void 0!==F&&F,D=i(t,f),N=a.default(l.button,s[p],l[u],((e={})[l.fullWidth]=T,e[m[g]||m.defaultColor]="primary"===u,e[c[S]||c.defaultColor]="secondary"===u,e[h[H]||h.defaultColor]="secondary"===u,e),B);/*#__PURE__*/return n.jsx("button",r({className:N,type:"button"},D,{children:o}))},p=["children","className"],y=function(t){var e=t.children,o=t.className,a=void 0===o?"":o,l=i(t,p);/*#__PURE__*/return n.jsx("button",r({className:"_-kJUj "+a,color:"inherit",type:"button"},l,{children:e}))},u=["isCondensed","children","className"],x=function(t){var n=t.theme;return r({},n,{typography:r({},Object.keys(n.typography).reduce(function(t,e,o){var a;return 0===o&&(t[e]=n.typography[e].font),r({},t,((a={})[e]=r({},n.typography[e],{font:n.typography[e].fontStyle+"\n "+n.typography[e].fontWeight+"\n "+n.typography[e].fontSize+"/\n "+n.typography[e].lineHeight+"\n "+n.typography[e].fontFamily,fontStyle:n.typography[e].fontStyle,fontWeight:n.typography[e].fontWeight,fontSize:n.typography[e].fontSize,lineHeight:n.typography[e].lineHeight,fontFamily:n.typography[e].fontFamily,textDecorationLine:n.typography[e].textDecorationLine,textTransform:n.typography[e].textTransform,margin:n.typography[e].margin}),a))},{}))})};function g(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],f=n?n+"-"+i:i;"object"==typeof l&&null!==l?Object.assign(e,g(l,f)):e["--tb-"+f]=l}return e}var b=/*#__PURE__*/e.createContext(),S=["placeholder","disabled"],v=["placeholder","disabled","maxLength","value"],H={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"},w={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:700,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: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:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},B={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:r({},w,{SemanticPlaceholder:w.GothamBaseBook,SemanticFloatingPlaceholder:w.GothamXSmallBook,SemanticInput:w.SubheaderBase,SemanticButtonLabelBase:w.GothamBaseBold,SemanticButtonLabelSmall:w.GothamSmallBold,SemanticTabLabel:w.GothamBaseBold,SemanticTagLabel:w.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=d,exports.FallbackAddButton=function(t){var e=t.isCondensed,o=void 0!==e&&e,a=t.children,l=void 0===a?"":a,f=t.className,s=void 0===f?"":f,m=i(t,u);return o?/*#__PURE__*/n.jsx(y,r({className:s},m,{children:"+"})):/*#__PURE__*/n.jsxs(d,r({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+s,style:{textWrap:"nowrap"},type:"button"},m,{children:["+ ",l]}))},exports.InputField=function(t){var o=t.placeholder,a=t.disabled,l=i(t,S),f=e.useState(!1),s=f[0],m=f[1],c=e.useState(!1),h=c[0],d=c[1];/*#__PURE__*/return n.jsxs("div",{className:"_MeMZp "+(s?"_8Hsn-":"")+" "+(a?"_eNyUD":""),children:[/*#__PURE__*/n.jsx("input",r({className:"_Bc-Kx",onFocus:function(){return!a&&m(!0)},onBlur:function(t){m(!1),d(""!==t.target.value)},onChange:function(t){d(""!==t.target.value)},placeholder:" ",disabled:a},l)),/*#__PURE__*/n.jsx("label",{className:"_78FKB "+(s||h?"_5znRk":""),children:o})]})},exports.SquareIconButton=y,exports.Tabs=function(t){var o=t.tabs,a=t.tabAction,r=e.useState(0),i=r[0],l=r[1],f=e.useMemo(function(){return o[i].content},[i]),s=e.useMemo(function(){return a?a():null},[a]);/*#__PURE__*/return n.jsxs("div",{className:H.tabContainer,children:[/*#__PURE__*/n.jsxs("div",{className:H.tabTitleContainer,children:[/*#__PURE__*/n.jsx("div",{className:H.tabTitleScrollable,children:o.map(function(t,e){/*#__PURE__*/return n.jsx(n.Fragment,{children:/*#__PURE__*/n.jsxs("div",{className:H.tabItem+" "+(i===e?H.selected:""),onClick:function(){return l(e)},children:[t.title,/*#__PURE__*/n.jsx("div",{className:H.selectionBar})]},"blueprint-tab-"+e)})})}),s&&/*#__PURE__*/n.jsx("div",{className:H.tabActionContainer,children:s})]}),/*#__PURE__*/n.jsx("div",{className:H.tabContent,children:/*#__PURE__*/n.jsx(f,{})})]})},exports.TextArea=function(t){var o=t.placeholder,a=t.disabled,l=t.maxLength,f=void 0===l?200:l,s=t.value,m=i(t,v),c=e.useState(!1),h=c[0],d=c[1],p=e.useState(!1),y=p[0],u=p[1],x=e.useState((null==s?void 0:s.length)||0),g=x[0],b=x[1];/*#__PURE__*/return n.jsxs("div",{className:"_z1n8A "+(h?"_2RHao":"")+" "+(a?"_k6HqW":""),children:[/*#__PURE__*/n.jsx("textarea",r({className:"_iEdgY",onFocus:function(){return!a&&d(!0)},onBlur:function(t){d(!1),u(""!==t.target.value)},onChange:function(t){u(""!==t.target.value),b(t.target.length)},placeholder:" ",disabled:a,maxLength:f,value:s},m)),/*#__PURE__*/n.jsx("label",{className:"_VSnow "+(h||y?"_YYp0f":""),children:o}),/*#__PURE__*/n.jsxs("div",{className:"_LuSeq",children:[g,"/",f]})]})},exports.ThemeProvider=function(t){var o=t.children,a=t.theme,r=e.useMemo(function(){return x({theme:a})},[a]),i=e.useMemo(function(){return g(x({theme:a}))},[a]),l=e.useState(!1),f=l[0],s=l[1];return e.useEffect(function(){s(!0)},[]),f?/*#__PURE__*/n.jsxs(b.Provider,{value:r,children:[/*#__PURE__*/n.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__*/n.jsx("style",{children:"\n:root {\n "+Object.entries(i).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n\n "+Object.entries(i).filter(function(t){var n=t[1];return t[0].includes("palette")&&n.includes("#")}).map(function(t){var n;return t[0]+"-RGB: "+(n=(n=t[1]).replace("#",""),parseInt(n.substring(0,2),16)+", "+parseInt(n.substring(2,4),16)+", "+parseInt(n.substring(4,6),16)+";")}).join("\n")+"\n}"}),/*#__PURE__*/n.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__*/n.jsx("style",{children:"\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}"}),o]}):null},exports.defaultTheme=B,exports.useTheme=function(){return e.useContext(b)};
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/mui/primitives/Button/Button.js","../src/mui/primitives/SquareIconButton/SquareIconButton.js","../src/mui/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.js","../src/themes/ThemeProvider.js","../src/mui/primitives/TextArea/TextArea.js","../src/themes/default/typography.js","../src/themes/default/theme.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/Tabs/Tabs.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({\n children,\n size = 'base',\n color = 'accent',\n className = '',\n fullWidth = false,\n ...rest\n }) => {\n const classMap = {\n size: {\n small: styles.small,\n },\n color: {\n accent: styles.accent,\n primary: styles.primary,\n medium: styles.mediumColor,\n success: styles.success,\n error: styles.error,\n },\n fullWidth: fullWidth ? styles.fullWidth : '',\n };\n\n const classes = [\n styles.button, // Base style\n classMap.size[size],\n classMap.color[color],\n classMap.fullWidth,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <button className={classes} type=\"button\" {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`blueprint-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n };\n};\n\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\n@import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}`}\n </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\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":["Button","_ref","children","_ref$size","size","_ref$color","color","_ref$className","className","_ref$fullWidth","fullWidth","rest","_objectWithoutPropertiesLoose","_excluded","classMap","small","styles","accent","primary","medium","mediumColor","success","error","classes","button","filter","Boolean","join","_jsx","_extends","type","SquareIconButton","jsx","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","contrast","main","action","disabled","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","_ref$isCondensed","isCondensed","_ref$children","_jsxs","variant","style","textWrap","placeholder","props","_useState","useState","isFocused","setIsFocused","_useState2","hasValue","setHasValue","jsxs","onFocus","onBlur","e","target","onChange","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","_useState3","charCount","setCharCount","decoratedTheme","cssVarsObject","clientReady","setClientReady","useEffect","Provider","_ref2","typographyKey","useContext"],"mappings":"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"}
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/utils/hexToRGB.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';\nimport classNames from 'classnames';\n\nconst SIZE_CLASSES = {\n default: styles.default, // Default button size\n small: styles.small, // Small button size\n xsmall: styles.xsmall // Extra small button size\n};\n\n\n// Primary CTA property only\nconst PRIMARY_FILL_VARIANTS = {\n defaultColor: styles.defaultColorFill // Default fill for Primary CTA\n};\n\n// Secondary CTA properties only\nconst SECONDARY_STROKE_VARIANTS = {\n defaultColor: styles.defaultColorStroke // Default stroke for Secondary CTA\n};\n\nconst SECONDARY_TEXT_VARIANTS = {\n defaultColor: styles.defaultColorText // Default text color for Secondary CTA\n};\n\nconst Button = ({\n children,\n size = 'default',\n variant = 'primary',\n PRIMARY_FILL_VARIANT = 'defaultColor',\n SECONDARY_STROKE_VARIANT = 'defaultColor',\n SECONDARY_TEXT_VARIANT = 'defaultColor',\n className = '',\n fullWidth = false,\n ...rest\n }) => {\n // Build the className string using conditional logic\n const buttonClasses = classNames(\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n {\n [styles.fullWidth]: fullWidth,\n [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] || PRIMARY_FILL_VARIANTS.defaultColor]: variant === 'primary',\n [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] || SECONDARY_STROKE_VARIANTS.defaultColor]: variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor]: variant === 'secondary'\n },\n className\n );\n\n return (\n <button className={buttonClasses} 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","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport hexToRgba from './utils/hexToRGB';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\n@import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}`}\n </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n\n ${Object.entries(cssVarsObject)\n .filter(([key, value]) => key.includes('palette') && value.includes('#'))\n .map(([key, value]) => {\n return `${key}-RGB: ${ hexToRgba(value)};`\n })\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: 700,\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: 500,\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","SIZE_CLASSES","default","styles","small","xsmall","PRIMARY_FILL_VARIANTS","defaultColor","defaultColorFill","SECONDARY_STROKE_VARIANTS","defaultColorStroke","SECONDARY_TEXT_VARIANTS","defaultColorText","Button","_ref","_classNames","children","_ref$size","size","_ref$variant","variant","_ref$PRIMARY_FILL_VAR","PRIMARY_FILL_VARIANT","_ref$SECONDARY_STROKE","SECONDARY_STROKE_VARIANT","_ref$SECONDARY_TEXT_V","SECONDARY_TEXT_VARIANT","_ref$className","className","_ref$fullWidth","fullWidth","rest","_objectWithoutPropertiesLoose","buttonClasses","classNames","button","_jsx","_extends","type","SquareIconButton","jsx","color","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","_extends2","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","_i","_Object$entries","entries","length","_Object$entries$_i","value","newKey","assign","ThemeContext","createContext","H1","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","defaultTheme","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","disabled","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","_ref$isCondensed","isCondensed","_ref$children","_jsxs","style","textWrap","placeholder","props","_useState","useState","isFocused","setIsFocused","_useState2","hasValue","setHasValue","jsxs","onFocus","onBlur","e","target","onChange","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","_useState3","charCount","setCharCount","decoratedTheme","cssVarsObject","clientReady","setClientReady","useEffect","Provider","_ref2","join","filter","_ref3","includes","_ref4","hex","replace","parseInt","substring","b","typographyKey","useContext"],"mappings":"qrBAAAA,EAAA,CAAA,WAAA,OAAA,UAAA,uBAAA,2BAAA,yBAAA,YAAA,aAGMC,EAAe,CACnBC,QAASC,UACTC,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,QAKXC,EAAwB,CAC5BC,aAAcJ,EAAOK,kBAIjBC,EAA4B,CAChCF,aAAcJ,EAAOO,oBAGjBC,EAA0B,CAC9BJ,aAAcJ,EAAOS,kBAGjBC,EAAS,SAAHC,GAUUC,IAAAA,EATJC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAL,EAChBM,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EACnBQ,qBAAAA,OAAoB,IAAAD,EAAG,eAAcA,EAAAE,EAAAT,EACrCU,yBAAAA,OAA2B,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzCY,uBAAAA,OAAyB,IAAHD,EAAG,eAAcA,EAAAE,EAAAb,EACvCc,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAf,EACdgB,UAAAA,WAASD,GAAQA,EACdE,EAAIC,EAAAlB,EAAAd,GAGjBiC,EAAgBC,UACpB/B,EAAOgC,OACPlC,EAAaiB,GACbf,EAAOiB,KAAQL,MAEZZ,EAAO2B,WAAYA,EAASf,EAC5BT,EAAsBgB,IAAyBhB,EAAsBC,cAA2B,YAAZa,EAAqBL,EACzGN,EAA0Be,IAA6Bf,EAA0BF,cAA2B,cAAZa,EAAuBL,EACvHJ,EAAwBe,IAA2Bf,EAAwBJ,cAA2B,cAAZa,EAAuBL,GAEpHa,gBAGF,OACEQ,EAAAA,IAAA,SAAAC,EAAQT,CAAAA,UAAWK,EAAeK,KAAK,UAAaP,EAAIf,CAAAA,SACrDA,IAGP,ECtDAhB,EAAA,CAAA,WAAA,aAEMuC,EAAmB,SAAHzB,GAA8C,IAAxCE,EAAQF,EAARE,SAAQW,EAAAb,EAAEc,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAAKI,EAAIC,EAAAlB,EAAAd,gBAC3D,OACEoC,EAAAI,IAAA,SAAAH,EAAQT,CAAAA,UAAczB,UAA2ByB,EAAaa,MAAM,UAAUH,KAAM,UAAcP,EAAI,CAAAf,SACnGA,IAGP,ECRAhB,EAAA,CAAA,cAAA,WAAA,aCAM0C,EAAgB,SAAH5B,GAAkB,IAAZ6B,EAAK7B,EAAL6B,MACvB,OAAAN,EACKM,CAAAA,EAAAA,EACHC,CAAAA,WAAUP,EACLQ,CAAAA,EAAAA,OAAOC,KAAKH,EAAMC,YAAYG,OAAO,SAACC,EAAKC,EAAKC,GAAU,IAAAC,EAK3D,OAJc,IAAVD,IACFF,EAAIC,GAAON,EAAMC,WAAWK,GAAKG,MAGnCf,EAAA,CAAA,EACKW,IAAGG,EAAAA,CAAAA,GACLF,GAAGZ,EACCM,CAAAA,EAAAA,EAAMC,WAAWK,GAAI,CACxBG,KAAST,EAAMC,WAAWK,GAAKI,UAAS,uBAChCV,EAAMC,WAAWK,GAAKK,WAAU,uBAChCX,EAAMC,WAAWK,GAAKM,SACtBZ,wBAAAA,EAAMC,WAAWK,GAAKO,WACtBb,uBAAAA,EAAMC,WAAWK,GAAKQ,WAC9BJ,UAAWV,EAAMC,WAAWK,GAAKI,UACjCC,WAAYX,EAAMC,WAAWK,GAAKK,WAClCC,SAAUZ,EAAMC,WAAWK,GAAKM,SAChCC,WAAYb,EAAMC,WAAWK,GAAKO,WAClCC,WAAYd,EAAMC,WAAWK,GAAKQ,WAClCC,mBAAoBf,EAAMC,WAAWK,GAAKS,mBAC1CC,cAAehB,EAAMC,WAAWK,GAAKU,cACrCC,OAAQjB,EAAMC,WAAWK,GAAKW,SAAMT,GAG1C,EAAG,CAAE,KAGX,EC/BA,SAASU,EAAiBC,EAAKC,QAAS,IAATA,IAAAA,EAAY,IAGzC,IAFA,IAAMC,EAAS,CAAE,EAEjBC,EAAA,EAAAC,EAA2BrB,OAAOsB,QAAQL,GAAIG,EAAAC,EAAAE,OAAAH,IAAE,CAA3C,IAAAI,EAAAH,EAAAD,GAAOhB,EAAGoB,EAAA,GAAEC,EAAKD,EACpB,GAAME,EAASR,EAAeA,EAAS,IAAId,EAAQA,EAE9B,iBAAVqB,GAAgC,OAAVA,EAC/BzB,OAAO2B,OAAOR,EAAQH,EAAiBS,EAAOC,IAE9CP,UAAeO,GAAYD,CAE/B,CAEA,OAAON,CACT,CCdA,ICIMS,eAAeC,EAAAA,6CCJrB1E,EAAA,CAAA,cAAA,WAAA,YAAA,uKCAM4C,EAAa,CACjB+B,GAAI,CACFpB,SAAU,OACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBkB,GAAI,CACFrB,SAAU,SACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBmB,GAAI,CACFtB,SAAU,YACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBoB,GAAI,CACFvB,SAAU,UACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBqB,GAAI,CACFxB,SAAU,UACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBsB,GAAI,CACFzB,SAAU,YACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBuB,SAAU,CACR1B,SAAU,OACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBwB,UAAW,CACT3B,SAAU,WACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtByB,UAAW,CACT5B,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB0B,WAAY,CACV7B,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB2B,cAAe,CACb9B,SAAU,OACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB4B,eAAgB,CACd/B,SAAU,WACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB6B,eAAgB,CACdhC,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB8B,gBAAiB,CACfjC,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB+B,eAAgB,CACdlC,SAAU,WACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBgC,eAAgB,CACdnC,SAAU,WACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBiC,gBAAiB,CACfpC,SAAU,UACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBkC,gBAAiB,CACfrC,SAAU,UACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBmC,iBAAkB,CAChBtC,SAAU,YACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBoC,eAAgB,CACdvC,SAAU,YACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,YACfD,mBAAoB,SCjLXqC,EAAe,CAC1BC,QAAS,CACPC,GAAI,CACFC,MAAO,CACLC,QAAS,UACTC,OAAQ,UACRC,OAAQ,UACRC,KAAM,WAERC,WAAY,CACVC,MAAO,UACPC,SAAU,UACVC,MAAO,UACPC,SAAU,UACVC,SAAU,UACVC,QAAS,UACTC,UAAW,UACXC,WAAY,2BACZC,QAAS,UACTC,MAAO,WAETC,IAAK,CACHC,KAAM,UACNC,QAAS,UACTC,cAAe,UACfC,MAAO,UACPC,eAAgB,UAChBC,SAAU,UACVC,SAAU,UACVC,OAAQ,YAGZC,QAAS,CACPC,SAAU,UACVC,KAAM,WAERC,OAAQ,CACNC,SAAU,wBAGdnF,WAAUP,EACLO,CAAAA,EAAAA,GACHoF,oBAAqBpF,EAAW8C,eAChCuC,4BAA6BrF,EAAWiD,iBACxCqC,cAAetF,EAAWyC,cAC1B8C,wBAAyBvF,EAAW6C,eACpC2C,yBAA0BxF,EAAW+C,gBACrC0C,iBAAkBzF,EAAW6C,eAC7B6C,iBAAkB1F,EAAW+C,kBAE/B4C,wBAAyB,kDPjDD,SAAHzH,GAAwE0H,IAAAA,EAAA1H,EAAlE2H,YAAAA,OAAW,IAAAD,GAAQA,EAAAE,EAAA5H,EAAEE,SAAAA,OAAW,IAAH0H,EAAG,GAAEA,EAAA/G,EAAAb,EAAEc,UAAAA,WAASD,EAAG,GAAEA,EAAKI,EAAIC,EAAAlB,EAAAd,GACtF,OAAIyI,eAEArG,EAAAA,IAACG,EAAgBF,EAAA,CAACT,UAAWA,GAAeG,GAAIf,SAAE,oBAOpD2H,EAAAA,KAAC9H,EAAMwB,EACLnB,CAAAA,KAAM,QACNuB,MAAO,SACPrB,QAAS,OACTQ,UAAuDA,4CAAAA,EACvDgH,MAAO,CAAEC,SAAU,UACnBvG,KAAM,UACFP,EAAI,CAAAf,SAEP,CAAA,KACAA,KAGP,qBQvBmB,SAAHF,GAAM,IAAAgI,EAAWhI,EAAXgI,YAAaf,EAAQjH,EAARiH,SAAagB,EAAK/G,EAAAlB,EAAAd,GACnDgJ,EAAkCC,EAAQA,UAAC,GAApCC,EAASF,EAAEG,GAAAA,EAAYH,EAC9B,GAAAI,EAAgCH,EAAQA,UAAC,GAAlCI,EAAQD,EAAEE,GAAAA,EAAWF,EAE5B,gBAWA,OACET,EAAAY,KAAK3H,MAAAA,CAAAA,UAAczB,WAAyB+I,WAA6B,IAAMnB,KAAAA,WAA6B,IAAK/G,SAAA,cAC/GoB,EAAAI,IAAA,QAAAH,EAAA,CACET,mBACA4H,QAfc,WAAM,OAACzB,GAAYoB,GAAa,EAAK,EAgBnDM,OAda,SAACC,GAClBP,GAAa,GACbG,EAA+B,KAAnBI,EAAEC,OAAOrF,MACvB,EAYMsF,SAVe,SAACF,GACpBJ,EAA+B,KAAnBI,EAAEC,OAAOrF,MACvB,EASMwE,YAAY,IACZf,SAAUA,GACNgB,iBAEN3G,EAAAI,aAAOZ,UAAczB,WAAsB+I,GAAaG,WAAwC,IAAKrI,SAClG8H,MAIT,0CC/Ba,SAAHhI,GAA4B,IAAtB+I,EAAI/I,EAAJ+I,KAAMC,EAAShJ,EAATgJ,UACpBd,EAAsCC,EAAQA,SAAC,GAAxCc,EAAWf,KAAEgB,EAAchB,EAAA,GAC5BiB,EAAoBC,EAAAA,QAAQ,WAChC,OAAOL,EAAKE,GAAaI,OAC3B,EAAG,CAACJ,IAEEK,EAAqBF,EAAAA,QAAQ,WACjC,OAAOJ,EAAYA,IAAc,IACnC,EAAG,CAACA,iBAEJ,OACEnB,EAAAY,KAAA,MAAA,CAAK3H,UAAWzB,EAAOkK,aAAarJ,SAAA,cAClC2H,EAAAA,KAAA,MAAA,CAAK/G,UAAWzB,EAAOmK,kBAAkBtJ,SACvCoB,cAAAA,EAAAA,IAAKR,MAAAA,CAAAA,UAAWzB,EAAOoK,mBAAmBvJ,SACvC6I,EAAKW,IAAI,SAACC,EAAKvH,gBACd,OACEd,EAAAI,IAAAkI,EAAAC,SAAA,CAAA3J,sBACE2H,EAAAA,KAAA,MAAA,CAEE/G,UAAczB,EAAOyK,QAAO,KAAIb,IAAgB7G,EAAQ/C,EAAO0K,SAAW,IAC1EC,QAAS,WAAA,OAAMd,EAAe9G,EAAM,EAAClC,SAAA,CAEpCyJ,EAAIM,mBACL3I,EAAAI,IAAA,MAAA,CAAKZ,UAAWzB,EAAO6K,iBAAgB,iBALjB9H,IAS9B,KAEDkH,gBAAsBhI,EAAAA,IAAKR,MAAAA,CAAAA,UAAWzB,EAAO8K,mBAAmBjK,SAAEoJ,oBAErEhI,EAAAI,IAAA,MAAA,CAAKZ,UAAWzB,EAAO+K,WAAWlK,sBAChCoB,EAAAA,IAAC6H,EAAiB,CAAA,OAI1B,mBJpCiB,SAAHnJ,GAAoE,IAA9DgI,EAAWhI,EAAXgI,YAAaf,EAAQjH,EAARiH,SAAQoD,EAAArK,EAAEsK,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EAAE7G,EAAKxD,EAALwD,MAAUyE,EAAK/G,EAAAlB,EAAAd,GACzEgJ,EAAkCC,EAAAA,UAAS,GAApCC,EAASF,EAAA,GAAEG,EAAYH,EAC9B,GAAAI,EAAgCH,EAAQA,UAAC,GAAlCI,EAAQD,EAAA,GAAEE,EAAWF,EAC5B,GAAAiC,EAAkCpC,EAAQA,UAAM,MAAL3E,OAAK,EAALA,EAAOF,SAAU,GAArDkH,EAASD,EAAA,GAAEE,EAAYF,EAE9B,gBAaA,OACE1C,EAAAA,KACE/G,MAAAA,CAAAA,UAAczB,WAA4B+I,WAA6B,IAAE,KAAInB,WAA6B,IAAK/G,uBAE/GoB,EAAAI,IAAA,WAAAH,EACET,CAAAA,mBACA4H,QAnBc,WAAH,OAAUzB,GAAYoB,GAAa,EAAK,EAoBnDM,OAlBa,SAACC,GAClBP,GAAa,GACbG,EAA+B,KAAnBI,EAAEC,OAAOrF,MACvB,EAgBMsF,SAde,SAACF,GAEpBJ,EAA2B,KADRI,EAAEC,OAAOrF,OAE5BiH,EAAa7B,EAAEC,OAAOvF,OACxB,EAWM0E,YAAY,IACZf,SAAUA,EACVqD,UAAWA,EACX9G,MAAOA,GACHyE,iBAEN3G,EAAAA,IAAA,QAAA,CAAOR,UAAczB,WAAsB+I,GAAaG,WAAwC,IAAKrI,SAClG8H,iBAEHH,cAAK/G,mBAA8BZ,SAChCsK,CAAAA,EAAU,IAAEF,OAIrB,wBDtCsB,SAAHtK,GAA4B,IAAtBE,EAAQF,EAARE,SAAU2B,EAAK7B,EAAL6B,MAC3B6I,EAAiBtB,EAAOA,QAAC,WAC7B,OAAOxH,EAAc,CAAEC,MAAAA,GACzB,EAAG,CAACA,IAEE8I,EAAgBvB,EAAOA,QAAC,WAC5B,OAAOrG,EAAiBnB,EAAc,CAAEC,MAAAA,IAC1C,EAAG,CAACA,IAEJqG,EAAsCC,EAAQA,UAAC,GAAxCyC,EAAW1C,EAAA,GAAE2C,EAAc3C,KAOlC,OALA4C,YAAU,WACRD,GAAe,EACjB,EAAG,IAGED,eAKH/C,EAAAA,KAAClE,EAAaoH,UAASvH,MAAOkH,EAAexK,uBAC3CoB,EAAAI,IAAA,QAAA,CAAAxB,SAAA,kqEA8DAoB,EAAAI,aAAAxB,SAAA,gBAEF6B,OAAOsB,QAAQsH,GACZjB,IAAI,SAAAsB,GAAqB,OAAhBA,KAAwBxH,KAAjBwH,EAAS,GAAgB,GAAA,GACzCC,KAAK,MAAK,SAEblJ,OAAOsB,QAAQsH,GACZO,OAAO,SAAAC,OAAO3H,EAAK2H,EAAM,GAAA,OAAbA,KAAiBC,SAAS,YAAc5H,EAAM4H,SAAS,IAAI,GACvE1B,IAAI,SAAA2B,ODlGQC,ECmGX,OADQD,EAAA,GACK,UDlGnBC,GADiBA,ECkGID,EACf,IDlGIE,QAAQ,IAAK,IACbC,SAASF,EAAIG,UAAU,EAAG,GAAI,IAG7B,KAFDD,SAASF,EAAIG,UAAU,EAAG,GAAI,IAElBC,KADZF,SAASF,EAAIG,UAAU,EAAG,GAAI,IC+FK,IACzC,GACCR,KAAK,MAEC,qBACP3J,EAAAI,aAAAxB,SAAA,WACE6B,OAAOC,KAAK0I,EAAe5I,YAC1B4H,IAAI,SAACiC,GACJ,0BACOA,EAAa,wCACAA,EAAa,wDACGA,EACNA,gEAAAA,uBAChC,GAAGV,KAAK,qBAEV3J,EAAAI,IAAAxB,QAAAA,CAAAA,ytCA6CCA,KAvIL,IA0IF,0CAEgB,WACd,OAAO0L,EAAUA,WAACjI,EACpB"}
package/dist/index.modern.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t,jsxs as n,Fragment as e}from"react/jsx-runtime";import{useMemo as o,useState as a,useEffect as r,useContext as i,createContext as l}from"react";function f(){return f=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},f.apply(null,arguments)}function s(t,n){if(null==t)return{};var e={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(n.indexOf(o)>=0)continue;e[o]=t[o]}return e}var m={button:"_RkubW",fullWidth:"_6cI1z",small:"_pV7AR",accent:"_qeZ-W",primary:"_ay1Sp",mediumColor:"_MZ8Ww",success:"_a46Z-",error:"_Zytjc"};const c=["children","size","color","className","fullWidth"],h=n=>{let{children:e,size:o="base",color:a="accent",className:r="",fullWidth:i=!1}=n,l=s(n,c);const h={size:{small:m.small},color:{accent:m.accent,primary:m.primary,medium:m.mediumColor,success:m.success,error:m.error},fullWidth:i?m.fullWidth:""},y=[m.button,h.size[o],h.color[a],h.fullWidth,r].filter(Boolean).join(" ");/*#__PURE__*/return t("button",f({className:y,type:"button"},l,{children:e}))},y=["children","className"],p=n=>{let{children:e,className:o=""}=n,a=s(n,y);/*#__PURE__*/return t("button",f({className:`_-kJUj ${o}`,color:"inherit",type:"button"},a,{children:e}))},d=["isCondensed","children","className"],g=e=>{let{isCondensed:o=!1,children:a="",className:r=""}=e,i=s(e,d);return o?/*#__PURE__*/t(p,f({className:r},i,{children:"+"})):/*#__PURE__*/n(h,f({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${r}`,style:{textWrap:"nowrap"},type:"button"},i,{children:["+ ",a]}))},b=({theme:t})=>f({},t,{typography:f({},Object.keys(t.typography).reduce((n,e,o)=>(0===o&&(n[e]=t.typography[e].font),f({},n,{[e]:f({},t.typography[e],{font:`${t.typography[e].fontStyle}\n ${t.typography[e].fontWeight}\n ${t.typography[e].fontSize}/\n ${t.typography[e].lineHeight}\n ${t.typography[e].fontFamily}`,fontStyle:t.typography[e].fontStyle,fontWeight:t.typography[e].fontWeight,fontSize:t.typography[e].fontSize,lineHeight:t.typography[e].lineHeight,fontFamily:t.typography[e].fontFamily,textDecorationLine:t.typography[e].textDecorationLine,textTransform:t.typography[e].textTransform,margin:t.typography[e].margin})})),{}))});function x(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,x(a,t)):e[`--tb-${t}`]=a}return e}const S=/*#__PURE__*/l(),u=({children:e,theme:i})=>{const l=o(()=>b({theme:i}),[i]),f=o(()=>x(b({theme:i})),[i]),[s,m]=a(!1);return r(()=>{m(!0)},[]),s?/*#__PURE__*/n(S.Provider,{value:l,children:[/*#__PURE__*/t("style",{children:'\n@import "https://use.typekit.net/loo0pmd.css";\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}'}),/*#__PURE__*/t("style",{children:`\n:root {\n ${Object.entries(f).map(([t,n])=>`${t}: ${n};`).join("\n")}\n}`}),/*#__PURE__*/t("style",{children:`\n ${Object.keys(l.typography).map(t=>`\n.tb-typography-${t}-font {\n font: var(--tb-typography-${t}-font);\n text-decoration-line: var(--tb-typography-${t}-textDecorationLine);\n text-transform: var(--tb-typography-${t}-textTransform);\n}`).join("\n")}`}),/*#__PURE__*/t("style",{children:"\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}"}),e]}):null};function v(){return i(S)}const H=["placeholder","disabled"],w=e=>{let{placeholder:o,disabled:r}=e,i=s(e,H);const[l,m]=a(!1),[c,h]=a(!1);/*#__PURE__*/return n("div",{className:`_MeMZp ${l?"_8Hsn-":""} ${r?"_eNyUD":""}`,children:[/*#__PURE__*/t("input",f({className:"_Bc-Kx",onFocus:()=>!r&&m(!0),onBlur:t=>{m(!1),h(""!==t.target.value)},onChange:t=>{h(""!==t.target.value)},placeholder:" ",disabled:r},i)),/*#__PURE__*/t("label",{className:"_78FKB "+(l||c?"_5znRk":""),children:o})]})},B=["placeholder","disabled","maxLength","value"],F=e=>{let{placeholder:o,disabled:r,maxLength:i=200,value:l}=e,m=s(e,B);const[c,h]=a(!1),[y,p]=a(!1),[d,g]=a((null==l?void 0:l.length)||0);/*#__PURE__*/return n("div",{className:`_z1n8A ${c?"_2RHao":""} ${r?"_k6HqW":""}`,children:[/*#__PURE__*/t("textarea",f({className:"_iEdgY",onFocus:()=>!r&&h(!0),onBlur:t=>{h(!1),p(""!==t.target.value)},onChange:t=>{p(""!==t.target.value),g(t.target.length)},placeholder:" ",disabled:r,maxLength:i,value:l},m)),/*#__PURE__*/t("label",{className:"_VSnow "+(c||y?"_YYp0f":""),children:o}),/*#__PURE__*/n("div",{className:"_LuSeq",children:[d,"/",i]})]})};var D={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"};const G=({tabs:r,tabAction:i})=>{const[l,f]=a(0),s=o(()=>r[l].content,[l]),m=o(()=>i?i():null,[i]);/*#__PURE__*/return n("div",{className:D.tabContainer,children:[/*#__PURE__*/n("div",{className:D.tabTitleContainer,children:[/*#__PURE__*/t("div",{className:D.tabTitleScrollable,children:r.map((o,a)=>/*#__PURE__*/t(e,{children:/*#__PURE__*/n("div",{className:`${D.tabItem} ${l===a?D.selected:""}`,onClick:()=>f(a),children:[o.title,/*#__PURE__*/t("div",{className:D.selectionBar})]},`blueprint-tab-${a}`)}))}),m&&/*#__PURE__*/t("div",{className:D.tabActionContainer,children:m})]}),/*#__PURE__*/t("div",{className:D.tabContent,children:/*#__PURE__*/t(s,{})})]})},W={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:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},L={palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}},typography:f({},W,{SemanticPlaceholder:W.GothamBaseBook,SemanticFloatingPlaceholder:W.GothamXSmallBook,SemanticInput:W.SubheaderBase,SemanticButtonLabelBase:W.GothamBaseBold,SemanticButtonLabelSmall:W.GothamSmallBold,SemanticTabLabel:W.GothamBaseBold,SemanticTagLabel:W.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{h as Button,g as FallbackAddButton,w as InputField,p as SquareIconButton,G as Tabs,F as TextArea,u as ThemeProvider,L as defaultTheme,v as useTheme};
1
+ import t from"classnames";import{jsx as n,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useMemo as a,useState as r,useEffect as l,useContext as i,createContext as f}from"react";function s(){return s=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},s.apply(null,arguments)}function m(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 h={button:"_RkubW",small:"_pV7AR",xsmall:"_7FiWF",fullWidth:"_6cI1z",primary:"_ay1Sp",secondary:"_UebRL",defaultColorStroke:"_Lb6KY",defaultColorText:"_sZZuY"};const c=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],y={default:h.default,small:h.small,xsmall:h.xsmall},p={defaultColor:h.defaultColorFill},d={defaultColor:h.defaultColorStroke},g={defaultColor:h.defaultColorText},b=e=>{let{children:o,size:a="default",variant:r="primary",PRIMARY_FILL_VARIANT:l="defaultColor",SECONDARY_STROKE_VARIANT:i="defaultColor",SECONDARY_TEXT_VARIANT:f="defaultColor",className:b="",fullWidth:u=!1}=e,S=m(e,c);const x=t(h.button,y[a],h[r],{[h.fullWidth]:u,[p[l]||p.defaultColor]:"primary"===r,[d[i]||d.defaultColor]:"secondary"===r,[g[f]||g.defaultColor]:"secondary"===r},b);/*#__PURE__*/return n("button",s({className:x,type:"button"},S,{children:o}))},u=["children","className"],S=t=>{let{children:e,className:o=""}=t,a=m(t,u);/*#__PURE__*/return n("button",s({className:`_-kJUj ${o}`,color:"inherit",type:"button"},a,{children:e}))},x=["isCondensed","children","className"],v=t=>{let{isCondensed:o=!1,children:a="",className:r=""}=t,l=m(t,x);return o?/*#__PURE__*/n(S,s({className:r},l,{children:"+"})):/*#__PURE__*/e(b,s({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${r}`,style:{textWrap:"nowrap"},type:"button"},l,{children:["+ ",a]}))},H=({theme:t})=>s({},t,{typography:s({},Object.keys(t.typography).reduce((n,e,o)=>(0===o&&(n[e]=t.typography[e].font),s({},n,{[e]:s({},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 w(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,w(a,t)):e[`--tb-${t}`]=a}return e}const B=/*#__PURE__*/f(),F=({children:t,theme:o})=>{const i=a(()=>H({theme:o}),[o]),f=a(()=>w(H({theme:o})),[o]),[s,m]=r(!1);return l(()=>{m(!0)},[]),s?/*#__PURE__*/e(B.Provider,{value:i,children:[/*#__PURE__*/n("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__*/n("style",{children:`\n:root {\n ${Object.entries(f).map(([t,n])=>`${t}: ${n};`).join("\n")}\n\n ${Object.entries(f).filter(([t,n])=>t.includes("palette")&&n.includes("#")).map(([t,n])=>{return`${t}-RGB: ${e=n,e=e.replace("#",""),`${parseInt(e.substring(0,2),16)}, ${parseInt(e.substring(2,4),16)}, ${parseInt(e.substring(4,6),16)}`};`;var e}).join("\n")}\n}`}),/*#__PURE__*/n("style",{children:`\n ${Object.keys(i.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__*/n("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}"}),t]}):null};function D(){return i(B)}const T=["placeholder","disabled"],N=t=>{let{placeholder:o,disabled:a}=t,l=m(t,T);const[i,f]=r(!1),[h,c]=r(!1);/*#__PURE__*/return e("div",{className:`_MeMZp ${i?"_8Hsn-":""} ${a?"_eNyUD":""}`,children:[/*#__PURE__*/n("input",s({className:"_Bc-Kx",onFocus:()=>!a&&f(!0),onBlur:t=>{f(!1),c(""!==t.target.value)},onChange:t=>{c(""!==t.target.value)},placeholder:" ",disabled:a},l)),/*#__PURE__*/n("label",{className:"_78FKB "+(i||h?"_5znRk":""),children:o})]})},G=["placeholder","disabled","maxLength","value"],L=t=>{let{placeholder:o,disabled:a,maxLength:l=200,value:i}=t,f=m(t,G);const[h,c]=r(!1),[y,p]=r(!1),[d,g]=r((null==i?void 0:i.length)||0);/*#__PURE__*/return e("div",{className:`_z1n8A ${h?"_2RHao":""} ${a?"_k6HqW":""}`,children:[/*#__PURE__*/n("textarea",s({className:"_iEdgY",onFocus:()=>!a&&c(!0),onBlur:t=>{c(!1),p(""!==t.target.value)},onChange:t=>{p(""!==t.target.value),g(t.target.length)},placeholder:" ",disabled:a,maxLength:l,value:i},f)),/*#__PURE__*/n("label",{className:"_VSnow "+(h||y?"_YYp0f":""),children:o}),/*#__PURE__*/e("div",{className:"_LuSeq",children:[d,"/",l]})]})};var _={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"};const A=({tabs:t,tabAction:l})=>{const[i,f]=r(0),s=a(()=>t[i].content,[i]),m=a(()=>l?l():null,[l]);/*#__PURE__*/return e("div",{className:_.tabContainer,children:[/*#__PURE__*/e("div",{className:_.tabTitleContainer,children:[/*#__PURE__*/n("div",{className:_.tabTitleScrollable,children:t.map((t,a)=>/*#__PURE__*/n(o,{children:/*#__PURE__*/e("div",{className:`${_.tabItem} ${i===a?_.selected:""}`,onClick:()=>f(a),children:[t.title,/*#__PURE__*/n("div",{className:_.selectionBar})]},`blueprint-tab-${a}`)}))}),m&&/*#__PURE__*/n("div",{className:_.tabActionContainer,children:m})]}),/*#__PURE__*/n("div",{className:_.tabContent,children:/*#__PURE__*/n(s,{})})]})},W={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:700,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: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:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},C={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:s({},W,{SemanticPlaceholder:W.GothamBaseBook,SemanticFloatingPlaceholder:W.GothamXSmallBook,SemanticInput:W.SubheaderBase,SemanticButtonLabelBase:W.GothamBaseBold,SemanticButtonLabelSmall:W.GothamSmallBold,SemanticTabLabel:W.GothamBaseBold,SemanticTagLabel:W.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{b as Button,v as FallbackAddButton,N as InputField,S as SquareIconButton,A as Tabs,L as TextArea,F as ThemeProvider,C as defaultTheme,D as useTheme};
2
2
  //# sourceMappingURL=index.modern.mjs.map
package/dist/index.modern.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.modern.mjs","sources":["../src/mui/primitives/Button/Button.js","../src/mui/primitives/SquareIconButton/SquareIconButton.js","../src/mui/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.js","../src/themes/ThemeProvider.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/TextArea/TextArea.js","../src/mui/primitives/Tabs/Tabs.js","../src/themes/default/typography.js","../src/themes/default/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\n\nconst Button = ({\n children,\n size = 'base',\n color = 'accent',\n className = '',\n fullWidth = false,\n ...rest\n }) => {\n const classMap = {\n size: {\n small: styles.small,\n },\n color: {\n accent: styles.accent,\n primary: styles.primary,\n medium: styles.mediumColor,\n success: styles.success,\n error: styles.error,\n },\n fullWidth: fullWidth ? styles.fullWidth : '',\n };\n\n const classes = [\n styles.button, // Base style\n classMap.size[size],\n classMap.color[color],\n classMap.fullWidth,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <button className={classes} type=\"button\" {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`blueprint-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n };\n};\n\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\n@import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}`}\n </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = ({ placeholder, disabled, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n setHasValue(e.target.value !== '');\n };\n\n return (\n <div className={`${styles.inputContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n </div>\n );\n};\n\nexport default InputField;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\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":["_excluded","Button","_ref","children","size","color","className","fullWidth","rest","_objectWithoutPropertiesLoose","classMap","small","styles","accent","primary","medium","mediumColor","success","error","classes","button","filter","Boolean","join","_jsx","_extends","type","SquareIconButton","FallbackAddButton","isCondensed","_jsxs","variant","style","textWrap","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","ThemeContext","createContext","ThemeProvider","decoratedTheme","useMemo","cssVarsObject","clientReady","setClientReady","useState","useEffect","Provider","map","typographyKey","useTheme","useContext","InputField","placeholder","disabled","props","isFocused","setIsFocused","hasValue","setHasValue","onFocus","handleFocus","onBlur","e","target","onChange","TextArea","maxLength","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","content","tabActionComponent","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","contrast","main","action","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius"],"mappings":"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"}
1
+ {"version":3,"file":"index.modern.mjs","sources":["../src/mui/primitives/Button/Button.js","../src/mui/primitives/SquareIconButton/SquareIconButton.js","../src/mui/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.js","../src/themes/utils/hexToRGB.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';\nimport classNames from 'classnames';\n\nconst SIZE_CLASSES = {\n default: styles.default, // Default button size\n small: styles.small, // Small button size\n xsmall: styles.xsmall // Extra small button size\n};\n\n\n// Primary CTA property only\nconst PRIMARY_FILL_VARIANTS = {\n defaultColor: styles.defaultColorFill // Default fill for Primary CTA\n};\n\n// Secondary CTA properties only\nconst SECONDARY_STROKE_VARIANTS = {\n defaultColor: styles.defaultColorStroke // Default stroke for Secondary CTA\n};\n\nconst SECONDARY_TEXT_VARIANTS = {\n defaultColor: styles.defaultColorText // Default text color for Secondary CTA\n};\n\nconst Button = ({\n children,\n size = 'default',\n variant = 'primary',\n PRIMARY_FILL_VARIANT = 'defaultColor',\n SECONDARY_STROKE_VARIANT = 'defaultColor',\n SECONDARY_TEXT_VARIANT = 'defaultColor',\n className = '',\n fullWidth = false,\n ...rest\n }) => {\n // Build the className string using conditional logic\n const buttonClasses = classNames(\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n {\n [styles.fullWidth]: fullWidth,\n [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] || PRIMARY_FILL_VARIANTS.defaultColor]: variant === 'primary',\n [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] || SECONDARY_STROKE_VARIANTS.defaultColor]: variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor]: variant === 'secondary'\n },\n className\n );\n\n return (\n <button className={buttonClasses} 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","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport hexToRgba from './utils/hexToRGB';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\n@import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}`}\n </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n\n ${Object.entries(cssVarsObject)\n .filter(([key, value]) => key.includes('palette') && value.includes('#'))\n .map(([key, value]) => {\n return `${key}-RGB: ${ hexToRgba(value)};`\n })\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: 700,\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: 500,\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":["SIZE_CLASSES","default","styles","small","xsmall","PRIMARY_FILL_VARIANTS","defaultColor","defaultColorFill","SECONDARY_STROKE_VARIANTS","defaultColorStroke","SECONDARY_TEXT_VARIANTS","defaultColorText","Button","_ref","children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth","rest","_objectWithoutPropertiesLoose","_excluded","buttonClasses","classNames","button","_jsx","_extends","type","SquareIconButton","color","FallbackAddButton","isCondensed","_jsxs","style","textWrap","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","ThemeContext","createContext","ThemeProvider","decoratedTheme","useMemo","cssVarsObject","clientReady","setClientReady","useState","useEffect","Provider","map","join","filter","includes","hex","replace","parseInt","substring","typographyKey","useTheme","useContext","InputField","placeholder","disabled","props","isFocused","setIsFocused","hasValue","setHasValue","onFocus","handleFocus","onBlur","e","target","onChange","TextArea","maxLength","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","content","tabActionComponent","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.6.1",
3
+ "version": "1.7.0",
4
4
  "description": "Toll Brothers Design System",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -36,12 +36,14 @@
36
36
  "react-dom": ">=18"
37
37
  },
38
38
  "dependencies": {
39
+ "classnames": "^2.5.1",
39
40
  "next": "^13.5.7"
40
41
  },
41
42
  "devDependencies": {
42
43
  "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
43
44
  "@babel/preset-react": "^7.24.7",
44
45
  "@chromatic-com/storybook": "^1.6.0",
46
+ "@storybook/addon-designs": "^8.1.0",
45
47
  "@storybook/addon-essentials": "^8.1.11",
46
48
  "@storybook/addon-interactions": "^8.1.11",
47
49
  "@storybook/addon-links": "^8.1.11",