@tollbrothers/blueprint 1.8.0 → 1.8.1

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.
@@ -0,0 +1,2 @@
1
+ import{useLayoutEffect as t,useEffect as o,useMemo as n}from"react";import{_ as e}from"./index-a2049fde.js";import{jsx as f}from"react/jsx-runtime";import"next/dynamic";const a=({theme:t})=>e({},t,{typography:e({},Object.keys(t.typography).reduce((o,n,f)=>(0===f&&(o[n]=t.typography[n].font),e({},o,{[n]:e({},t.typography[n],{font:`${t.typography[n].fontStyle}\n ${t.typography[n].fontWeight}\n ${t.typography[n].fontSize}/\n ${t.typography[n].lineHeight}\n ${t.typography[n].fontFamily}`,fontStyle:t.typography[n].fontStyle,fontWeight:t.typography[n].fontWeight,fontSize:t.typography[n].fontSize,lineHeight:t.typography[n].lineHeight,fontFamily:t.typography[n].fontFamily,textDecorationLine:t.typography[n].textDecorationLine,textTransform:t.typography[n].textTransform,margin:t.typography[n].margin})})),{}))});function r(t,o=""){const n={};for(const[e,f]of Object.entries(t)){const t=o?`${o}-${e}`:e;"object"==typeof f&&null!==f?Object.assign(n,r(f,t)):n[`--tb-${t}`]=f}return n}const m="undefined"!=typeof window?t:o;let l,s,i;const p=({children:t,theme:o,ThemeContext:e})=>{const p=n(()=>a({theme:o}),[o]),h=n(()=>r(a({theme:o})),[o]);return m(()=>{"undefined"==typeof document||l||(l=document.head.appendChild(document.createElement("style")),l.innerHTML='\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 ')},[]),(t=>{m(()=>{"undefined"==typeof document||s||(s=document.head.appendChild(document.createElement("style")),s.innerHTML=`\n ${Object.keys(t.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")}`)},[])})(p),((t,o)=>{m(()=>{"undefined"==typeof document||i||(i=document.head.appendChild(document.createElement("style")),i.innerHTML=`\n ${Object.keys(t.typography).map(t=>`\n:root {\n ${Object.entries(o).map(([t,o])=>`${t}: ${o};`).join("\n")}\n\n ${Object.entries(o).filter(([t,o])=>t.includes("palette")&&o.includes("#")).map(([t,o])=>{return`${t}-RGB: ${n=o,n=n.replace("#",""),`${parseInt(n.substring(0,2),16)}, ${parseInt(n.substring(2,4),16)}, ${parseInt(n.substring(4,6),16)}`};`;var n}).join("\n")}\n}`).join("\n")}`)},[])})(p,h),/*#__PURE__*/f(e.Provider,{value:p,children:t})};export{p as default};
2
+ //# sourceMappingURL=ThemeProviderClientSide-d845692f.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProviderClientSide-8c365905.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/utils/flattenToCssVars.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/hexToRGB.js"],"sourcesContent":["const addFontTokens = ({ 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 addFontTokens;\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 { useLayoutEffect, useEffect } from 'react';\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser.\n// source: https://github.com/omgovich/react-colorful/blob/master/src/hooks/useIsomorphicLayoutEffect.ts\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useFontFaces = () => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n `;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useTypographyClasses = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\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}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useTypographyClasses;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport hexToRgba from '../utils/hexToRGB';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme, cssVarsObject) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\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 })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport useFontFaces from './hooks/useFontFaces';\nimport useTypographyClasses from './hooks/useTypographyClasses';\nimport useCssVars from './hooks/useCssVars';\n\nconst ThemeProviderClientSide = ({ children, theme, ThemeContext }) => {\n const decoratedTheme = useMemo(() => {\n return addFontTokens({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(addFontTokens({ theme }));\n }, [theme]);\n\n useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme, cssVarsObject);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\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"],"names":["addFontTokens","theme","_extends","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","styleElement","ThemeProviderClientSide","children","ThemeContext","decoratedTheme","useMemo","cssVarsObject","document","head","appendChild","createElement","innerHTML","map","typographyKey","join","useTypographyClasses","useCssVars","filter","includes","hex","replace","parseInt","substring","_jsx","Provider"],"mappings":"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"}
1
+ {"version":3,"file":"ThemeProviderClientSide-d845692f.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/utils/flattenToCssVars.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/hexToRGB.js"],"sourcesContent":["const addFontTokens = ({ 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 addFontTokens;\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 { useLayoutEffect, useEffect } from 'react';\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser.\n// source: https://github.com/omgovich/react-colorful/blob/master/src/hooks/useIsomorphicLayoutEffect.ts\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useFontFaces = () => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n `;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useTypographyClasses = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\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}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useTypographyClasses;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport hexToRgba from '../utils/hexToRGB';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme, cssVarsObject) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\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 })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport useFontFaces from './hooks/useFontFaces';\nimport useTypographyClasses from './hooks/useTypographyClasses';\nimport useCssVars from './hooks/useCssVars';\n\nconst ThemeProviderClientSide = ({ children, theme, ThemeContext }) => {\n const decoratedTheme = useMemo(() => {\n return addFontTokens({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(addFontTokens({ theme }));\n }, [theme]);\n\n useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme, cssVarsObject);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\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"],"names":["addFontTokens","theme","_extends","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","styleElement","ThemeProviderClientSide","children","ThemeContext","decoratedTheme","useMemo","cssVarsObject","document","head","appendChild","createElement","innerHTML","map","typographyKey","join","useTypographyClasses","useCssVars","filter","includes","hex","replace","parseInt","substring","_jsx","Provider"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ var t=require("react"),n=require("./index-84cb95cf.js"),o=require("react/jsx-runtime");require("next/dynamic");var e=function(t){var o=t.theme;return n._extends({},o,{typography:n._extends({},Object.keys(o.typography).reduce(function(t,e,r){var f;return 0===r&&(t[e]=o.typography[e].font),n._extends({},t,((f={})[e]=n._extends({},o.typography[e],{font:o.typography[e].fontStyle+"\n "+o.typography[e].fontWeight+"\n "+o.typography[e].fontSize+"/\n "+o.typography[e].lineHeight+"\n "+o.typography[e].fontFamily,fontStyle:o.typography[e].fontStyle,fontWeight:o.typography[e].fontWeight,fontSize:o.typography[e].fontSize,lineHeight:o.typography[e].lineHeight,fontFamily:o.typography[e].fontFamily,textDecorationLine:o.typography[e].textDecorationLine,textTransform:o.typography[e].textTransform,margin:o.typography[e].margin}),f))},{}))})};function r(t,n){void 0===n&&(n="");for(var o={},e=0,f=Object.entries(t);e<f.length;e++){var a=f[e],m=a[0],i=a[1],l=n?n+"-"+m:m;"object"==typeof i&&null!==i?Object.assign(o,r(i,l)):o["--tb-"+l]=i}return o}var f,a,m,i="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;exports.default=function(n){var l=n.children,s=n.theme,h=n.ThemeContext,p=t.useMemo(function(){return e({theme:s})},[s]),c=t.useMemo(function(){return r(e({theme:s}))},[s]);return i(function(){"undefined"==typeof document||f||((f=document.head.appendChild(document.createElement("style"))).innerHTML='\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 ')},[]),function(t){i(function(){"undefined"==typeof document||a||((a=document.head.appendChild(document.createElement("style"))).innerHTML="\n "+Object.keys(t.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"))},[])}(p),function(t,n){i(function(){"undefined"==typeof document||m||((m=document.head.appendChild(document.createElement("style"))).innerHTML="\n "+Object.keys(t.typography).map(function(t){return"\n:root {\n "+Object.entries(n).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n\n "+Object.entries(n).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}"}).join("\n"))},[])}(p,c),/*#__PURE__*/o.jsx(h.Provider,{value:p,children:l})};
2
+ //# sourceMappingURL=ThemeProviderClientSide-febe56b2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProviderClientSide-1b75eb5e.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/utils/flattenToCssVars.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/hexToRGB.js"],"sourcesContent":["const addFontTokens = ({ 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 addFontTokens;\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 { useLayoutEffect, useEffect } from 'react';\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser.\n// source: https://github.com/omgovich/react-colorful/blob/master/src/hooks/useIsomorphicLayoutEffect.ts\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useFontFaces = () => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n `;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useTypographyClasses = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\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}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useTypographyClasses;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport hexToRgba from '../utils/hexToRGB';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme, cssVarsObject) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\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 })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport useFontFaces from './hooks/useFontFaces';\nimport useTypographyClasses from './hooks/useTypographyClasses';\nimport useCssVars from './hooks/useCssVars';\n\nconst ThemeProviderClientSide = ({ children, theme, ThemeContext }) => {\n const decoratedTheme = useMemo(() => {\n return addFontTokens({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(addFontTokens({ theme }));\n }, [theme]);\n\n useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme, cssVarsObject);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\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"],"names":["addFontTokens","_ref","theme","_extends","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","styleElement","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","children","ThemeContext","decoratedTheme","useMemo","cssVarsObject","document","head","appendChild","createElement","innerHTML","map","typographyKey","join","useTypographyClasses","filter","_ref2","includes","_ref3","hex","replace","parseInt","substring","b","useCssVars","_jsx","Provider"],"mappings":"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"}
1
+ {"version":3,"file":"ThemeProviderClientSide-febe56b2.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/utils/flattenToCssVars.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/hexToRGB.js"],"sourcesContent":["const addFontTokens = ({ 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 addFontTokens;\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 { useLayoutEffect, useEffect } from 'react';\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser.\n// source: https://github.com/omgovich/react-colorful/blob/master/src/hooks/useIsomorphicLayoutEffect.ts\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useFontFaces = () => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n `;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useTypographyClasses = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\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}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useTypographyClasses;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport hexToRgba from '../utils/hexToRGB';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme, cssVarsObject) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\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 })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport useFontFaces from './hooks/useFontFaces';\nimport useTypographyClasses from './hooks/useTypographyClasses';\nimport useCssVars from './hooks/useCssVars';\n\nconst ThemeProviderClientSide = ({ children, theme, ThemeContext }) => {\n const decoratedTheme = useMemo(() => {\n return addFontTokens({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(addFontTokens({ theme }));\n }, [theme]);\n\n useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme, cssVarsObject);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\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"],"names":["addFontTokens","_ref","theme","_extends","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","styleElement","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","children","ThemeContext","decoratedTheme","useMemo","cssVarsObject","document","head","appendChild","createElement","innerHTML","map","typographyKey","join","useTypographyClasses","filter","_ref2","includes","_ref3","hex","replace","parseInt","substring","b","useCssVars","_jsx","Provider"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ var e=require("react/jsx-runtime"),t=require("next/dynamic"),n=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},o.apply(null,arguments)}function i(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}var r={button:"_18Bed",small:"_zfmcP",xsmall:"_QS3d-",fullWidth:"_AHpSl",primary:"_st6yY",secondary:"_j-3rj",defaultColorStroke:"_ngaHQ",defaultColorText:"_CB9h2"},l=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],s={default:r.default,small:r.small,xsmall:r.xsmall},m={defaultColor:r.defaultColorFill},f={defaultColor:r.defaultColorStroke},c={defaultColor:r.defaultColorText},u=function(t){var n=t.children,a=t.size,u=void 0===a?"default":a,d=t.variant,h=void 0===d?"primary":d,x=t.PRIMARY_FILL_VARIANT,S=void 0===x?"defaultColor":x,y=t.SECONDARY_STROKE_VARIANT,p=void 0===y?"defaultColor":y,v=t.SECONDARY_TEXT_VARIANT,g=void 0===v?"defaultColor":v,b=t.className,F=void 0===b?"":b,H=t.fullWidth,A=void 0!==H&&H,T=i(t,l),B=[r.button,s[u],r[h],A&&r.fullWidth,"primary"===h&&[m[S]||m.defaultColor],"secondary"===h&&[f[p]||f.defaultColor],"secondary"===h&&[c[g]||c.defaultColor],F].filter(Boolean).join(" ");/*#__PURE__*/return e.jsx("button",o({className:B,type:"button"},T,{children:n}))},d=["children","className"],h=function(t){var n=t.children,a=t.className,r=void 0===a?"":a,l=i(t,d);/*#__PURE__*/return e.jsx("button",o({className:"_Zlubp "+r,color:"inherit",type:"button"},l,{children:n}))},x=["isCondensed","children","className"],S=/*#__PURE__*/a(t).default(function(){return Promise.resolve().then(function(){return require("./ThemeProviderClientSide-febe56b2.js")})},{ssr:!1}),y=/*#__PURE__*/n.createContext(),p=["placeholder","disabled","className"],v=/*#__PURE__*/n.forwardRef(function(t,a){var r=t.placeholder,l=t.disabled,s=t.className,m=i(t,p),f=n.useState({isFocused:!1,hasValue:!1}),c=f[0],u=f[1],d=n.useCallback(function(){l||u(function(e){return o({},e,{isFocused:!0})})},[l]),h=n.useCallback(function(e){u({isFocused:!1,hasValue:""!==e.target.value})},[]),x=n.useCallback(function(e){u(function(t){return o({},t,{hasValue:""!==e.target.value})})},[]),S="_lhDC- "+(c.isFocused||c.hasValue?"_wEmnH":"");/*#__PURE__*/return e.jsxs("div",{className:"_J1gSu "+(c.isFocused?"_pRhyH":"")+" "+(l?"_XVL8G":"")+" "+(s||""),children:[/*#__PURE__*/e.jsx("input",o({className:"_y6Hs-",onFocus:d,onBlur:h,onChange:x,placeholder:" ",disabled:l,ref:a},m)),/*#__PURE__*/e.jsx("label",{className:S,children:r})]})});v.displayName="InputField";var g=["placeholder","disabled","maxLength","value"],b={tabContainer:"_cAmFN",tabTitleContainer:"_u1IHS",tabTitleScrollable:"_-61oW",tabItem:"_aw46E",selected:"_ToUV8",tabContent:"_4JAfM",selectionBar:"_2esKt"},F={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,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:400,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},H={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:o({},F,{SemanticPlaceholder:F.GothamBaseBook,SemanticFloatingPlaceholder:F.GothamXSmallBook,SemanticInput:F.SubheaderBase,SemanticButtonLabelBase:F.GothamBaseBold,SemanticButtonLabelSmall:F.GothamSmallBold,SemanticTabLabel:F.GothamBaseBold,SemanticTagLabel:F.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=u,exports.FallbackAddButton=function(t){var n=t.isCondensed,a=void 0!==n&&n,r=t.children,l=void 0===r?"":r,s=t.className,m=void 0===s?"":s,f=i(t,x);return a?/*#__PURE__*/e.jsx(h,o({className:m},f,{children:"+"})):/*#__PURE__*/e.jsxs(u,o({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+m,style:{textWrap:"nowrap"},type:"button"},f,{children:["+ ",l]}))},exports.InputField=v,exports.SquareIconButton=h,exports.Tabs=function(t){var a=t.tabs,o=t.tabAction,i=n.useState(0),r=i[0],l=i[1],s=n.useMemo(function(){return a[r].content},[r]),m=n.useMemo(function(){return o?o():null},[o]);/*#__PURE__*/return e.jsxs("div",{className:b.tabContainer,children:[/*#__PURE__*/e.jsxs("div",{className:b.tabTitleContainer,children:[/*#__PURE__*/e.jsx("div",{className:b.tabTitleScrollable,children:a.map(function(t,n){/*#__PURE__*/return e.jsx(e.Fragment,{children:/*#__PURE__*/e.jsxs("div",{className:b.tabItem+" "+(r===n?b.selected:""),onClick:function(){return l(n)},children:[t.title,/*#__PURE__*/e.jsx("div",{className:b.selectionBar})]},"blueprint-tab-"+n)})})}),m&&/*#__PURE__*/e.jsx("div",{className:b.tabActionContainer,children:m})]}),/*#__PURE__*/e.jsx("div",{className:b.tabContent,children:/*#__PURE__*/e.jsx(s,{})})]})},exports.TextArea=function(t){var a=t.placeholder,r=t.disabled,l=t.maxLength,s=void 0===l?200:l,m=t.value,f=i(t,g),c=n.useState(!1),u=c[0],d=c[1],h=n.useState(!1),x=h[0],S=h[1],y=n.useState((null==m?void 0:m.length)||0),p=y[0],v=y[1];/*#__PURE__*/return e.jsxs("div",{className:"_q8HgZ "+(u?"_9Eo1w":"")+" "+(r?"_lHxCa":""),children:[/*#__PURE__*/e.jsx("textarea",o({className:"_zZCio",onFocus:function(){return!r&&d(!0)},onBlur:function(e){d(!1),S(""!==e.target.value)},onChange:function(e){S(""!==e.target.value),v(e.target.length)},placeholder:" ",disabled:r,maxLength:s,value:m},f)),/*#__PURE__*/e.jsx("label",{className:"_Y8LeD "+(u||x?"_AEQZL":""),children:a}),/*#__PURE__*/e.jsxs("div",{className:"_5-Juo",children:[p,"/",s]})]})},exports.ThemeProvider=function(t){var a=t.children,o=t.theme,i=n.useState(!1),r=i[0],l=i[1];return n.useEffect(function(){l(!0)},[]),r?/*#__PURE__*/e.jsx(S,{theme:o,ThemeContext:y,children:a}):a},exports._extends=o,exports.defaultTheme=H,exports.useTheme=function(){return n.useContext(y)};
2
+ //# sourceMappingURL=index-84cb95cf.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-84cb95cf.js","sources":["../src/components/Button/Button.js","../src/components/SquareIconButton/SquareIconButton.js","../src/components/FallbackAddButton/FallbackAddButton.js","../src/themes/ThemeProvider.js","../src/components/InputField/InputField.js","../src/components/TextArea/TextArea.js","../src/themes/default/typography.js","../src/themes/default/theme.js","../src/components/Tabs/Tabs.js"],"sourcesContent":["import styles from './Button.module.scss';\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// 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 = ({ children, size = 'default', variant = 'primary', PRIMARY_FILL_VARIANT = 'defaultColor', SECONDARY_STROKE_VARIANT = 'defaultColor', SECONDARY_TEXT_VARIANT = 'defaultColor', className = '', fullWidth = false, ...rest }) => {\n // Build the className string using conditional logic\n const buttonClasses = [\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n fullWidth && styles.fullWidth,\n variant === 'primary' && [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] || PRIMARY_FILL_VARIANTS.defaultColor],\n variant === 'secondary' && [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] || SECONDARY_STROKE_VARIANTS.defaultColor],\n variant === 'secondary' && [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor],\n className,\n ]\n .filter(Boolean)\n .join(' ');\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","import dynamic from 'next/dynamic';\nimport { createContext, useContext, useEffect, useState } from 'react';\nconst ThemeProviderClientSide = dynamic(() => import('./ThemeProviderClientSide'), {\n ssr: false,\n});\n\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, []);\n\n if (!clientReady) {\n return children;\n }\n\n return (\n <ThemeProviderClientSide theme={theme} ThemeContext={ThemeContext}>\n {children}\n </ThemeProviderClientSide>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className || ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused || inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\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","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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 { 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","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","button","filter","Boolean","join","_jsx","jsx","_extends","type","SquareIconButton","color","ThemeProviderClientSide","dynamic","Promise","resolve","then","require","ssr","ThemeContext","createContext","InputField","forwardRef","ref","placeholder","disabled","props","_useState","useState","isFocused","hasValue","inputState","setInputState","handleFocus","useCallback","prev","handleBlur","e","target","value","handleChange","labelClassName","_jsxs","onFocus","onBlur","onChange","displayName","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","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","_ref$isCondensed","isCondensed","_ref$children","style","textWrap","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","jsxs","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","setIsFocused","_useState2","setHasValue","_useState3","length","charCount","setCharCount","theme","clientReady","setClientReady","useEffect","useContext"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import a from"next/dynamic";import{useState as o,useEffect as l,useContext as i,createContext as r,forwardRef as s,useCallback as m,useMemo as f}from"react";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c.apply(null,arguments)}function h(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}var d={button:"_18Bed",small:"_zfmcP",xsmall:"_QS3d-",fullWidth:"_AHpSl",primary:"_st6yY",secondary:"_j-3rj",defaultColorStroke:"_ngaHQ",defaultColorText:"_CB9h2"};const u=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],S={default:d.default,small:d.small,xsmall:d.xsmall},x={defaultColor:d.defaultColorFill},y={defaultColor:d.defaultColorStroke},g={defaultColor:d.defaultColorText},p=t=>{let{children:n,size:a="default",variant:o="primary",PRIMARY_FILL_VARIANT:l="defaultColor",SECONDARY_STROKE_VARIANT:i="defaultColor",SECONDARY_TEXT_VARIANT:r="defaultColor",className:s="",fullWidth:m=!1}=t,f=h(t,u);const p=[d.button,S[a],d[o],m&&d.fullWidth,"primary"===o&&[x[l]||x.defaultColor],"secondary"===o&&[y[i]||y.defaultColor],"secondary"===o&&[g[r]||g.defaultColor],s].filter(Boolean).join(" ");/*#__PURE__*/return e("button",c({className:p,type:"button"},f,{children:n}))},F=["children","className"],H=t=>{let{children:n,className:a=""}=t,o=h(t,F);/*#__PURE__*/return e("button",c({className:`_Zlubp ${a}`,color:"inherit",type:"button"},o,{children:n}))},b=["isCondensed","children","className"],v=n=>{let{isCondensed:a=!1,children:o="",className:l=""}=n,i=h(n,b);return a?/*#__PURE__*/e(H,c({className:l},i,{children:"+"})):/*#__PURE__*/t(p,c({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${l}`,style:{textWrap:"nowrap"},type:"button"},i,{children:["+ ",o]}))},A=a(()=>import("./ThemeProviderClientSide-d845692f.js"),{ssr:!1}),B=/*#__PURE__*/r(),N=({children:t,theme:n})=>{const[a,i]=o(!1);return l(()=>{i(!0)},[]),a?/*#__PURE__*/e(A,{theme:n,ThemeContext:B,children:t}):t};function T(){return i(B)}const D=["placeholder","disabled","className"],_=/*#__PURE__*/s((n,a)=>{let{placeholder:l,disabled:i,className:r}=n,s=h(n,D);const[f,d]=o({isFocused:!1,hasValue:!1}),u=m(()=>{i||d(e=>c({},e,{isFocused:!0}))},[i]),S=m(e=>{d({isFocused:!1,hasValue:""!==e.target.value})},[]),x=m(e=>{d(t=>c({},t,{hasValue:""!==e.target.value}))},[]),y="_lhDC- "+(f.isFocused||f.hasValue?"_wEmnH":"");/*#__PURE__*/return t("div",{className:`_J1gSu ${f.isFocused?"_pRhyH":""} ${i?"_XVL8G":""} ${r||""}`,children:[/*#__PURE__*/e("input",c({className:"_y6Hs-",onFocus:u,onBlur:S,onChange:x,placeholder:" ",disabled:i,ref:a},s)),/*#__PURE__*/e("label",{className:y,children:l})]})});_.displayName="InputField";const C=["placeholder","disabled","maxLength","value"],L=n=>{let{placeholder:a,disabled:l,maxLength:i=200,value:r}=n,s=h(n,C);const[m,f]=o(!1),[d,u]=o(!1),[S,x]=o((null==r?void 0:r.length)||0);/*#__PURE__*/return t("div",{className:`_q8HgZ ${m?"_9Eo1w":""} ${l?"_lHxCa":""}`,children:[/*#__PURE__*/e("textarea",c({className:"_zZCio",onFocus:()=>!l&&f(!0),onBlur:e=>{f(!1),u(""!==e.target.value)},onChange:e=>{u(""!==e.target.value),x(e.target.length)},placeholder:" ",disabled:l,maxLength:i,value:r},s)),/*#__PURE__*/e("label",{className:"_Y8LeD "+(m||d?"_AEQZL":""),children:a}),/*#__PURE__*/t("div",{className:"_5-Juo",children:[S,"/",i]})]})};var G={tabContainer:"_cAmFN",tabTitleContainer:"_u1IHS",tabTitleScrollable:"_-61oW",tabItem:"_aw46E",selected:"_ToUV8",tabContent:"_4JAfM",selectionBar:"_2esKt"};const W=({tabs:a,tabAction:l})=>{const[i,r]=o(0),s=f(()=>a[i].content,[i]),m=f(()=>l?l():null,[l]);/*#__PURE__*/return t("div",{className:G.tabContainer,children:[/*#__PURE__*/t("div",{className:G.tabTitleContainer,children:[/*#__PURE__*/e("div",{className:G.tabTitleScrollable,children:a.map((a,o)=>/*#__PURE__*/e(n,{children:/*#__PURE__*/t("div",{className:`${G.tabItem} ${i===o?G.selected:""}`,onClick:()=>r(o),children:[a.title,/*#__PURE__*/e("div",{className:G.selectionBar})]},`blueprint-tab-${o}`)}))}),m&&/*#__PURE__*/e("div",{className:G.tabActionContainer,children:m})]}),/*#__PURE__*/e("div",{className:G.tabContent,children:/*#__PURE__*/e(s,{})})]})},z={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,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:400,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},E={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:c({},z,{SemanticPlaceholder:z.GothamBaseBook,SemanticFloatingPlaceholder:z.GothamXSmallBook,SemanticInput:z.SubheaderBase,SemanticButtonLabelBase:z.GothamBaseBold,SemanticButtonLabelSmall:z.GothamSmallBold,SemanticTabLabel:z.GothamBaseBold,SemanticTagLabel:z.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{p as B,v as F,_ as I,H as S,L as T,c as _,N as a,W as b,E as d,T as u};
2
+ //# sourceMappingURL=index-a2049fde.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-a2049fde.js","sources":["../src/components/Button/Button.js","../src/components/SquareIconButton/SquareIconButton.js","../src/components/FallbackAddButton/FallbackAddButton.js","../src/themes/ThemeProvider.js","../src/components/InputField/InputField.js","../src/components/TextArea/TextArea.js","../src/components/Tabs/Tabs.js","../src/themes/default/typography.js","../src/themes/default/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\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// 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 = ({ children, size = 'default', variant = 'primary', PRIMARY_FILL_VARIANT = 'defaultColor', SECONDARY_STROKE_VARIANT = 'defaultColor', SECONDARY_TEXT_VARIANT = 'defaultColor', className = '', fullWidth = false, ...rest }) => {\n // Build the className string using conditional logic\n const buttonClasses = [\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n fullWidth && styles.fullWidth,\n variant === 'primary' && [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] || PRIMARY_FILL_VARIANTS.defaultColor],\n variant === 'secondary' && [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] || SECONDARY_STROKE_VARIANTS.defaultColor],\n variant === 'secondary' && [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor],\n className,\n ]\n .filter(Boolean)\n .join(' ');\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","import dynamic from 'next/dynamic';\nimport { createContext, useContext, useEffect, useState } from 'react';\nconst ThemeProviderClientSide = dynamic(() => import('./ThemeProviderClientSide'), {\n ssr: false,\n});\n\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, []);\n\n if (!clientReady) {\n return children;\n }\n\n return (\n <ThemeProviderClientSide theme={theme} ThemeContext={ThemeContext}>\n {children}\n </ThemeProviderClientSide>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className || ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused || inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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","button","filter","Boolean","join","_jsx","_extends","type","SquareIconButton","color","FallbackAddButton","isCondensed","_jsxs","style","textWrap","ThemeProviderClientSide","dynamic","import","ssr","ThemeContext","createContext","ThemeProvider","theme","clientReady","setClientReady","useState","useEffect","useTheme","useContext","InputField","forwardRef","ref","placeholder","disabled","props","inputState","setInputState","isFocused","hasValue","handleFocus","useCallback","prev","handleBlur","e","target","value","handleChange","labelClassName","onFocus","onBlur","onChange","displayName","TextArea","maxLength","setIsFocused","setHasValue","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","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/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._np7IM{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}._np7IM._NQ-QD{height:40px}._np7IM._NQ-QD,._np7IM._tM-bY{font:var(--tb-typography-SemanticButtonLabelSmall-font)}._np7IM._tM-bY{height:32px}._np7IM._0E3hl{width:100%}._np7IM._nenHF:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Functional-Black-RGB),.4),rgba(var(--tb-palette-TB-Functional-Black-RGB),.4)),var(--tb-palette-TB-Brand-Accent)}._np7IM._nenHF:disabled{background-color:var(--tb-palette-TB-Functional-MedGray);color:#fff;cursor:not-allowed}._np7IM._iQkXQ{background-color:var(--tb-palette-TB-Functional-White-RGB)}._np7IM._iQkXQ._YDQdy{border:1px solid var(--tb-palette-TB-Brand-Gray)}._np7IM._iQkXQ._EVuup{color:var(--tb-palette-TB-Brand-Medium)}._np7IM._iQkXQ:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4),rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4)),transparent}._np7IM._iQkXQ:disabled{background-color:#fff;border:1px solid var(--tb-palette-TB-Functional-MedGray);color:var(--tb-palette-TB-Functional-MedGray);cursor:not-allowed}._np7IM img{filter:invert(1);height:13px}._np7IM span{display:none}@media (min-width:576px){._np7IM span{display:inline-block;font-size:14px;margin-left:8px;white-space:nowrap}}._qcWK-{border:1px solid;border-color:var(--tb-palette-TB-Functional-MedGray);border-radius:4px;height:20px;justify-content:center;width:20px}._qcWK-,._u-ahe{align-items:center;display:flex}._u-ahe{background:var(--TB-Brand-BG-Text,#fff);border:1px solid var(--TB-Brand-Gray,#8195a2);box-sizing:border-box;height:60px;padding:0 20px;position:relative;width:100%}._u-ahe._J7SLy{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._u-ahe._V-fi1{background:#e9edf0}._u-ahe._V-fi1 ._3zVok{color:var(--TB-Brand-DarkGray,#858585)}._pGUeT{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%}._pGUeT:focus{outline:none}._pGUeT:disabled{cursor:not-allowed}._pGUeT:not(:-moz-placeholder-shown)+._3zVok{top:6px;transform:translateY(0)}._pGUeT:not(:placeholder-shown)+._3zVok{top:6px;transform:translateY(0)}._3zVok{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}._3zVok._ceCmJ{font:var(--tb-typography-GothamXSmallBook-font);top:6px;transform:translateY(0)}._lmzUT{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}._lmzUT._tQ70X{border-bottom:4px solid var(--tb-palette-TB-Brand-Gray,#8195a2)}._lmzUT._6HG97{background:var(--tb-palette-TB-Functional-LightGray,#e9edf0);border-color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._Li9JW{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%}._Li9JW:focus{outline:none}._Li9JW:disabled{cursor:not-allowed}._DZ6uM{color:#000;font:var(--tb-typography-SemanticPlaceholder-font);left:20px;pointer-events:none;position:absolute;top:20px;transition:all .2s ease-out}._YU7Pg{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._Li9JW:not(:-moz-placeholder-shown)+._DZ6uM{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._Li9JW:not(:placeholder-shown)+._DZ6uM{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._6HG97 ._DZ6uM,._WoiVu{color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._WoiVu{bottom:5px;font-size:12px;position:absolute;right:20px}._Kwpg8{display:flex;flex-direction:column;gap:16px}._vXaUd{justify-content:space-between;padding:0 16px;position:relative}._vXaUd,._vXaUd ._SJ3mH{display:flex;gap:16px;width:100%}._vXaUd ._SJ3mH{align-items:flex-end;overflow-x:scroll}._vXaUd ._SJ3mH::-webkit-scrollbar{height:2px;margin-top:-1px;width:1px}._vXaUd ._SJ3mH::-webkit-scrollbar-track{background:transparent}._vXaUd ._SJ3mH::-webkit-scrollbar-track-piece{border:1px solid transparent}._vXaUd ._SJ3mH::-webkit-scrollbar-thumb{background:var(--tb-palette-TB-Functional-DarkGray,#858585)}._vXaUd: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}._A66nG{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font:var(--tb-typography-GothamBaseBold-font);gap:8px}._A66nG._4rlGJ{color:var(--tb-palette-TB-Functional-Black,#000)}._A66nG:not(._4rlGJ){color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._3Qpqa{padding:0 16px}._xmfqZ{background-color:transparent;height:2px;position:relative;width:100%;z-index:1}._4rlGJ ._xmfqZ{background-color:var(--tb-palette-TB-Brand-Accent,#0070cd)}
1
+ ._18Bed{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}._18Bed._zfmcP{height:40px}._18Bed._QS3d-,._18Bed._zfmcP{font:var(--tb-typography-SemanticButtonLabelSmall-font)}._18Bed._QS3d-{height:32px}._18Bed._AHpSl{width:100%}._18Bed._st6yY:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Functional-Black-RGB),.4),rgba(var(--tb-palette-TB-Functional-Black-RGB),.4)),var(--tb-palette-TB-Brand-Accent)}._18Bed._st6yY:disabled{background-color:var(--tb-palette-TB-Functional-MedGray);color:#fff;cursor:not-allowed}._18Bed._j-3rj{background-color:var(--tb-palette-TB-Functional-White-RGB)}._18Bed._j-3rj._ngaHQ{border:1px solid var(--tb-palette-TB-Brand-Gray)}._18Bed._j-3rj._CB9h2{color:var(--tb-palette-TB-Brand-Medium)}._18Bed._j-3rj:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4),rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4)),transparent}._18Bed._j-3rj:disabled{background-color:#fff;border:1px solid var(--tb-palette-TB-Functional-MedGray);color:var(--tb-palette-TB-Functional-MedGray);cursor:not-allowed}._18Bed img{filter:invert(1);height:13px}._18Bed span{display:none}@media (min-width:576px){._18Bed span{display:inline-block;font-size:14px;margin-left:8px;white-space:nowrap}}._Zlubp{border:1px solid;border-color:var(--tb-palette-TB-Functional-MedGray);border-radius:4px;height:20px;justify-content:center;width:20px}._J1gSu,._Zlubp{align-items:center;display:flex}._J1gSu{background:var(--TB-Brand-BG-Text,#fff);border:1px solid var(--TB-Brand-Gray,#8195a2);box-sizing:border-box;height:60px;padding:0 20px;position:relative;width:100%}._J1gSu._pRhyH{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._J1gSu._XVL8G{background:#e9edf0}._J1gSu._XVL8G ._lhDC-{color:var(--TB-Brand-DarkGray,#858585)}._y6Hs-{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%}._y6Hs-:focus{outline:none}._y6Hs-:disabled{cursor:not-allowed}._y6Hs-:not(:-moz-placeholder-shown)+._lhDC-{top:6px;transform:translateY(0)}._y6Hs-:not(:placeholder-shown)+._lhDC-{top:6px;transform:translateY(0)}._lhDC-{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}._lhDC-._wEmnH{font:var(--tb-typography-GothamXSmallBook-font);top:6px;transform:translateY(0)}._q8HgZ{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}._q8HgZ._9Eo1w{border-bottom:4px solid var(--tb-palette-TB-Brand-Gray,#8195a2)}._q8HgZ._lHxCa{background:var(--tb-palette-TB-Functional-LightGray,#e9edf0);border-color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._zZCio{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%}._zZCio:focus{outline:none}._zZCio:disabled{cursor:not-allowed}._Y8LeD{color:#000;font:var(--tb-typography-SemanticPlaceholder-font);left:20px;pointer-events:none;position:absolute;top:20px;transition:all .2s ease-out}._AEQZL{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._zZCio:not(:-moz-placeholder-shown)+._Y8LeD{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._zZCio:not(:placeholder-shown)+._Y8LeD{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._5-Juo,._lHxCa ._Y8LeD{color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._5-Juo{bottom:5px;font-size:12px;position:absolute;right:20px}._cAmFN{display:flex;flex-direction:column;gap:16px}._u1IHS{justify-content:space-between;padding:0 16px;position:relative}._u1IHS,._u1IHS ._-61oW{display:flex;gap:16px;width:100%}._u1IHS ._-61oW{align-items:flex-end;overflow-x:scroll}._u1IHS ._-61oW::-webkit-scrollbar{height:2px;margin-top:-1px;width:1px}._u1IHS ._-61oW::-webkit-scrollbar-track{background:transparent}._u1IHS ._-61oW::-webkit-scrollbar-track-piece{border:1px solid transparent}._u1IHS ._-61oW::-webkit-scrollbar-thumb{background:var(--tb-palette-TB-Functional-DarkGray,#858585)}._u1IHS: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}._aw46E{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font:var(--tb-typography-GothamBaseBold-font);gap:8px}._aw46E._ToUV8{color:var(--tb-palette-TB-Functional-Black,#000)}._aw46E:not(._ToUV8){color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._4JAfM{padding:0 16px}._2esKt{background-color:transparent;height:2px;position:relative;width:100%;z-index:1}._ToUV8 ._2esKt{background-color:var(--tb-palette-TB-Brand-Accent,#0070cd)}
2
2
  /*# sourceMappingURL=index.css.map */
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("./index-05807582.js");require("classnames"),require("react/jsx-runtime"),require("next/dynamic"),require("react"),exports.Button=e.Button,exports.FallbackAddButton=e.FallbackAddButton,exports.InputField=e.InputField,exports.SquareIconButton=e.SquareIconButton,exports.Tabs=e.Tabs,exports.TextArea=e.TextArea,exports.ThemeProvider=e.ThemeProvider,exports.defaultTheme=e.defaultTheme,exports.useTheme=e.useTheme;
1
+ var e=require("./index-84cb95cf.js");require("react/jsx-runtime"),require("next/dynamic"),require("react"),exports.Button=e.Button,exports.FallbackAddButton=e.FallbackAddButton,exports.InputField=e.InputField,exports.SquareIconButton=e.SquareIconButton,exports.Tabs=e.Tabs,exports.TextArea=e.TextArea,exports.ThemeProvider=e.ThemeProvider,exports.defaultTheme=e.defaultTheme,exports.useTheme=e.useTheme;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- export{B as Button,F as FallbackAddButton,I as InputField,S as SquareIconButton,b as Tabs,T as TextArea,a as ThemeProvider,d as defaultTheme,u as useTheme}from"./index-23e9f650.js";import"classnames";import"react/jsx-runtime";import"next/dynamic";import"react";
1
+ export{B as Button,F as FallbackAddButton,I as InputField,S as SquareIconButton,b as Tabs,T as TextArea,a as ThemeProvider,d as defaultTheme,u as useTheme}from"./index-a2049fde.js";import"react/jsx-runtime";import"next/dynamic";import"react";
2
2
  //# sourceMappingURL=index.modern.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tollbrothers/blueprint",
3
- "version": "1.8.0",
3
+ "version": "1.8.1",
4
4
  "description": "Toll Brothers Design System",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -24,8 +24,7 @@
24
24
  "storybook": "storybook dev -p 6006",
25
25
  "build-storybook": "storybook build",
26
26
  "lint": "next lint",
27
- "stylelint": "stylelint '**/*.scss'",
28
- "palette": "tsx src/themes/default/makeSassPalette.js"
27
+ "stylelint": "stylelint '**/*.scss'"
29
28
  },
