@tollbrothers/blueprint 1.8.7 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/{ThemeProviderClientSide-9de3f35d.js → ThemeProviderClientSide-2540e775.js} +2 -2
  2. package/dist/{ThemeProviderClientSide-9de3f35d.js.map → ThemeProviderClientSide-2540e775.js.map} +1 -1
  3. package/dist/{ThemeProviderClientSide-622f6b2f.js → ThemeProviderClientSide-6351e3ad.js} +2 -2
  4. package/dist/{ThemeProviderClientSide-622f6b2f.js.map → ThemeProviderClientSide-6351e3ad.js.map} +1 -1
  5. package/dist/index-782e0472.js +2 -0
  6. package/dist/index-782e0472.js.map +1 -0
  7. package/dist/index-ef8ca568.js +2 -0
  8. package/dist/index-ef8ca568.js.map +1 -0
  9. package/dist/index.css +1 -1
  10. package/dist/index.css.map +1 -1
  11. package/dist/index.js +1 -1
  12. package/dist/index.modern.mjs +1 -1
  13. package/package.json +2 -2
  14. package/dist/index-0cd577cd.js +0 -2
  15. package/dist/index-0cd577cd.js.map +0 -1
  16. package/dist/index-3b76748f.js +0 -2
  17. package/dist/index-3b76748f.js.map +0 -1