30
29
  "bugs": {
31
30
  "url": "https://github.com/tollbros/blueprint/issues"
@@ -36,7 +35,6 @@
36
35
  "react-dom": ">=18"
37
36
  },
38
37
  "dependencies": {
39
- "classnames": "^2.5.1",
40
38
  "next": "^13.5.7"
41
39
  },
42
40
  "devDependencies": {
@@ -75,8 +73,7 @@
75
73
  "storybook": "^8.1.11",
76
74
  "stylelint": "^16.6.1",
77
75
  "stylelint-config-prettier-scss": "^1.0.0",
78
- "stylelint-config-standard-scss": "^13.1.0",
79
- "tsx": "^4.19.2"
76
+ "stylelint-config-standard-scss": "^13.1.0"
80
77
  },
81
78
  "files": [
82
79
  "dist"
@@ -1,2 +0,0 @@
1
- var t=require("react"),n=require("./index-05807582.js"),o=require("react/jsx-runtime");require("classnames"),require("next/dynamic");var e=function(t){var o=t.theme;return n._extends({},o,{typography:n._extends({},Object.keys(o.typography).reduce(function(t,e,r){var f;return 0===r&&(t[e]=o.typography[e].font),n._extends({},t,((f={})[e]=n._extends({},o.typography[e],{font:o.typography[e].fontStyle+"\n "+o.typography[e].fontWeight+"\n "+o.typography[e].fontSize+"/\n "+o.typography[e].lineHeight+"\n "+o.typography[e].fontFamily,fontStyle:o.typography[e].fontStyle,fontWeight:o.typography[e].fontWeight,fontSize:o.typography[e].fontSize,lineHeight:o.typography[e].lineHeight,fontFamily:o.typography[e].fontFamily,textDecorationLine:o.typography[e].textDecorationLine,textTransform:o.typography[e].textTransform,margin:o.typography[e].margin}),f))},{}))})};function r(t,n){void 0===n&&(n="");for(var o={},e=0,f=Object.entries(t);e<f.length;e++){var a=f[e],m=a[0],i=a[1],l=n?n+"-"+m:m;"object"==typeof i&&null!==i?Object.assign(o,r(i,l)):o["--tb-"+l]=i}return o}var f,a,m,i="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;exports.default=function(n){var l=n.children,s=n.theme,h=n.ThemeContext,p=t.useMemo(function(){return e({theme:s})},[s]),c=t.useMemo(function(){return r(e({theme:s}))},[s]);return i(function(){"undefined"==typeof document||f||((f=document.head.appendChild(document.createElement("style"))).innerHTML='\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 ')},[]),function(t){i(function(){"undefined"==typeof document||a||((a=document.head.appendChild(document.createElement("style"))).innerHTML="\n "+Object.keys(t.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"))},[])}(p),function(t,n){i(function(){"undefined"==typeof document||m||((m=document.head.appendChild(document.createElement("style"))).innerHTML="\n "+Object.keys(t.typography).map(function(t){return"\n:root {\n "+Object.entries(n).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n\n "+Object.entries(n).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}"}).join("\n"))},[])}(p,c),/*#__PURE__*/o.jsx(h.Provider,{value:p,children:l})};
2
- //# sourceMappingURL=ThemeProviderClientSide-1b75eb5e.js.map
@@ -1,2 +0,0 @@
1
- import{useLayoutEffect as t,useEffect as o,useMemo as n}from"react";import{_ as e}from"./index-23e9f650.js";import{jsx as f}from"react/jsx-runtime";import"classnames";import"next/dynamic";const a=({theme:t})=>e({},t,{typography:e({},Object.keys(t.typography).reduce((o,n,f)=>(0===f&&(o[n]=t.typography[n].font),e({},o,{[n]:e({},t.typography[n],{font:`${t.typography[n].fontStyle}\n ${t.typography[n].fontWeight}\n ${t.typography[n].fontSize}/\n ${t.typography[n].lineHeight}\n ${t.typography[n].fontFamily}`,fontStyle:t.typography[n].fontStyle,fontWeight:t.typography[n].fontWeight,fontSize:t.typography[n].fontSize,lineHeight:t.typography[n].lineHeight,fontFamily:t.typography[n].fontFamily,textDecorationLine:t.typography[n].textDecorationLine,textTransform:t.typography[n].textTransform,margin:t.typography[n].margin})})),{}))});function r(t,o=""){const n={};for(const[e,f]of Object.entries(t)){const t=o?`${o}-${e}`:e;"object"==typeof f&&null!==f?Object.assign(n,r(f,t)):n[`--tb-${t}`]=f}return n}const m="undefined"!=typeof window?t:o;let l,s,i;const p=({children:t,theme:o,ThemeContext:e})=>{const p=n(()=>a({theme:o}),[o]),h=n(()=>r(a({theme:o})),[o]);return m(()=>{"undefined"==typeof document||l||(l=document.head.appendChild(document.createElement("style")),l.innerHTML='\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 ')},[]),(t=>{m(()=>{"undefined"==typeof document||s||(s=document.head.appendChild(document.createElement("style")),s.innerHTML=`\n ${Object.keys(t.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")}`)},[])})(p),((t,o)=>{m(()=>{"undefined"==typeof document||i||(i=document.head.appendChild(document.createElement("style")),i.innerHTML=`\n ${Object.keys(t.typography).map(t=>`\n:root {\n ${Object.entries(o).map(([t,o])=>`${t}: ${o};`).join("\n")}\n\n ${Object.entries(o).filter(([t,o])=>t.includes("palette")&&o.includes("#")).map(([t,o])=>{return`${t}-RGB: ${n=o,n=n.replace("#",""),`${parseInt(n.substring(0,2),16)}, ${parseInt(n.substring(2,4),16)}, ${parseInt(n.substring(4,6),16)}`};`;var n}).join("\n")}\n}`).join("\n")}`)},[])})(p,h),/*#__PURE__*/f(e.Provider,{value:p,children:t})};export{p as default};
2
- //# sourceMappingURL=ThemeProviderClientSide-8c365905.js.map
@@ -1,2 +0,0 @@
1
- var e=require("classnames"),t=require("react/jsx-runtime"),n=require("next/dynamic"),a=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/*#__PURE__*/o(e);function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},r.apply(null,arguments)}function l(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}var s={button:"_np7IM",small:"_NQ-QD",xsmall:"_tM-bY",fullWidth:"_0E3hl",primary:"_nenHF",secondary:"_iQkXQ",defaultColorStroke:"_YDQdy",defaultColorText:"_EVuup"},m=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],f={default:s.default,small:s.small,xsmall:s.xsmall},c={defaultColor:s.defaultColorFill},u={defaultColor:s.defaultColorStroke},d={defaultColor:s.defaultColorText},h=function(e){var n,a=e.children,o=e.size,h=void 0===o?"default":o,x=e.variant,S=void 0===x?"primary":x,p=e.PRIMARY_FILL_VARIANT,v=void 0===p?"defaultColor":p,y=e.SECONDARY_STROKE_VARIANT,g=void 0===y?"defaultColor":y,b=e.SECONDARY_TEXT_VARIANT,F=void 0===b?"defaultColor":b,T=e.className,H=void 0===T?"":T,A=e.fullWidth,B=void 0!==A&&A,N=l(e,m),D=i.default(s.button,f[h],s[S],((n={})[s.fullWidth]=B,n[c[v]||c.defaultColor]="primary"===S,n[u[g]||u.defaultColor]="secondary"===S,n[d[F]||d.defaultColor]="secondary"===S,n),H);/*#__PURE__*/return t.jsx("button",r({className:D,type:"button"},N,{children:a}))},x=["children","className"],S=function(e){var n=e.children,a=e.className,o=void 0===a?"":a,i=l(e,x);/*#__PURE__*/return t.jsx("button",r({className:"_qcWK- "+o,color:"inherit",type:"button"},i,{children:n}))},p=["isCondensed","children","className"],v=/*#__PURE__*/o(n).default(function(){return Promise.resolve().then(function(){return require("./ThemeProviderClientSide-1b75eb5e.js")})},{ssr:!1}),y=/*#__PURE__*/a.createContext(),g=["placeholder","disabled","className"],b=/*#__PURE__*/a.forwardRef(function(e,n){var o=e.placeholder,i=e.disabled,s=e.className,m=l(e,g),f=a.useState({isFocused:!1,hasValue:!1}),c=f[0],u=f[1],d=a.useCallback(function(){i||u(function(e){return r({},e,{isFocused:!0})})},[i]),h=a.useCallback(function(e){u({isFocused:!1,hasValue:""!==e.target.value})},[]),x=a.useCallback(function(e){u(function(t){return r({},t,{hasValue:""!==e.target.value})})},[]),S="_3zVok "+(c.isFocused||c.hasValue?"_ceCmJ":"");/*#__PURE__*/return t.jsxs("div",{className:"_u-ahe "+(c.isFocused?"_J7SLy":"")+" "+(i?"_V-fi1":"")+" "+(s||""),children:[/*#__PURE__*/t.jsx("input",r({className:"_pGUeT",onFocus:d,onBlur:h,onChange:x,placeholder:" ",disabled:i,ref:n},m)),/*#__PURE__*/t.jsx("label",{className:S,children:o})]})});b.displayName="InputField";var F=["placeholder","disabled","maxLength","value"],T={tabContainer:"_Kwpg8",tabTitleContainer:"_vXaUd",tabTitleScrollable:"_SJ3mH",tabItem:"_A66nG",selected:"_4rlGJ",tabContent:"_3Qpqa",selectionBar:"_xmfqZ"},H={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,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:400,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},A={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({},H,{SemanticPlaceholder:H.GothamBaseBook,SemanticFloatingPlaceholder:H.GothamXSmallBook,SemanticInput:H.SubheaderBase,SemanticButtonLabelBase:H.GothamBaseBold,SemanticButtonLabelSmall:H.GothamSmallBold,SemanticTabLabel:H.GothamBaseBold,SemanticTagLabel:H.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=h,exports.FallbackAddButton=function(e){var n=e.isCondensed,a=void 0!==n&&n,o=e.children,i=void 0===o?"":o,s=e.className,m=void 0===s?"":s,f=l(e,p);return a?/*#__PURE__*/t.jsx(S,r({className:m},f,{children:"+"})):/*#__PURE__*/t.jsxs(h,r({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+m,style:{textWrap:"nowrap"},type:"button"},f,{children:["+ ",i]}))},exports.InputField=b,exports.SquareIconButton=S,exports.Tabs=function(e){var n=e.tabs,o=e.tabAction,i=a.useState(0),r=i[0],l=i[1],s=a.useMemo(function(){return n[r].content},[r]),m=a.useMemo(function(){return o?o():null},[o]);/*#__PURE__*/return t.jsxs("div",{className:T.tabContainer,children:[/*#__PURE__*/t.jsxs("div",{className:T.tabTitleContainer,children:[/*#__PURE__*/t.jsx("div",{className:T.tabTitleScrollable,children:n.map(function(e,n){/*#__PURE__*/return t.jsx(t.Fragment,{children:/*#__PURE__*/t.jsxs("div",{className:T.tabItem+" "+(r===n?T.selected:""),onClick:function(){return l(n)},children:[e.title,/*#__PURE__*/t.jsx("div",{className:T.selectionBar})]},"blueprint-tab-"+n)})})}),m&&/*#__PURE__*/t.jsx("div",{className:T.tabActionContainer,children:m})]}),/*#__PURE__*/t.jsx("div",{className:T.tabContent,children:/*#__PURE__*/t.jsx(s,{})})]})},exports.TextArea=function(e){var n=e.placeholder,o=e.disabled,i=e.maxLength,s=void 0===i?200:i,m=e.value,f=l(e,F),c=a.useState(!1),u=c[0],d=c[1],h=a.useState(!1),x=h[0],S=h[1],p=a.useState((null==m?void 0:m.length)||0),v=p[0],y=p[1];/*#__PURE__*/return t.jsxs("div",{className:"_lmzUT "+(u?"_tQ70X":"")+" "+(o?"_6HG97":""),children:[/*#__PURE__*/t.jsx("textarea",r({className:"_Li9JW",onFocus:function(){return!o&&d(!0)},onBlur:function(e){d(!1),S(""!==e.target.value)},onChange:function(e){S(""!==e.target.value),y(e.target.length)},placeholder:" ",disabled:o,maxLength:s,value:m},f)),/*#__PURE__*/t.jsx("label",{className:"_DZ6uM "+(u||x?"_YU7Pg":""),children:n}),/*#__PURE__*/t.jsxs("div",{className:"_WoiVu",children:[v,"/",s]})]})},exports.ThemeProvider=function(e){var n=e.children,o=e.theme,i=a.useState(!1),r=i[0],l=i[1];return a.useEffect(function(){l(!0)},[]),r?/*#__PURE__*/t.jsx(v,{theme:o,ThemeContext:y,children:n}):n},exports._extends=r,exports.defaultTheme=A,exports.useTheme=function(){return a.useContext(y)};
2
- //# sourceMappingURL=index-05807582.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-05807582.js","sources":["../src/primitives/Button/Button.js","../src/primitives/SquareIconButton/SquareIconButton.js","../src/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/ThemeProvider.js","../src/primitives/InputField/InputField.js","../src/primitives/TextArea/TextArea.js","../src/themes/default/typography.js","../src/themes/default/theme.js","../src/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// 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]:\n variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor]:\n 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","import dynamic from 'next/dynamic';\nimport { createContext, useContext, useEffect, useState } from 'react';\nconst ThemeProviderClientSide = dynamic(() => import('./ThemeProviderClientSide'), {\n ssr: false,\n});\n\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, []);\n\n if (!clientReady) {\n return children;\n }\n\n return (\n <ThemeProviderClientSide theme={theme} ThemeContext={ThemeContext}>\n {children}\n </ThemeProviderClientSide>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className || ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused || inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\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","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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 { 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","ThemeProviderClientSide","dynamic","Promise","resolve","then","require","ssr","ThemeContext","createContext","InputField","forwardRef","ref","placeholder","disabled","props","_useState","useState","isFocused","hasValue","inputState","setInputState","handleFocus","useCallback","prev","handleBlur","e","target","value","handleChange","labelClassName","_jsxs","onFocus","onBlur","onChange","displayName","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","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","_ref$isCondensed","isCondensed","_ref$children","style","textWrap","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","jsxs","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","setIsFocused","_useState2","setHasValue","_useState3","length","charCount","setCharCount","theme","clientReady","setClientReady","useEffect","useContext"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import e from"classnames";import{jsx as t,jsxs as n,Fragment as a}from"react/jsx-runtime";import o from"next/dynamic";import{useState as l,useEffect as i,useContext as r,createContext as s,forwardRef as m,useCallback as c,useMemo as f}from"react";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},h.apply(null,arguments)}function d(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}var u={button:"_np7IM",small:"_NQ-QD",xsmall:"_tM-bY",fullWidth:"_0E3hl",primary:"_nenHF",secondary:"_iQkXQ",defaultColorStroke:"_YDQdy",defaultColorText:"_EVuup"};const S=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],x={default:u.default,small:u.small,xsmall:u.xsmall},y={defaultColor:u.defaultColorFill},p={defaultColor:u.defaultColorStroke},g={defaultColor:u.defaultColorText},F=n=>{let{children:a,size:o="default",variant:l="primary",PRIMARY_FILL_VARIANT:i="defaultColor",SECONDARY_STROKE_VARIANT:r="defaultColor",SECONDARY_TEXT_VARIANT:s="defaultColor",className:m="",fullWidth:c=!1}=n,f=d(n,S);const F=e(u.button,x[o],u[l],{[u.fullWidth]:c,[y[i]||y.defaultColor]:"primary"===l,[p[r]||p.defaultColor]:"secondary"===l,[g[s]||g.defaultColor]:"secondary"===l},m);/*#__PURE__*/return t("button",h({className:F,type:"button"},f,{children:a}))},b=["children","className"],v=e=>{let{children:n,className:a=""}=e,o=d(e,b);/*#__PURE__*/return t("button",h({className:`_qcWK- ${a}`,color:"inherit",type:"button"},o,{children:n}))},H=["isCondensed","children","className"],T=e=>{let{isCondensed:a=!1,children:o="",className:l=""}=e,i=d(e,H);return a?/*#__PURE__*/t(v,h({className:l},i,{children:"+"})):/*#__PURE__*/n(F,h({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${l}`,style:{textWrap:"nowrap"},type:"button"},i,{children:["+ ",o]}))},A=o(()=>import("./ThemeProviderClientSide-8c365905.js"),{ssr:!1}),N=/*#__PURE__*/s(),D=({children:e,theme:n})=>{const[a,o]=l(!1);return i(()=>{o(!0)},[]),a?/*#__PURE__*/t(A,{theme:n,ThemeContext:N,children:e}):e};function B(){return r(N)}const _=["placeholder","disabled","className"],C=/*#__PURE__*/m((e,a)=>{let{placeholder:o,disabled:i,className:r}=e,s=d(e,_);const[m,f]=l({isFocused:!1,hasValue:!1}),u=c(()=>{i||f(e=>h({},e,{isFocused:!0}))},[i]),S=c(e=>{f({isFocused:!1,hasValue:""!==e.target.value})},[]),x=c(e=>{f(t=>h({},t,{hasValue:""!==e.target.value}))},[]),y="_3zVok "+(m.isFocused||m.hasValue?"_ceCmJ":"");/*#__PURE__*/return n("div",{className:`_u-ahe ${m.isFocused?"_J7SLy":""} ${i?"_V-fi1":""} ${r||""}`,children:[/*#__PURE__*/t("input",h({className:"_pGUeT",onFocus:u,onBlur:S,onChange:x,placeholder:" ",disabled:i,ref:a},s)),/*#__PURE__*/t("label",{className:y,children:o})]})});C.displayName="InputField";const G=["placeholder","disabled","maxLength","value"],L=e=>{let{placeholder:a,disabled:o,maxLength:i=200,value:r}=e,s=d(e,G);const[m,c]=l(!1),[f,u]=l(!1),[S,x]=l((null==r?void 0:r.length)||0);/*#__PURE__*/return n("div",{className:`_lmzUT ${m?"_tQ70X":""} ${o?"_6HG97":""}`,children:[/*#__PURE__*/t("textarea",h({className:"_Li9JW",onFocus:()=>!o&&c(!0),onBlur:e=>{c(!1),u(""!==e.target.value)},onChange:e=>{u(""!==e.target.value),x(e.target.length)},placeholder:" ",disabled:o,maxLength:i,value:r},s)),/*#__PURE__*/t("label",{className:"_DZ6uM "+(m||f?"_YU7Pg":""),children:a}),/*#__PURE__*/n("div",{className:"_WoiVu",children:[S,"/",i]})]})};var W={tabContainer:"_Kwpg8",tabTitleContainer:"_vXaUd",tabTitleScrollable:"_SJ3mH",tabItem:"_A66nG",selected:"_4rlGJ",tabContent:"_3Qpqa",selectionBar:"_xmfqZ"};const z=({tabs:e,tabAction:o})=>{const[i,r]=l(0),s=f(()=>e[i].content,[i]),m=f(()=>o?o():null,[o]);/*#__PURE__*/return n("div",{className:W.tabContainer,children:[/*#__PURE__*/n("div",{className:W.tabTitleContainer,children:[/*#__PURE__*/t("div",{className:W.tabTitleScrollable,children:e.map((e,o)=>/*#__PURE__*/t(a,{children:/*#__PURE__*/n("div",{className:`${W.tabItem} ${i===o?W.selected:""}`,onClick:()=>r(o),children:[e.title,/*#__PURE__*/t("div",{className:W.selectionBar})]},`blueprint-tab-${o}`)}))}),m&&/*#__PURE__*/t("div",{className:W.tabActionContainer,children:m})]}),/*#__PURE__*/t("div",{className:W.tabContent,children:/*#__PURE__*/t(s,{})})]})},E={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,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:400,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:400,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},I={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:h({},E,{SemanticPlaceholder:E.GothamBaseBook,SemanticFloatingPlaceholder:E.GothamXSmallBook,SemanticInput:E.SubheaderBase,SemanticButtonLabelBase:E.GothamBaseBold,SemanticButtonLabelSmall:E.GothamSmallBold,SemanticTabLabel:E.GothamBaseBold,SemanticTagLabel:E.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{F as B,T as F,C as I,v as S,L as T,h as _,D as a,z as b,I as d,B as u};
2
- //# sourceMappingURL=index-23e9f650.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-23e9f650.js","sources":["../src/primitives/Button/Button.js","../src/primitives/SquareIconButton/SquareIconButton.js","../src/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/ThemeProvider.js","../src/primitives/InputField/InputField.js","../src/primitives/TextArea/TextArea.js","../src/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// 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]:\n variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor]:\n 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","import dynamic from 'next/dynamic';\nimport { createContext, useContext, useEffect, useState } from 'react';\nconst ThemeProviderClientSide = dynamic(() => import('./ThemeProviderClientSide'), {\n ssr: false,\n});\n\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, []);\n\n if (!clientReady) {\n return children;\n }\n\n return (\n <ThemeProviderClientSide theme={theme} ThemeContext={ThemeContext}>\n {children}\n </ThemeProviderClientSide>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className || ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused || inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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: 400,\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","ThemeProviderClientSide","dynamic","import","ssr","ThemeContext","createContext","ThemeProvider","theme","clientReady","setClientReady","useState","useEffect","useTheme","useContext","InputField","forwardRef","ref","placeholder","disabled","props","inputState","setInputState","isFocused","hasValue","handleFocus","useCallback","prev","handleBlur","e","target","value","handleChange","labelClassName","onFocus","onBlur","onChange","displayName","TextArea","maxLength","setIsFocused","setHasValue","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","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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"}