package/dist/{ThemeProviderClientSide-9de3f35d.js → ThemeProviderClientSide-2540e775.js} RENAMED
@@ -1,2 +1,2 @@
1
- var t=require("react"),n=require("./index-0cd577cd.js"),o=require("react/jsx-runtime");require("next/dynamic");var e,r,f=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+" "+o.typography[e].fontWeight+" "+o.typography[e].fontSize+"/"+o.typography[e].lineHeight+" "+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))},{}))})},a="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;function m(t,n){void 0===n&&(n="");for(var o={},e=0,r=Object.entries(t);e<r.length;e++){var f=r[e],a=f[0],i=f[1],l=n?n+"-"+a:a;"object"==typeof i&&null!==i?Object.assign(o,m(i,l)):o["--tb-"+l]=i}return o}var i,l=function(t){var n=m(f({theme:t}));return"\n:root {\n"+Object.entries(n).filter(function(t){return!!t[1]}).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}\n"};exports.default=function(n){var m=n.children,s=n.theme,h=n.ThemeContext,c=t.useMemo(function(){return f({theme:s})},[s]);return a(function(){"undefined"==typeof document||e||((e=document.head.appendChild(document.createElement("style"))).innerHTML='@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){a(function(){"undefined"==typeof document||r||((r=document.head.appendChild(document.createElement("style"))).innerHTML=function(t){var n=f({theme:t});return"\n "+Object.keys(n.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")}(t))},[])}(c),function(t){a(function(){"undefined"==typeof document||i||((i=document.head.appendChild(document.createElement("style"))).innerHTML=l(t))},[])}(c),/*#__PURE__*/o.jsx(h.Provider,{value:c,children:m})};
2
- //# sourceMappingURL=ThemeProviderClientSide-9de3f35d.js.map
1
+ var t=require("react"),n=require("./index-ef8ca568.js"),o=require("react/jsx-runtime");require("next/dynamic");var e,r,f=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+" "+o.typography[e].fontWeight+" "+o.typography[e].fontSize+"/"+o.typography[e].lineHeight+" "+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))},{}))})},a="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;function m(t,n){void 0===n&&(n="");for(var o={},e=0,r=Object.entries(t);e<r.length;e++){var f=r[e],a=f[0],i=f[1],l=n?n+"-"+a:a;"object"==typeof i&&null!==i?Object.assign(o,m(i,l)):o["--tb-"+l]=i}return o}var i,l=function(t){var n=m(f({theme:t}));return"\n:root {\n"+Object.entries(n).filter(function(t){return!!t[1]}).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}\n"};exports.default=function(n){var m=n.children,s=n.theme,h=n.ThemeContext,c=t.useMemo(function(){return f({theme:s})},[s]);return a(function(){"undefined"==typeof document||e||((e=document.head.appendChild(document.createElement("style"))).innerHTML='@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){a(function(){"undefined"==typeof document||r||((r=document.head.appendChild(document.createElement("style"))).innerHTML=function(t){var n=f({theme:t});return"\n "+Object.keys(n.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")}(t))},[])}(c),function(t){a(function(){"undefined"==typeof document||i||((i=document.head.appendChild(document.createElement("style"))).innerHTML=l(t))},[])}(c),/*#__PURE__*/o.jsx(h.Provider,{value:c,children:m})};
2
+ //# sourceMappingURL=ThemeProviderClientSide-2540e775.js.map
package/dist/{ThemeProviderClientSide-9de3f35d.js.map → ThemeProviderClientSide-2540e775.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProviderClientSide-9de3f35d.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/utils/flattenToCssVars.js","../src/themes/utils/buildCssVars.js","../src/themes/hooks/useCssVars.js","../src/themes/utils/hexToRGB.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/fontFaces.js","../src/themes/utils/buildTypographyClasses.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} ${theme.typography[key].fontWeight} ${theme.typography[key].fontSize}/${theme.typography[key].lineHeight} ${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","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport fontFaces from '../utils/fontFaces';\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 = fontFaces;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildTypographyClasses from '../utils/buildTypographyClasses';\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 = buildTypographyClasses(decoratedTheme);\n }\n }, []);\n};\n\nexport default useTypographyClasses;\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","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 hexToRgba from './hexToRGB';\nimport flattenToCssVars from './flattenToCssVars';\nimport addFontTokens from './addFontTokens';\n\nconst buildCssVars = (theme) => {\n const cssVarsObject = flattenToCssVars(addFontTokens({ theme }));\n\n return `\n:root {\n${Object.entries(cssVarsObject)\n .filter(([key, value]) => !!value)\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};\n\nexport default buildCssVars;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildCssVars from '../utils/buildCssVars';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = buildCssVars(decoratedTheme);\n }\n }, []);\n};\n\nexport default useCssVars;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\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 useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\n","const fontFaces = `@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\nexport default fontFaces;\n","import addFontTokens from './addFontTokens';\n\nconst buildTypographyClasses = (theme) => {\n const decoratedTheme = addFontTokens({ theme });\n return `\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\nexport default buildTypographyClasses;\n"],"names":["styleElement","addFontTokens","_ref","theme","_extends","typography","Object","keys","reduce","acc","key","index","_extends2","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","flattenToCssVars","obj","parentKey","result","_i","_Object$entries","entries","length","_Object$entries$_i","value","newKey","assign","buildCssVars","cssVarsObject","filter","map","_ref2","join","_ref3","includes","_ref4","hex","replace","parseInt","substring","b","children","ThemeContext","decoratedTheme","useMemo","document","head","appendChild","createElement","innerHTML","typographyKey","buildTypographyClasses","useTypographyClasses","useCssVars","_jsx","Provider"],"mappings":"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"}
1
+ {"version":3,"file":"ThemeProviderClientSide-2540e775.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/utils/flattenToCssVars.js","../src/themes/utils/buildCssVars.js","../src/themes/hooks/useCssVars.js","../src/themes/utils/hexToRGB.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/fontFaces.js","../src/themes/utils/buildTypographyClasses.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} ${theme.typography[key].fontWeight} ${theme.typography[key].fontSize}/${theme.typography[key].lineHeight} ${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","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport fontFaces from '../utils/fontFaces';\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 = fontFaces;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildTypographyClasses from '../utils/buildTypographyClasses';\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 = buildTypographyClasses(decoratedTheme);\n }\n }, []);\n};\n\nexport default useTypographyClasses;\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","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 hexToRgba from './hexToRGB';\nimport flattenToCssVars from './flattenToCssVars';\nimport addFontTokens from './addFontTokens';\n\nconst buildCssVars = (theme) => {\n const cssVarsObject = flattenToCssVars(addFontTokens({ theme }));\n\n return `\n:root {\n${Object.entries(cssVarsObject)\n .filter(([key, value]) => !!value)\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};\n\nexport default buildCssVars;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildCssVars from '../utils/buildCssVars';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = buildCssVars(decoratedTheme);\n }\n }, []);\n};\n\nexport default useCssVars;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\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 useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\n","const fontFaces = `@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\nexport default fontFaces;\n","import addFontTokens from './addFontTokens';\n\nconst buildTypographyClasses = (theme) => {\n const decoratedTheme = addFontTokens({ theme });\n return `\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\nexport default buildTypographyClasses;\n"],"names":["styleElement","addFontTokens","_ref","theme","_extends","typography","Object","keys","reduce","acc","key","index","_extends2","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","flattenToCssVars","obj","parentKey","result","_i","_Object$entries","entries","length","_Object$entries$_i","value","newKey","assign","buildCssVars","cssVarsObject","filter","map","_ref2","join","_ref3","includes","_ref4","hex","replace","parseInt","substring","b","children","ThemeContext","decoratedTheme","useMemo","document","head","appendChild","createElement","innerHTML","typographyKey","buildTypographyClasses","useTypographyClasses","useCssVars","_jsx","Provider"],"mappings":"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"}
package/dist/{ThemeProviderClientSide-622f6b2f.js → ThemeProviderClientSide-6351e3ad.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{useLayoutEffect as t,useEffect as o,useMemo as n}from"react";import{_ as e}from"./index-3b76748f.js";import{jsx as f}from"react/jsx-runtime";import"next/dynamic";const r=({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} ${t.typography[n].fontWeight} ${t.typography[n].fontSize}/${t.typography[n].lineHeight} ${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})})),{}))}),a="undefined"!=typeof window?t:o;let m,l;function s(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,s(f,t)):n[`--tb-${t}`]=f}return n}const i=t=>{const o=s(r({theme:t}));return`\n:root {\n${Object.entries(o).filter(([t,o])=>!!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}\n`};let h;const p=({children:t,theme:o,ThemeContext:e})=>{const s=n(()=>r({theme:o}),[o]);return a(()=>{"undefined"==typeof document||m||(m=document.head.appendChild(document.createElement("style")),m.innerHTML='@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=>{a(()=>{"undefined"==typeof document||l||(l=document.head.appendChild(document.createElement("style")),l.innerHTML=(t=>{const o=r({theme:t});return`\n ${Object.keys(o.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")}`})(t))},[])})(s),(t=>{a(()=>{"undefined"==typeof document||h||(h=document.head.appendChild(document.createElement("style")),h.innerHTML=i(t))},[])})(s),/*#__PURE__*/f(e.Provider,{value:s,children:t})};export{p as default};
2
- //# sourceMappingURL=ThemeProviderClientSide-622f6b2f.js.map
1
+ import{useLayoutEffect as t,useEffect as o,useMemo as n}from"react";import{_ as e}from"./index-782e0472.js";import{jsx as f}from"react/jsx-runtime";import"next/dynamic";const r=({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} ${t.typography[n].fontWeight} ${t.typography[n].fontSize}/${t.typography[n].lineHeight} ${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})})),{}))}),a="undefined"!=typeof window?t:o;let m,l;function s(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,s(f,t)):n[`--tb-${t}`]=f}return n}const i=t=>{const o=s(r({theme:t}));return`\n:root {\n${Object.entries(o).filter(([t,o])=>!!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}\n`};let h;const p=({children:t,theme:o,ThemeContext:e})=>{const s=n(()=>r({theme:o}),[o]);return a(()=>{"undefined"==typeof document||m||(m=document.head.appendChild(document.createElement("style")),m.innerHTML='@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=>{a(()=>{"undefined"==typeof document||l||(l=document.head.appendChild(document.createElement("style")),l.innerHTML=(t=>{const o=r({theme:t});return`\n ${Object.keys(o.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")}`})(t))},[])})(s),(t=>{a(()=>{"undefined"==typeof document||h||(h=document.head.appendChild(document.createElement("style")),h.innerHTML=i(t))},[])})(s),/*#__PURE__*/f(e.Provider,{value:s,children:t})};export{p as default};
2
+ //# sourceMappingURL=ThemeProviderClientSide-6351e3ad.js.map
package/dist/{ThemeProviderClientSide-622f6b2f.js.map → ThemeProviderClientSide-6351e3ad.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProviderClientSide-622f6b2f.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/utils/flattenToCssVars.js","../src/themes/utils/buildCssVars.js","../src/themes/utils/hexToRGB.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/fontFaces.js","../src/themes/utils/buildTypographyClasses.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} ${theme.typography[key].fontWeight} ${theme.typography[key].fontSize}/${theme.typography[key].lineHeight} ${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","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';\nimport fontFaces from '../utils/fontFaces';\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 = fontFaces;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildTypographyClasses from '../utils/buildTypographyClasses';\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 = buildTypographyClasses(decoratedTheme);\n }\n }, []);\n};\n\nexport default useTypographyClasses;\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 hexToRgba from './hexToRGB';\nimport flattenToCssVars from './flattenToCssVars';\nimport addFontTokens from './addFontTokens';\n\nconst buildCssVars = (theme) => {\n const cssVarsObject = flattenToCssVars(addFontTokens({ theme }));\n\n return `\n:root {\n${Object.entries(cssVarsObject)\n .filter(([key, value]) => !!value)\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};\n\nexport default buildCssVars;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildCssVars from '../utils/buildCssVars';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = buildCssVars(decoratedTheme);\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\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 useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\n","const fontFaces = `@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\nexport default fontFaces;\n","import addFontTokens from './addFontTokens';\n\nconst buildTypographyClasses = (theme) => {\n const decoratedTheme = addFontTokens({ theme });\n return `\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\nexport default buildTypographyClasses;\n"],"names":["addFontTokens","theme","_extends","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","styleElement","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","buildCssVars","cssVarsObject","filter","map","join","includes","hex","replace","parseInt","substring","ThemeProviderClientSide","children","ThemeContext","decoratedTheme","useMemo","document","head","appendChild","createElement","innerHTML","typographyKey","buildTypographyClasses","useTypographyClasses","useCssVars","_jsx","Provider"],"mappings":"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"}
1
+ {"version":3,"file":"ThemeProviderClientSide-6351e3ad.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/utils/flattenToCssVars.js","../src/themes/utils/buildCssVars.js","../src/themes/utils/hexToRGB.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/fontFaces.js","../src/themes/utils/buildTypographyClasses.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} ${theme.typography[key].fontWeight} ${theme.typography[key].fontSize}/${theme.typography[key].lineHeight} ${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","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';\nimport fontFaces from '../utils/fontFaces';\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 = fontFaces;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildTypographyClasses from '../utils/buildTypographyClasses';\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 = buildTypographyClasses(decoratedTheme);\n }\n }, []);\n};\n\nexport default useTypographyClasses;\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 hexToRgba from './hexToRGB';\nimport flattenToCssVars from './flattenToCssVars';\nimport addFontTokens from './addFontTokens';\n\nconst buildCssVars = (theme) => {\n const cssVarsObject = flattenToCssVars(addFontTokens({ theme }));\n\n return `\n:root {\n${Object.entries(cssVarsObject)\n .filter(([key, value]) => !!value)\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};\n\nexport default buildCssVars;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport buildCssVars from '../utils/buildCssVars';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = buildCssVars(decoratedTheme);\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\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 useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\n","const fontFaces = `@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\nexport default fontFaces;\n","import addFontTokens from './addFontTokens';\n\nconst buildTypographyClasses = (theme) => {\n const decoratedTheme = addFontTokens({ theme });\n return `\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\nexport default buildTypographyClasses;\n"],"names":["addFontTokens","theme","_extends","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","styleElement","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","buildCssVars","cssVarsObject","filter","map","join","includes","hex","replace","parseInt","substring","ThemeProviderClientSide","children","ThemeContext","decoratedTheme","useMemo","document","head","appendChild","createElement","innerHTML","typographyKey","buildTypographyClasses","useTypographyClasses","useCssVars","_jsx","Provider"],"mappings":"yKAAA,MAAMA,EAAgBA,EAAGC,WACvBC,EAAA,CAAA,EACKD,EACHE,CAAAA,WAAUD,EACLE,CAAAA,EAAAA,OAAOC,KAAKJ,EAAME,YAAYG,OAAO,CAACC,EAAKC,EAAKC,KACnC,IAAVA,IACFF,EAAIC,GAAOP,EAAME,WAAWK,GAAKE,MAGnCR,EACKK,CAAAA,EAAAA,GACHC,CAACA,GAAGN,EACCD,GAAAA,EAAME,WAAWK,GACpBE,CAAAA,KAAM,GAAGT,EAAME,WAAWK,GAAKG,aAAaV,EAAME,WAAWK,GAAKI,cAAcX,EAAME,WAAWK,GAAKK,YAAYZ,EAAME,WAAWK,GAAKM,cAAcb,EAAME,WAAWK,GAAKO,aAC5KJ,UAAWV,EAAME,WAAWK,GAAKG,UACjCC,WAAYX,EAAME,WAAWK,GAAKI,WAClCC,SAAUZ,EAAME,WAAWK,GAAKK,SAChCC,WAAYb,EAAME,WAAWK,GAAKM,WAClCC,WAAYd,EAAME,WAAWK,GAAKO,WAClCC,mBAAoBf,EAAME,WAAWK,GAAKQ,mBAC1CC,cAAehB,EAAME,WAAWK,GAAKS,cACrCC,OAAQjB,EAAME,WAAWK,GAAKU,YAGjC,CAAA,MClBIC,EAA8C,oBAAXC,OAAyBC,EAAkBC,ECH3F,IAAIC,ECAAA,ECHJ,SAASC,EAAiBC,EAAKC,EAAY,IACzC,MAAMC,EAAS,GAEf,IAAK,MAAOnB,EAAKoB,KAAUxB,OAAOyB,QAAQJ,GAAM,CAC9C,MAAMK,EAASJ,EAAY,GAAGA,KAAalB,IAAQA,EAE9B,iBAAVoB,GAAgC,OAAVA,EAC/BxB,OAAO2B,OAAOJ,EAAQH,EAAiBI,EAAOE,IAE9CH,EAAO,QAAQG,KAAYF,CAE/B,CAEA,OAAOD,CACT,CCVA,MAAMK,EAAgB/B,IACpB,MAAMgC,EAAgBT,EAAiBxB,EAAc,CAAEC,WAEvD,MAAO,cAEPG,OAAOyB,QAAQI,GACdC,OAAO,EAAE1B,EAAKoB,OAAaA,GAC3BO,IAAI,EAAE3B,EAAKoB,KAAW,GAAGpB,MAAQoB,MACjCQ,KAAK,YAENhC,OAAOyB,QAAQI,GACdC,OAAO,EAAE1B,EAAKoB,KAAWpB,EAAI6B,SAAS,YAAcT,EAAMS,SAAS,MACnEF,IAAI,EAAE3B,EAAKoB,MACV,MAAO,GAAGpB,UCjBK8B,EDiBiBV,EChBlCU,EAAMA,EAAIC,QAAQ,IAAK,IAIhB,GAHGC,SAASF,EAAIG,UAAU,EAAG,GAAI,QAC9BD,SAASF,EAAIG,UAAU,EAAG,GAAI,QAC9BD,SAASF,EAAIG,UAAU,EAAG,GAAI,SAJvBH,KDiBuB,GAEvCF,KAAK,YAAK,EEhBb,IAAIb,EAEJ,MCCMmB,EAA0BA,EAAGC,WAAU1C,QAAO2C,mBAClD,MAAMC,EAAiBC,EAAQ,IACtB9C,EAAc,CAAEC,UACtB,CAACA,IAMJ,ONTAkB,EAA0B,KACA,oBAAb4B,UAA6BxB,IACtCA,EAAewB,SAASC,KAAKC,YAAYF,SAASG,cAAc,UAChE3B,EAAa4B,UOTD,8nEPUd,EACC,ICNyBN,KAC5B1B,EAA0B,KACA,oBAAb4B,UAA6BxB,IACtCA,EAAewB,SAASC,KAAKC,YAAYF,SAASG,cAAc,UAChE3B,EAAa4B,UOPalD,KAC9B,MAAM4C,EAAiB7C,EAAc,CAAEC,UACvC,MAAO,WACDG,OAAOC,KAAKwC,EAAe1C,YAC1BgC,IAAKiB,GACG,oBACAA,yCACaA,yDACgBA,iEACNA,wBAG/BhB,KAAK,OAAK,EPLYiB,CAAuBR,GAClD,EACC,GAAE,EKCLS,CAAqBT,GDPHA,KAClB1B,EAA0B,KACA,oBAAb4B,UAA6BxB,IACtCA,EAAewB,SAASC,KAAKC,YAAYF,SAASG,cAAc,UAChE3B,EAAa4B,UAAYnB,EAAaa,GACxC,EACC,GAAE,ECELU,CAAWV,gBAEJW,EAACZ,EAAaa,SAAS7B,CAAAA,MAAOiB,EAAeF,SAAEA,GAAgC"}
package/dist/index-782e0472.js ADDED
@@ -0,0 +1,2 @@
1
+ import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import n from"next/dynamic";import{useState as i,useEffect as l,useContext as o,createContext as r,forwardRef as s,useCallback as m,useMemo as c}from"react";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},d.apply(null,arguments)}function h(e,a){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(a.indexOf(n)>=0)continue;t[n]=e[n]}return t}var f={button:"_QyFC7",withIcon:"_Q-XwQ",sizeBase:"_RP0xS",sizeSmall:"_GCkHu",sizeLarge:"_rmhWl",label:"_2skHL",icon:"_WeewY",filledBase:"_fQmYk",filledHover:"_Twfo7",filledPressed:"_Fy9ZW",filledDisabled:"_3bAVP",fullWidth:"_vHH46",ghostBase:"_U-0SR",ghostHover:"_dx70d",ghostPressed:"_5tFFt",ghostDisabled:"_ahhcu"};const b=["label","size","priority","state","iconPosition","icon","fullWidth","className"],g={base:f.sizeBase,small:f.sizeSmall,large:f.sizeLarge},u={A:{base:f.filledBase,hover:f.filledHover,pressed:f.filledPressed,disabled:f.filledDisabled},B:{base:f.ghostBase,hover:f.ghostHover,pressed:f.ghostPressed,disabled:f.ghostDisabled}},x=t=>{var n;let{label:i="PCTA",size:l="base",priority:o="A",state:r="base",iconPosition:s="none",icon:m=null,fullWidth:c=!1,className:x=""}=t,p=h(t,b);const S=(null==(n=u[o])?void 0:n[r])||u.A.base,y="none"!==s&&!!m,v=[f.button,g[l]||g.base,S,y&&f.withIcon,c&&f.fullWidth,x].filter(Boolean).join(" "),H="disabled"===r;/*#__PURE__*/return e("button",d({className:v,type:"button",disabled:H,"aria-disabled":H},p,{children:["left"===s&&y?/*#__PURE__*/a("span",{className:f.icon,children:m}):null,/*#__PURE__*/a("span",{className:f.label,children:i}),"right"===s&&y?/*#__PURE__*/a("span",{className:f.icon,children:m}):null]}))};var p={button:"_03TeW",label:"_yhVaM",sizeBase:"_CffiR",sizeSmall:"_4v19f",sizeLarge:"_C3Yo3",fullWidth:"_IRnfK",lightBase:"_kiU8H",lightHover:"_IuP8c",lightPressed:"_YzKYj",lightDisabled:"_JTIq4",darkBase:"_XreCj",darkHover:"_M9gir",darkPressed:"_pRxTU",darkDisabled:"_3qu5V"};const S=["label","size","bg","state","className","fullWidth"],y={base:p.sizeBase,small:p.sizeSmall,large:p.sizeLarge},v={Light:{base:p.lightBase,hover:p.lightHover,pressed:p.lightPressed,disabled:p.lightDisabled},Dark:{base:p.darkBase,hover:p.darkHover,pressed:p.darkPressed,disabled:p.darkDisabled}},H=e=>{var t;let{label:n="SCTA",size:i="base",bg:l="Light",state:o="base",className:r="",fullWidth:s=!1}=e,m=h(e,S);const c=(null==(t=v[l])?void 0:t[o])||v.Light.base,f=[p.button,y[i]||y.base,c,s&&p.fullWidth,r].filter(Boolean).join(" "),b="disabled"===o;/*#__PURE__*/return a("button",d({className:f,type:"button",disabled:b,"aria-disabled":b},m,{children:/*#__PURE__*/a("span",{className:p.label,children:n})}))},B=["children","className"],D=e=>{let{children:t,className:n=""}=e,i=h(e,B);/*#__PURE__*/return a("button",d({className:`_Zlubp ${n}`,color:"inherit",type:"button"},i,{children:t}))},_=["isCondensed","children","className"],F=e=>{let{isCondensed:t=!1,children:n="",className:i=""}=e,l=h(e,_);return t?/*#__PURE__*/a(D,d({className:i},l,{children:"+"})):/*#__PURE__*/a(x,d({size:"small",priority:"B",state:"base",className:i,style:{textWrap:"nowrap"},type:"button",label:`+ ${n}`},l))},N=n(()=>import("./ThemeProviderClientSide-6351e3ad.js"),{ssr:!1}),A=/*#__PURE__*/r(),L=({children:e,theme:t})=>{const[n,o]=i(!1);return l(()=>{o(!0)},[]),n?/*#__PURE__*/a(N,{theme:t,ThemeContext:A,children:e}):e};function z(){return o(A)}const T=["placeholder","disabled","className"],G=/*#__PURE__*/s((t,n)=>{let{placeholder:l,disabled:o,className:r}=t,s=h(t,T);const[c,f]=i({isFocused:!1,hasValue:!1}),b=m(()=>{o||f(e=>d({},e,{isFocused:!0}))},[o]),g=m(e=>{f({isFocused:!1,hasValue:""!==e.target.value})},[]),u=m(e=>{f(a=>d({},a,{hasValue:""!==e.target.value}))},[]),x="_lhDC- "+(c.isFocused||c.hasValue?"_wEmnH":"");/*#__PURE__*/return e("div",{className:`_J1gSu ${c.isFocused?"_pRhyH":""} ${o?"_XVL8G":""} ${r||""}`,children:[/*#__PURE__*/a("input",d({className:"_y6Hs-",onFocus:b,onBlur:g,onChange:u,placeholder:" ",disabled:o,ref:n},s)),/*#__PURE__*/a("label",{className:x,children:l})]})});G.displayName="InputField";const W=["placeholder","disabled","maxLength","value"],C=t=>{let{placeholder:n,disabled:l,maxLength:o=200,value:r}=t,s=h(t,W);const[m,c]=i(!1),[f,b]=i(!1),[g,u]=i((null==r?void 0:r.length)||0);/*#__PURE__*/return e("div",{className:`_q8HgZ ${m?"_9Eo1w":""} ${l?"_lHxCa":""}`,children:[/*#__PURE__*/a("textarea",d({className:"_zZCio",onFocus:()=>!l&&c(!0),onBlur:e=>{c(!1),b(""!==e.target.value)},onChange:e=>{b(""!==e.target.value),u(e.target.length)},placeholder:" ",disabled:l,maxLength:o,value:r},s)),/*#__PURE__*/a("label",{className:"_Y8LeD "+(m||f?"_AEQZL":""),children:n}),/*#__PURE__*/e("div",{className:"_5-Juo",children:[g,"/",o]})]})};var P={tabContainer:"_cAmFN",tabTitleContainer:"_u1IHS",tabTitleScrollable:"_-61oW",tabItem:"_aw46E",selected:"_ToUV8",tabContent:"_4JAfM",selectionBar:"_2esKt"};const k=({tabs:n,tabAction:l})=>{const[o,r]=i(0),s=c(()=>n[o].content,[o]),m=c(()=>l?l():null,[l]);/*#__PURE__*/return e("div",{className:P.tabContainer,children:[/*#__PURE__*/e("div",{className:P.tabTitleContainer,children:[/*#__PURE__*/a("div",{className:P.tabTitleScrollable,children:n.map((n,i)=>/*#__PURE__*/a(t,{children:/*#__PURE__*/e("div",{className:`${P.tabItem} ${o===i?P.selected:""}`,onClick:()=>r(i),children:[n.title,/*#__PURE__*/a("div",{className:P.selectionBar})]},`blueprint-tab-${i}`)}))}),m&&/*#__PURE__*/a("div",{className:P.tabActionContainer,children:m})]}),/*#__PURE__*/a("div",{className:P.tabContent,children:/*#__PURE__*/a(s,{})})]})},w={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:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight: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"}},State:{AccentHover:"#00437B",AccentPressed:"#005AA4",GrayHover:"#CDD5DA",GrayPressed:"#E6EAEC",Disabled:"var(--tb-palette-TB-Functional-MedGray)"}},spacing:{0:"0",1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"40px",8:"48px",9:"60px"},cta:{height:{base:"48px",small:"40px",large:"56px"},padding:{base:"20px"}},typography:d({},w,{SemanticPlaceholder:w.GothamBaseBook,SemanticFloatingPlaceholder:w.GothamXSmallBook,SemanticInput:w.SubheaderBase,SemanticButtonLabelBase:w.GothamBaseBold,SemanticButtonLabelSmall:w.GothamSmallBold,SemanticTabLabel:w.GothamBaseBold,SemanticTagLabel:w.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{F,G as I,x as P,H as S,C as T,d as _,D as a,L as b,k as c,E as d,z as u};
2
+ //# sourceMappingURL=index-782e0472.js.map
package/dist/index-782e0472.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-782e0472.js","sources":["../src/components/PrimaryCTA/PrimaryCTA.js","../src/components/SecondaryCTA/SecondaryCTA.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 './PrimaryCTA.module.scss';\n\nconst SIZE_CLASS = {\n base: styles.sizeBase,\n small: styles.sizeSmall,\n large: styles.sizeLarge,\n};\n\nconst PRIORITY_STATE_CLASS = {\n A: {\n base: styles.filledBase,\n hover: styles.filledHover,\n pressed: styles.filledPressed,\n disabled: styles.filledDisabled,\n },\n B: {\n base: styles.ghostBase,\n hover: styles.ghostHover,\n pressed: styles.ghostPressed,\n disabled: styles.ghostDisabled,\n },\n};\n\n/**\n * Primary CTA button aligned to Figma spec:\n * - size: base (48px) | small (40px) | large (56px)\n * - priority: A (filled) | B (secondary)\n * - state: base | hover | pressed | disabled\n * - iconPosition: left | right | none (icon color inherits label color)\n */\nconst PrimaryCTA = ({\n label = 'PCTA',\n size = 'base',\n priority = 'A',\n state = 'base',\n iconPosition = 'none',\n icon = null,\n fullWidth = false,\n className = '',\n ...rest\n}) => {\n const sizeClass = SIZE_CLASS[size] || SIZE_CLASS.base;\n const visualClass = PRIORITY_STATE_CLASS[priority]?.[state] || PRIORITY_STATE_CLASS.A.base;\n const hasIcon = iconPosition !== 'none' && !!icon;\n\n const buttonClasses = [styles.button, sizeClass, visualClass, hasIcon && styles.withIcon, fullWidth && styles.fullWidth, className]\n .filter(Boolean)\n .join(' ');\n\n const isDisabled = state === 'disabled';\n\n return (\n <button className={buttonClasses} type='button' disabled={isDisabled} aria-disabled={isDisabled} {...rest}>\n {iconPosition === 'left' && hasIcon ? <span className={styles.icon}>{icon}</span> : null}\n <span className={styles.label}>{label}</span>\n {iconPosition === 'right' && hasIcon ? <span className={styles.icon}>{icon}</span> : null}\n </button>\n );\n};\n\nexport default PrimaryCTA;\n","import styles from './SecondaryCTA.module.scss';\n\nconst SIZE_CLASS = {\n base: styles.sizeBase,\n small: styles.sizeSmall,\n large: styles.sizeLarge,\n};\n\nconst STYLE_MAP = {\n Light: {\n base: styles.lightBase,\n hover: styles.lightHover,\n pressed: styles.lightPressed,\n disabled: styles.lightDisabled,\n },\n Dark: {\n base: styles.darkBase,\n hover: styles.darkHover,\n pressed: styles.darkPressed,\n disabled: styles.darkDisabled,\n },\n};\n\n/**\n * Secondary CTA button (outline/ghost) aligned to Figma spec:\n * - size: base (48px) | small (40px) | large (56px)\n * - bg: Light | Dark (sets contrast treatment)\n * - state: base | hover | pressed | disabled\n */\nconst SecondaryCTA = ({\n label = 'SCTA',\n size = 'base',\n bg = 'Light',\n state = 'base',\n className = '',\n fullWidth = false,\n ...rest\n}) => {\n const sizeClass = SIZE_CLASS[size] || SIZE_CLASS.base;\n const visualClass = STYLE_MAP[bg]?.[state] || STYLE_MAP.Light.base;\n const buttonClasses = [styles.button, sizeClass, visualClass, fullWidth && styles.fullWidth, className]\n .filter(Boolean)\n .join(' ');\n\n const isDisabled = state === 'disabled';\n\n return (\n <button className={buttonClasses} type='button' disabled={isDisabled} aria-disabled={isDisabled} {...rest}>\n <span className={styles.label}>{label}</span>\n </button>\n );\n};\n\nexport default SecondaryCTA;\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 PrimaryCTA from '../PrimaryCTA/PrimaryCTA';\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 <PrimaryCTA\n size='small'\n priority='B'\n state='base'\n className={className}\n style={{ textWrap: 'nowrap' }}\n type='button'\n label={`+ ${children}`}\n {...rest}\n />\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: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 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\n State: {\n AccentHover: '#00437B',\n AccentPressed: '#005AA4',\n GrayHover: '#CDD5DA',\n GrayPressed: '#E6EAEC',\n Disabled: 'var(--tb-palette-TB-Functional-MedGray)',\n },\n \n },\n spacing: {\n 0: '0',\n 1: '4px',\n 2: '8px',\n 3: '12px',\n 4: '16px',\n 5: '24px',\n 6: '32px',\n 7: '40px',\n 8: '48px',\n 9: '60px',\n },\n cta: {\n height: {\n base: '48px',\n small: '40px',\n large: '56px',\n },\n padding: {\n base: '20px',\n },\n },\n typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\n};\n"],"names":["_excluded","SIZE_CLASS","base","styles","sizeBase","small","sizeSmall","large","sizeLarge","PRIORITY_STATE_CLASS","A","filledBase","hover","filledHover","pressed","filledPressed","disabled","filledDisabled","B","ghostBase","ghostHover","ghostPressed","ghostDisabled","PrimaryCTA","_ref","_PRIORITY_STATE_CLASS","label","size","priority","state","iconPosition","icon","fullWidth","className","rest","_objectWithoutPropertiesLoose","visualClass","hasIcon","buttonClasses","button","withIcon","filter","Boolean","join","isDisabled","_jsxs","_extends","type","children","_jsx","STYLE_MAP","Light","lightBase","lightHover","lightPressed","lightDisabled","Dark","darkBase","darkHover","darkPressed","darkDisabled","SecondaryCTA","_STYLE_MAP$bg","bg","SquareIconButton","color","FallbackAddButton","isCondensed","style","textWrap","ThemeProviderClientSide","dynamic","import","ssr","ThemeContext","createContext","ThemeProvider","theme","clientReady","setClientReady","useState","useEffect","useTheme","useContext","InputField","forwardRef","ref","placeholder","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","State","AccentHover","AccentPressed","GrayHover","GrayPressed","Disabled","spacing","cta","height","padding","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius"],"mappings":"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"}
package/dist/index-ef8ca568.js ADDED
@@ -0,0 +1,2 @@
1
+ var e=require("react/jsx-runtime"),t=require("next/dynamic"),a=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},i.apply(null,arguments)}function o(e,t){if(null==e)return{};var a={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;a[n]=e[n]}return a}var l={button:"_QyFC7",withIcon:"_Q-XwQ",sizeBase:"_RP0xS",sizeSmall:"_GCkHu",sizeLarge:"_rmhWl",label:"_2skHL",icon:"_WeewY",filledBase:"_fQmYk",filledHover:"_Twfo7",filledPressed:"_Fy9ZW",filledDisabled:"_3bAVP",fullWidth:"_vHH46",ghostBase:"_U-0SR",ghostHover:"_dx70d",ghostPressed:"_5tFFt",ghostDisabled:"_ahhcu"},r=["label","size","priority","state","iconPosition","icon","fullWidth","className"],s={base:l.sizeBase,small:l.sizeSmall,large:l.sizeLarge},c={A:{base:l.filledBase,hover:l.filledHover,pressed:l.filledPressed,disabled:l.filledDisabled},B:{base:l.ghostBase,hover:l.ghostHover,pressed:l.ghostPressed,disabled:l.ghostDisabled}},d=function(t){var a,n=t.label,d=void 0===n?"PCTA":n,m=t.size,f=void 0===m?"base":m,h=t.priority,u=void 0===h?"A":h,x=t.state,b=void 0===x?"base":x,g=t.iconPosition,v=void 0===g?"none":g,p=t.icon,S=void 0===p?null:p,y=t.fullWidth,H=void 0!==y&&y,B=t.className,D=void 0===B?"":B,_=o(t,r),F=(null==(a=c[u])?void 0:a[b])||c.A.base,A="none"!==v&&!!S,T=[l.button,s[f]||s.base,F,A&&l.withIcon,H&&l.fullWidth,D].filter(Boolean).join(" "),N="disabled"===b;/*#__PURE__*/return e.jsxs("button",i({className:T,type:"button",disabled:N,"aria-disabled":N},_,{children:["left"===v&&A?/*#__PURE__*/e.jsx("span",{className:l.icon,children:S}):null,/*#__PURE__*/e.jsx("span",{className:l.label,children:d}),"right"===v&&A?/*#__PURE__*/e.jsx("span",{className:l.icon,children:S}):null]}))},m={button:"_03TeW",label:"_yhVaM",sizeBase:"_CffiR",sizeSmall:"_4v19f",sizeLarge:"_C3Yo3",fullWidth:"_IRnfK",lightBase:"_kiU8H",lightHover:"_IuP8c",lightPressed:"_YzKYj",lightDisabled:"_JTIq4",darkBase:"_XreCj",darkHover:"_M9gir",darkPressed:"_pRxTU",darkDisabled:"_3qu5V"},f=["label","size","bg","state","className","fullWidth"],h={base:m.sizeBase,small:m.sizeSmall,large:m.sizeLarge},u={Light:{base:m.lightBase,hover:m.lightHover,pressed:m.lightPressed,disabled:m.lightDisabled},Dark:{base:m.darkBase,hover:m.darkHover,pressed:m.darkPressed,disabled:m.darkDisabled}},x=["children","className"],b=function(t){var a=t.children,n=t.className,l=void 0===n?"":n,r=o(t,x);/*#__PURE__*/return e.jsx("button",i({className:"_Zlubp "+l,color:"inherit",type:"button"},r,{children:a}))},g=["isCondensed","children","className"],v=/*#__PURE__*/n(t).default(function(){return Promise.resolve().then(function(){return require("./ThemeProviderClientSide-2540e775.js")})},{ssr:!1}),p=/*#__PURE__*/a.createContext(),S=["placeholder","disabled","className"],y=/*#__PURE__*/a.forwardRef(function(t,n){var l=t.placeholder,r=t.disabled,s=t.className,c=o(t,S),d=a.useState({isFocused:!1,hasValue:!1}),m=d[0],f=d[1],h=a.useCallback(function(){r||f(function(e){return i({},e,{isFocused:!0})})},[r]),u=a.useCallback(function(e){f({isFocused:!1,hasValue:""!==e.target.value})},[]),x=a.useCallback(function(e){f(function(t){return i({},t,{hasValue:""!==e.target.value})})},[]),b="_lhDC- "+(m.isFocused||m.hasValue?"_wEmnH":"");/*#__PURE__*/return e.jsxs("div",{className:"_J1gSu "+(m.isFocused?"_pRhyH":"")+" "+(r?"_XVL8G":"")+" "+(s||""),children:[/*#__PURE__*/e.jsx("input",i({className:"_y6Hs-",onFocus:h,onBlur:u,onChange:x,placeholder:" ",disabled:r,ref:n},c)),/*#__PURE__*/e.jsx("label",{className:b,children:l})]})});y.displayName="InputField";var H=["placeholder","disabled","maxLength","value"],B={tabContainer:"_cAmFN",tabTitleContainer:"_u1IHS",tabTitleScrollable:"_-61oW",tabItem:"_aw46E",selected:"_ToUV8",tabContent:"_4JAfM",selectionBar:"_2esKt"},D={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:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},_={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"}},State:{AccentHover:"#00437B",AccentPressed:"#005AA4",GrayHover:"#CDD5DA",GrayPressed:"#E6EAEC",Disabled:"var(--tb-palette-TB-Functional-MedGray)"}},spacing:{0:"0",1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"40px",8:"48px",9:"60px"},cta:{height:{base:"48px",small:"40px",large:"56px"},padding:{base:"20px"}},typography:i({},D,{SemanticPlaceholder:D.GothamBaseBook,SemanticFloatingPlaceholder:D.GothamXSmallBook,SemanticInput:D.SubheaderBase,SemanticButtonLabelBase:D.GothamBaseBold,SemanticButtonLabelSmall:D.GothamSmallBold,SemanticTabLabel:D.GothamBaseBold,SemanticTagLabel:D.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.FallbackAddButton=function(t){var a=t.isCondensed,n=void 0!==a&&a,l=t.children,r=void 0===l?"":l,s=t.className,c=void 0===s?"":s,m=o(t,g);return n?/*#__PURE__*/e.jsx(b,i({className:c},m,{children:"+"})):/*#__PURE__*/e.jsx(d,i({size:"small",priority:"B",state:"base",className:c,style:{textWrap:"nowrap"},type:"button",label:"+ "+r},m))},exports.InputField=y,exports.PrimaryCTA=d,exports.SecondaryCTA=function(t){var a,n=t.label,l=void 0===n?"SCTA":n,r=t.size,s=void 0===r?"base":r,c=t.bg,d=void 0===c?"Light":c,x=t.state,b=void 0===x?"base":x,g=t.className,v=void 0===g?"":g,p=t.fullWidth,S=void 0!==p&&p,y=o(t,f),H=(null==(a=u[d])?void 0:a[b])||u.Light.base,B=[m.button,h[s]||h.base,H,S&&m.fullWidth,v].filter(Boolean).join(" "),D="disabled"===b;/*#__PURE__*/return e.jsx("button",i({className:B,type:"button",disabled:D,"aria-disabled":D},y,{children:/*#__PURE__*/e.jsx("span",{className:m.label,children:l})}))},exports.SquareIconButton=b,exports.Tabs=function(t){var n=t.tabs,i=t.tabAction,o=a.useState(0),l=o[0],r=o[1],s=a.useMemo(function(){return n[l].content},[l]),c=a.useMemo(function(){return i?i():null},[i]);/*#__PURE__*/return e.jsxs("div",{className:B.tabContainer,children:[/*#__PURE__*/e.jsxs("div",{className:B.tabTitleContainer,children:[/*#__PURE__*/e.jsx("div",{className:B.tabTitleScrollable,children:n.map(function(t,a){/*#__PURE__*/return e.jsx(e.Fragment,{children:/*#__PURE__*/e.jsxs("div",{className:B.tabItem+" "+(l===a?B.selected:""),onClick:function(){return r(a)},children:[t.title,/*#__PURE__*/e.jsx("div",{className:B.selectionBar})]},"blueprint-tab-"+a)})})}),c&&/*#__PURE__*/e.jsx("div",{className:B.tabActionContainer,children:c})]}),/*#__PURE__*/e.jsx("div",{className:B.tabContent,children:/*#__PURE__*/e.jsx(s,{})})]})},exports.TextArea=function(t){var n=t.placeholder,l=t.disabled,r=t.maxLength,s=void 0===r?200:r,c=t.value,d=o(t,H),m=a.useState(!1),f=m[0],h=m[1],u=a.useState(!1),x=u[0],b=u[1],g=a.useState((null==c?void 0:c.length)||0),v=g[0],p=g[1];/*#__PURE__*/return e.jsxs("div",{className:"_q8HgZ "+(f?"_9Eo1w":"")+" "+(l?"_lHxCa":""),children:[/*#__PURE__*/e.jsx("textarea",i({className:"_zZCio",onFocus:function(){return!l&&h(!0)},onBlur:function(e){h(!1),b(""!==e.target.value)},onChange:function(e){b(""!==e.target.value),p(e.target.length)},placeholder:" ",disabled:l,maxLength:s,value:c},d)),/*#__PURE__*/e.jsx("label",{className:"_Y8LeD "+(f||x?"_AEQZL":""),children:n}),/*#__PURE__*/e.jsxs("div",{className:"_5-Juo",children:[v,"/",s]})]})},exports.ThemeProvider=function(t){var n=t.children,i=t.theme,o=a.useState(!1),l=o[0],r=o[1];return a.useEffect(function(){r(!0)},[]),l?/*#__PURE__*/e.jsx(v,{theme:i,ThemeContext:p,children:n}):n},exports._extends=i,exports.defaultTheme=_,exports.useTheme=function(){return a.useContext(p)};
2
+ //# sourceMappingURL=index-ef8ca568.js.map
package/dist/index-ef8ca568.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-ef8ca568.js","sources":["../src/components/PrimaryCTA/PrimaryCTA.js","../src/components/SecondaryCTA/SecondaryCTA.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 './PrimaryCTA.module.scss';\n\nconst SIZE_CLASS = {\n base: styles.sizeBase,\n small: styles.sizeSmall,\n large: styles.sizeLarge,\n};\n\nconst PRIORITY_STATE_CLASS = {\n A: {\n base: styles.filledBase,\n hover: styles.filledHover,\n pressed: styles.filledPressed,\n disabled: styles.filledDisabled,\n },\n B: {\n base: styles.ghostBase,\n hover: styles.ghostHover,\n pressed: styles.ghostPressed,\n disabled: styles.ghostDisabled,\n },\n};\n\n/**\n * Primary CTA button aligned to Figma spec:\n * - size: base (48px) | small (40px) | large (56px)\n * - priority: A (filled) | B (secondary)\n * - state: base | hover | pressed | disabled\n * - iconPosition: left | right | none (icon color inherits label color)\n */\nconst PrimaryCTA = ({\n label = 'PCTA',\n size = 'base',\n priority = 'A',\n state = 'base',\n iconPosition = 'none',\n icon = null,\n fullWidth = false,\n className = '',\n ...rest\n}) => {\n const sizeClass = SIZE_CLASS[size] || SIZE_CLASS.base;\n const visualClass = PRIORITY_STATE_CLASS[priority]?.[state] || PRIORITY_STATE_CLASS.A.base;\n const hasIcon = iconPosition !== 'none' && !!icon;\n\n const buttonClasses = [styles.button, sizeClass, visualClass, hasIcon && styles.withIcon, fullWidth && styles.fullWidth, className]\n .filter(Boolean)\n .join(' ');\n\n const isDisabled = state === 'disabled';\n\n return (\n <button className={buttonClasses} type='button' disabled={isDisabled} aria-disabled={isDisabled} {...rest}>\n {iconPosition === 'left' && hasIcon ? <span className={styles.icon}>{icon}</span> : null}\n <span className={styles.label}>{label}</span>\n {iconPosition === 'right' && hasIcon ? <span className={styles.icon}>{icon}</span> : null}\n </button>\n );\n};\n\nexport default PrimaryCTA;\n","import styles from './SecondaryCTA.module.scss';\n\nconst SIZE_CLASS = {\n base: styles.sizeBase,\n small: styles.sizeSmall,\n large: styles.sizeLarge,\n};\n\nconst STYLE_MAP = {\n Light: {\n base: styles.lightBase,\n hover: styles.lightHover,\n pressed: styles.lightPressed,\n disabled: styles.lightDisabled,\n },\n Dark: {\n base: styles.darkBase,\n hover: styles.darkHover,\n pressed: styles.darkPressed,\n disabled: styles.darkDisabled,\n },\n};\n\n/**\n * Secondary CTA button (outline/ghost) aligned to Figma spec:\n * - size: base (48px) | small (40px) | large (56px)\n * - bg: Light | Dark (sets contrast treatment)\n * - state: base | hover | pressed | disabled\n */\nconst SecondaryCTA = ({\n label = 'SCTA',\n size = 'base',\n bg = 'Light',\n state = 'base',\n className = '',\n fullWidth = false,\n ...rest\n}) => {\n const sizeClass = SIZE_CLASS[size] || SIZE_CLASS.base;\n const visualClass = STYLE_MAP[bg]?.[state] || STYLE_MAP.Light.base;\n const buttonClasses = [styles.button, sizeClass, visualClass, fullWidth && styles.fullWidth, className]\n .filter(Boolean)\n .join(' ');\n\n const isDisabled = state === 'disabled';\n\n return (\n <button className={buttonClasses} type='button' disabled={isDisabled} aria-disabled={isDisabled} {...rest}>\n <span className={styles.label}>{label}</span>\n </button>\n );\n};\n\nexport default SecondaryCTA;\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 PrimaryCTA from '../PrimaryCTA/PrimaryCTA';\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 <PrimaryCTA\n size='small'\n priority='B'\n state='base'\n className={className}\n style={{ textWrap: 'nowrap' }}\n type='button'\n label={`+ ${children}`}\n {...rest}\n />\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: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 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\n State: {\n AccentHover: '#00437B',\n AccentPressed: '#005AA4',\n GrayHover: '#CDD5DA',\n GrayPressed: '#E6EAEC',\n Disabled: 'var(--tb-palette-TB-Functional-MedGray)',\n },\n \n },\n spacing: {\n 0: '0',\n 1: '4px',\n 2: '8px',\n 3: '12px',\n 4: '16px',\n 5: '24px',\n 6: '32px',\n 7: '40px',\n 8: '48px',\n 9: '60px',\n },\n cta: {\n height: {\n base: '48px',\n small: '40px',\n large: '56px',\n },\n padding: {\n base: '20px',\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":["SIZE_CLASS","base","styles","sizeBase","small","sizeSmall","large","sizeLarge","PRIORITY_STATE_CLASS","A","filledBase","hover","filledHover","pressed","filledPressed","disabled","filledDisabled","B","ghostBase","ghostHover","ghostPressed","ghostDisabled","PrimaryCTA","_ref","_PRIORITY_STATE_CLASS","_ref$label","label","_ref$size","size","_ref$priority","priority","_ref$state","state","_ref$iconPosition","iconPosition","_ref$icon","icon","_ref$fullWidth","fullWidth","_ref$className","className","rest","_objectWithoutPropertiesLoose","_excluded","visualClass","hasIcon","buttonClasses","button","withIcon","filter","Boolean","join","isDisabled","_jsxs","jsxs","_extends","type","children","_jsx","jsx","STYLE_MAP","Light","lightBase","lightHover","lightPressed","lightDisabled","Dark","darkBase","darkHover","darkPressed","darkDisabled","SquareIconButton","color","ThemeProviderClientSide","dynamic","Promise","resolve","then","require","ssr","ThemeContext","createContext","InputField","forwardRef","ref","placeholder","props","_useState","useState","isFocused","hasValue","inputState","setInputState","handleFocus","useCallback","prev","handleBlur","e","target","value","handleChange","labelClassName","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","State","AccentHover","AccentPressed","GrayHover","GrayPressed","Disabled","spacing","cta","height","padding","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","_ref$isCondensed","isCondensed","_ref$children","style","textWrap","_STYLE_MAP$bg","_ref$bg","bg","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","setIsFocused","_useState2","setHasValue","_useState3","length","charCount","setCharCount","theme","clientReady","setClientReady","useEffect","useContext"],"mappings":"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"}
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
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)}
1
+ ._QyFC7{align-items:center;background-color:var(--tb-palette-TB-Brand-Accent);border:0;border-radius:var(--tb-GlobalBrandBorderRadius);box-sizing:border-box;color:var(--tb-palette-TB-Functional-White);cursor:pointer;display:inline-flex;font:var(--tb-typography-SemanticButtonLabelBase-font);gap:0;height:var(--tb-cta-height-base);justify-content:center;min-width:64px;padding:0 var(--tb-cta-padding-base);transition:background-color .12s ease,border-color .12s ease,color .12s ease,width .12s ease}._QyFC7:disabled{cursor:not-allowed;pointer-events:none}._Q-XwQ{gap:4px}._RP0xS{height:var(--tb-cta-height-base)}._GCkHu{height:var(--tb-cta-height-small)}._rmhWl{height:var(--tb-cta-height-large)}._2skHL{line-height:21px;white-space:nowrap}._WeewY{align-items:center;color:currentColor;display:inline-flex;height:20px;justify-content:center;width:20px}._WeewY svg{fill:currentColor;height:100%;width:100%}._fQmYk{background-color:var(--tb-palette-TB-Brand-Accent)}._Twfo7,._fQmYk{border:0;color:var(--tb-palette-TB-Functional-White)}._Twfo7{background-color:var(--tb-palette-State-AccentHover)}._Fy9ZW{background-color:var(--tb-palette-State-AccentPressed);box-shadow:inset 0 0 0 2px var(--tb-palette-State-AccentHover)}._3bAVP,._Fy9ZW{border:0;color:var(--tb-palette-TB-Functional-White)}._3bAVP{background-color:var(--tb-palette-TB-Functional-MedGray)}._vHH46{display:flex;width:100%}._U-0SR{background-color:var(--tb-palette-TB-Functional-White);border:1px solid transparent;color:var(--tb-palette-TB-Brand-Accent)}._dx70d{background-color:var(--tb-palette-State-GrayHover)}._5tFFt,._dx70d{border:0;color:var(--tb-palette-TB-Brand-Accent)}._5tFFt{background-color:var(--tb-palette-State-GrayPressed);box-shadow:inset 0 0 0 2px var(--tb-palette-State-GrayHover)}._ahhcu{background-color:var(--tb-palette-TB-Functional-MedGray);border:0;color:var(--tb-palette-TB-Functional-White)}._03TeW{align-items:center;background:transparent;border-radius:var(--tb-GlobalBrandBorderRadius);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:var(--tb-typography-SemanticButtonLabelBase-font);height:var(--tb-cta-height-base);justify-content:center;min-width:64px;padding:0 var(--tb-cta-padding-base);transition:background-color .12s ease,border-color .12s ease,color .12s ease}._03TeW:disabled{cursor:not-allowed;pointer-events:none}._yhVaM{line-height:21px;white-space:nowrap}._CffiR{height:var(--tb-cta-height-base)}._4v19f{height:var(--tb-cta-height-small)}._C3Yo3{height:var(--tb-cta-height-large)}._IRnfK{display:flex;width:100%}._kiU8H{background:transparent;box-shadow:inset 0 0 0 1px var(--tb-palette-TB-Brand-Gray)}._IuP8c,._kiU8H{border:0;color:var(--tb-palette-TB-Brand-Medium)}._IuP8c{background:var(--tb-palette-State-GrayHover);box-shadow:0 0 0 1px var(--tb-palette-TB-Brand-Gray)}._YzKYj{background:var(--tb-palette-State-GrayPressed);border:0;box-shadow:inset 0 0 0 2px var(--tb-palette-State-GrayHover);color:var(--tb-palette-TB-Brand-Medium)}._JTIq4{box-shadow:0 0 0 1px var(--tb-palette-State-Disabled,#d8d8d8);color:var(--tb-palette-State-Disabled,#d8d8d8)}._JTIq4,._XreCj{background:transparent;border:0}._XreCj{box-shadow:inset 0 0 0 1px var(--tb-palette-TB-Functional-White);color:var(--tb-palette-TB-Functional-White)}._M9gir{background:var(--tb-palette-State-GrayHover);box-shadow:0 0 0 1px var(--tb-palette-TB-Functional-White)}._M9gir,._pRxTU{border:0;color:var(--tb-palette-TB-Brand-Medium)}._pRxTU{background:var(--tb-palette-State-GrayPressed);box-shadow:inset 0 0 0 2px var(--tb-palette-State-GrayHover)}._3qu5V{background:transparent;border:0;box-shadow:0 0 0 1px var(--tb-palette-State-Disabled,#d8d8d8);color:var(--tb-palette-State-Disabled,#d8d8d8)}._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.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.module.scss","SquareIconButton.module.scss","InputField.module.scss","TextArea.module.scss","Tabs.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".button {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: fit-content;\n min-width: 55px;\n height: 48px;\n padding: 0 20px;\n background-color: var(--tb-palette-TB-Brand-Accent);\n border: 0;\n border-radius: var(--tb-GlobalBrandBorderRadius);\n color: white;\n cursor: pointer;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n}\n.button.small {\n height: 40px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.xsmall {\n height: 32px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.primary:hover:not(:disabled) {\n background: linear-gradient(rgba(var(--tb-palette-TB-Functional-Black-RGB), 0.4), rgba(var(--tb-palette-TB-Functional-Black-RGB), 0.4)), var(--tb-palette-TB-Brand-Accent);\n}\n.button.primary:disabled {\n cursor: not-allowed;\n background-color: var(--tb-palette-TB-Functional-MedGray);\n color: white;\n}\n.button.secondary {\n background-color: var(--tb-palette-TB-Functional-White-RGB);\n}\n.button.secondary.defaultColorStroke {\n border: 1px solid var(--tb-palette-TB-Brand-Gray);\n}\n.button.secondary.defaultColorText {\n color: var(--tb-palette-TB-Brand-Medium);\n}\n.button.secondary:hover:not(:disabled) {\n background: linear-gradient(rgba(var(--tb-palette-TB-Brand-Gray-RGB), 0.4), rgba(var(--tb-palette-TB-Brand-Gray-RGB), 0.4)), transparent;\n}\n.button.secondary:disabled {\n cursor: not-allowed;\n background-color: white;\n color: var(--tb-palette-TB-Functional-MedGray);\n border: 1px solid var(--tb-palette-TB-Functional-MedGray);\n}\n.button img {\n filter: invert(1);\n height: 13px;\n}\n.button span {\n display: none;\n}\n@media (min-width: 576px) {\n .button span {\n display: inline-block;\n font-size: 14px;\n white-space: nowrap;\n margin-left: 8px;\n }\n}",".squareIconButton {\n border-radius: 4px;\n border: 1px solid;\n border-color: var(--tb-palette-TB-Functional-MedGray);\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n}",".inputContainer {\n display: flex;\n position: relative;\n width: 100%;\n height: 60px;\n padding: 0 20px;\n align-items: center;\n border: 1px solid var(--TB-Brand-Gray, #8195A2);\n background: var(--TB-Brand-BG-Text, #FFF);\n box-sizing: border-box;\n}\n.inputContainer.focused {\n border-bottom: 4px solid var(--TB-Brand-Gray, #8195A2);\n}\n.inputContainer.disabled {\n background: #E9EDF0;\n}\n.inputContainer.disabled .placeholder {\n color: var(--TB-Brand-DarkGray, #858585);\n}\n\n.input {\n width: 100%;\n height: 100%;\n padding: 12px 0 0 0;\n border: none;\n background: transparent;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n font: var(--tb-typography-SubheaderBase-font);\n}\n.input:focus {\n outline: none;\n}\n.input:disabled {\n cursor: not-allowed;\n}\n.input:not(:placeholder-shown) + .placeholder {\n top: 6px;\n transform: translateY(0);\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n transition: all 0.2s ease-out;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n pointer-events: none;\n font: var(--tb-typography-GothamBaseBook-font);\n}\n.placeholder.floatingPlaceholder {\n top: 6px;\n transform: translateY(0);\n font: var(--tb-typography-GothamXSmallBook-font);\n}",".textAreaContainer {\n display: flex;\n height: 200px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n position: relative;\n border: 1px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n background: var(--tb-palette-TB-Functional-White, #FFFFFF);\n transition: all 0.2s ease-out;\n}\n.textAreaContainer.focused {\n border-bottom: 4px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n}\n.textAreaContainer.disabled {\n background: var(--tb-palette-TB-Functional-LightGray, #E9EDF0);\n border-color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.textarea {\n width: 100%;\n height: calc(100% - 20px);\n border: none;\n background: transparent;\n color: #000;\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--tb-typography-SubheaderBase-font);\n resize: none;\n}\n.textarea:focus {\n outline: none;\n}\n.textarea:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 20px;\n transition: all 0.2s ease-out;\n color: #000;\n pointer-events: none;\n font: var(--tb-typography-SemanticPlaceholder-font);\n}\n\n.floatingPlaceholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.textarea:not(:placeholder-shown) + .placeholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.disabled .placeholder {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.charCounter {\n position: absolute;\n bottom: 5px;\n right: 20px;\n font-size: 12px;\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}",".tabContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.tabTitleContainer {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n position: relative;\n width: 100%;\n padding: 0 16px;\n}\n.tabTitleContainer .tabTitleScrollable {\n display: flex;\n gap: 16px;\n overflow-x: scroll;\n align-items: flex-end;\n width: 100%;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar {\n width: 1px;\n height: 2px;\n margin-top: -1px;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track-piece {\n border: 1px solid transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-thumb {\n background: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n.tabTitleContainer::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background-color: #D8D8D8;\n box-shadow: 0 1px 2px rgba(133, 133, 133, 0.15);\n}\n\n.tabItem {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n cursor: pointer;\n font: var(--tb-typography-GothamBaseBold-font);\n}\n.tabItem.selected {\n color: var(--tb-palette-TB-Functional-Black, #000000);\n}\n.tabItem:not(.selected) {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.tabContent {\n padding: 0 16px;\n}\n\n.selectionBar {\n width: 100%;\n height: 2px;\n background-color: transparent;\n position: relative;\n z-index: 1;\n}\n.selected .selectionBar {\n background-color: var(--tb-palette-TB-Brand-Accent, #0070CD);\n}"]}
1
+ {"version":3,"sources":["PrimaryCTA.module.scss","SecondaryCTA.module.scss","SquareIconButton.module.scss","InputField.module.scss","TextArea.module.scss","Tabs.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".button {\n align-items: center;\n background-color: var(--tb-palette-TB-Brand-Accent);\n border: 0;\n border-radius: var(--tb-GlobalBrandBorderRadius);\n box-sizing: border-box;\n color: var(--tb-palette-TB-Functional-White);\n cursor: pointer;\n display: inline-flex;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n gap: 0;\n height: var(--tb-cta-height-base);\n justify-content: center;\n min-width: 64px;\n padding: 0 var(--tb-cta-padding-base);\n transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, width 120ms ease;\n}\n.button:disabled {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.withIcon {\n gap: 4px;\n}\n\n.sizeBase {\n height: var(--tb-cta-height-base);\n}\n\n.sizeSmall {\n height: var(--tb-cta-height-small);\n}\n\n.sizeLarge {\n height: var(--tb-cta-height-large);\n}\n\n.label {\n line-height: 21px;\n white-space: nowrap;\n}\n\n.icon {\n align-items: center;\n color: currentColor;\n display: inline-flex;\n height: 20px;\n justify-content: center;\n width: 20px;\n}\n.icon svg {\n height: 100%;\n width: 100%;\n fill: currentColor;\n}\n\n.filledBase {\n background-color: var(--tb-palette-TB-Brand-Accent);\n color: var(--tb-palette-TB-Functional-White);\n border: 0;\n}\n\n.filledHover {\n background-color: var(--tb-palette-State-AccentHover);\n color: var(--tb-palette-TB-Functional-White);\n border: 0;\n}\n\n.filledPressed {\n background-color: var(--tb-palette-State-AccentPressed);\n border: 0;\n box-shadow: inset 0 0 0 2px var(--tb-palette-State-AccentHover);\n color: var(--tb-palette-TB-Functional-White);\n}\n\n.filledDisabled {\n background-color: var(--tb-palette-TB-Functional-MedGray);\n color: var(--tb-palette-TB-Functional-White);\n border: 0;\n}\n\n.fullWidth {\n display: flex;\n width: 100%;\n}\n\n.ghostBase {\n background-color: var(--tb-palette-TB-Functional-White);\n color: var(--tb-palette-TB-Brand-Accent);\n border: 1px solid transparent;\n}\n\n.ghostHover {\n background-color: var(--tb-palette-State-GrayHover);\n border: 0;\n color: var(--tb-palette-TB-Brand-Accent);\n}\n\n.ghostPressed {\n background-color: var(--tb-palette-State-GrayPressed);\n border: 0;\n box-shadow: inset 0 0 0 2px var(--tb-palette-State-GrayHover);\n color: var(--tb-palette-TB-Brand-Accent);\n}\n\n.ghostDisabled {\n background-color: var(--tb-palette-TB-Functional-MedGray);\n color: var(--tb-palette-TB-Functional-White);\n border: 0;\n}",".button {\n align-items: center;\n background: transparent;\n border-radius: var(--tb-GlobalBrandBorderRadius);\n box-sizing: border-box;\n color: inherit;\n cursor: pointer;\n display: inline-flex;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n height: var(--tb-cta-height-base);\n justify-content: center;\n min-width: 64px;\n padding: 0 var(--tb-cta-padding-base);\n transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;\n}\n.button:disabled {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.label {\n line-height: 21px;\n white-space: nowrap;\n}\n\n.sizeBase {\n height: var(--tb-cta-height-base);\n}\n\n.sizeSmall {\n height: var(--tb-cta-height-small);\n}\n\n.sizeLarge {\n height: var(--tb-cta-height-large);\n}\n\n.fullWidth {\n display: flex;\n width: 100%;\n}\n\n.lightBase {\n background: transparent;\n border: 0;\n box-shadow: inset 0 0 0 1px var(--tb-palette-TB-Brand-Gray);\n color: var(--tb-palette-TB-Brand-Medium);\n}\n\n.lightHover {\n background: var(--tb-palette-State-GrayHover);\n border: 0;\n box-shadow: 0 0 0 1px var(--tb-palette-TB-Brand-Gray);\n color: var(--tb-palette-TB-Brand-Medium);\n}\n\n.lightPressed {\n background: var(--tb-palette-State-GrayPressed);\n border: 0;\n box-shadow: inset 0 0 0 2px var(--tb-palette-State-GrayHover);\n color: var(--tb-palette-TB-Brand-Medium);\n}\n\n.lightDisabled {\n background: transparent;\n border: 0;\n box-shadow: 0 0 0 1px var(--tb-palette-State-Disabled, #d8d8d8);\n color: var(--tb-palette-State-Disabled, #d8d8d8);\n}\n\n.darkBase {\n background: transparent;\n border: 0;\n box-shadow: inset 0 0 0 1px var(--tb-palette-TB-Functional-White);\n color: var(--tb-palette-TB-Functional-White);\n}\n\n.darkHover {\n background: var(--tb-palette-State-GrayHover);\n border: 0;\n box-shadow: 0 0 0 1px var(--tb-palette-TB-Functional-White);\n color: var(--tb-palette-TB-Brand-Medium);\n}\n\n.darkPressed {\n background: var(--tb-palette-State-GrayPressed);\n border: 0;\n box-shadow: inset 0 0 0 2px var(--tb-palette-State-GrayHover);\n color: var(--tb-palette-TB-Brand-Medium);\n}\n\n.darkDisabled {\n background: transparent;\n border: 0;\n box-shadow: 0 0 0 1px var(--tb-palette-State-Disabled, #d8d8d8);\n color: var(--tb-palette-State-Disabled, #d8d8d8);\n}",".squareIconButton {\n border-radius: 4px;\n border: 1px solid;\n border-color: var(--tb-palette-TB-Functional-MedGray);\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n}",".inputContainer {\n display: flex;\n position: relative;\n width: 100%;\n height: 60px;\n padding: 0 20px;\n align-items: center;\n border: 1px solid var(--TB-Brand-Gray, #8195A2);\n background: var(--TB-Brand-BG-Text, #FFF);\n box-sizing: border-box;\n}\n.inputContainer.focused {\n border-bottom: 4px solid var(--TB-Brand-Gray, #8195A2);\n}\n.inputContainer.disabled {\n background: #E9EDF0;\n}\n.inputContainer.disabled .placeholder {\n color: var(--TB-Brand-DarkGray, #858585);\n}\n\n.input {\n width: 100%;\n height: 100%;\n padding: 12px 0 0 0;\n border: none;\n background: transparent;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n font: var(--tb-typography-SubheaderBase-font);\n}\n.input:focus {\n outline: none;\n}\n.input:disabled {\n cursor: not-allowed;\n}\n.input:not(:placeholder-shown) + .placeholder {\n top: 6px;\n transform: translateY(0);\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n transition: all 0.2s ease-out;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n pointer-events: none;\n font: var(--tb-typography-GothamBaseBook-font);\n}\n.placeholder.floatingPlaceholder {\n top: 6px;\n transform: translateY(0);\n font: var(--tb-typography-GothamXSmallBook-font);\n}",".textAreaContainer {\n display: flex;\n height: 200px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n position: relative;\n border: 1px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n background: var(--tb-palette-TB-Functional-White, #FFFFFF);\n transition: all 0.2s ease-out;\n}\n.textAreaContainer.focused {\n border-bottom: 4px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n}\n.textAreaContainer.disabled {\n background: var(--tb-palette-TB-Functional-LightGray, #E9EDF0);\n border-color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.textarea {\n width: 100%;\n height: calc(100% - 20px);\n border: none;\n background: transparent;\n color: #000;\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--tb-typography-SubheaderBase-font);\n resize: none;\n}\n.textarea:focus {\n outline: none;\n}\n.textarea:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 20px;\n transition: all 0.2s ease-out;\n color: #000;\n pointer-events: none;\n font: var(--tb-typography-SemanticPlaceholder-font);\n}\n\n.floatingPlaceholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.textarea:not(:placeholder-shown) + .placeholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.disabled .placeholder {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.charCounter {\n position: absolute;\n bottom: 5px;\n right: 20px;\n font-size: 12px;\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}",".tabContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.tabTitleContainer {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n position: relative;\n width: 100%;\n padding: 0 16px;\n}\n.tabTitleContainer .tabTitleScrollable {\n display: flex;\n gap: 16px;\n overflow-x: scroll;\n align-items: flex-end;\n width: 100%;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar {\n width: 1px;\n height: 2px;\n margin-top: -1px;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track-piece {\n border: 1px solid transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-thumb {\n background: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n.tabTitleContainer::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background-color: #D8D8D8;\n box-shadow: 0 1px 2px rgba(133, 133, 133, 0.15);\n}\n\n.tabItem {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n cursor: pointer;\n font: var(--tb-typography-GothamBaseBold-font);\n}\n.tabItem.selected {\n color: var(--tb-palette-TB-Functional-Black, #000000);\n}\n.tabItem:not(.selected) {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.tabContent {\n padding: 0 16px;\n}\n\n.selectionBar {\n width: 100%;\n height: 2px;\n background-color: transparent;\n position: relative;\n z-index: 1;\n}\n.selected .selectionBar {\n background-color: var(--tb-palette-TB-Brand-Accent, #0070CD);\n}"]}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("./index-0cd577cd.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;
1
+ var e=require("./index-ef8ca568.js");require("react/jsx-runtime"),require("next/dynamic"),require("react"),exports.FallbackAddButton=e.FallbackAddButton,exports.InputField=e.InputField,exports.PrimaryCTA=e.PrimaryCTA,exports.SecondaryCTA=e.SecondaryCTA,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
package/dist/index.modern.mjs CHANGED
@@ -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-3b76748f.js";import"react/jsx-runtime";import"next/dynamic";import"react";
1
+ export{F as FallbackAddButton,I as InputField,P as PrimaryCTA,S as SecondaryCTA,a as SquareIconButton,c as Tabs,T as TextArea,b as ThemeProvider,d as defaultTheme,u as useTheme}from"./index-782e0472.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.7",
3
+ "version": "1.9.0",
4
4
  "description": "Toll Brothers Design System",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -70,7 +70,7 @@
70
70
  "prettier": "^2.0.4",
71
71
  "rimraf": "^6.0.1",
72
72
  "sass": "^1.56.2",
73
- "semantic-release": "^19.0.5",
73
+ "semantic-release": "25.0.2",
74
74
  "storybook": "^8.1.11",
75
75
  "stylelint": "^16.6.1",
76
76
  "stylelint-config-prettier-scss": "^1.0.0",
package/dist/index-0cd577cd.js DELETED
@@ -1,2 +0,0 @@
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,p=t.SECONDARY_STROKE_VARIANT,y=void 0===p?"defaultColor":p,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[y]||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-9de3f35d.js")})},{ssr:!1}),p=/*#__PURE__*/n.createContext(),y=["placeholder","disabled","className"],v=/*#__PURE__*/n.forwardRef(function(t,a){var r=t.placeholder,l=t.disabled,s=t.className,m=i(t,y),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)"}},spacing:{0:"0",1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"36px",8:"48px",9:"60px"},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],p=n.useState((null==m?void 0:m.length)||0),y=p[0],v=p[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:[y,"/",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:p,children:a}):a},exports._extends=o,exports.defaultTheme=H,exports.useTheme=function(){return n.useContext(p)};
2
- //# sourceMappingURL=index-0cd577cd.js.map
package/dist/index-0cd577cd.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-0cd577cd.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 spacing: {\n 0: '0',\n 1: '4px',\n 2: '8px',\n 3: '12px',\n 4: '16px',\n 5: '24px',\n 6: '32px',\n 7: '36px',\n 8: '48px',\n 9: '60px',\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","spacing","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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"}
package/dist/index-3b76748f.js DELETED
@@ -1,2 +0,0 @@
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"],x={default:d.default,small:d.small,xsmall:d.xsmall},S={defaultColor:d.defaultColorFill},p={defaultColor:d.defaultColorStroke},y={defaultColor:d.defaultColorText},g=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 g=[d.button,x[a],d[o],m&&d.fullWidth,"primary"===o&&[S[l]||S.defaultColor],"secondary"===o&&[p[i]||p.defaultColor],"secondary"===o&&[y[r]||y.defaultColor],s].filter(Boolean).join(" ");/*#__PURE__*/return e("button",c({className:g,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(g,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-622f6b2f.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]),x=m(e=>{d({isFocused:!1,hasValue:""!==e.target.value})},[]),S=m(e=>{d(t=>c({},t,{hasValue:""!==e.target.value}))},[]),p="_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:x,onChange:S,placeholder:" ",disabled:i,ref:a},s)),/*#__PURE__*/e("label",{className:p,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),[x,S]=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),S(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:[x,"/",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)"}},spacing:{0:"0",1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"36px",8:"48px",9:"60px"},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{g 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-3b76748f.js.map
package/dist/index-3b76748f.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-3b76748f.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 spacing: {\n 0: '0',\n 1: '4px',\n 2: '8px',\n 3: '12px',\n 4: '16px',\n 5: '24px',\n 6: '32px',\n 7: '36px',\n 8: '48px',\n 9: '60px',\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","spacing","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius"],"mappings":"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"}