{"_id":"5c-ramon","_rev":"2-0ea11b5b169eeee50e481ffcbdded6dc","name":"5c-ramon","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"5c-ramon","version":"0.0.1","private":false,"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","dependencies":{"@contentful/rich-text-from-markdown":"^15.16.2","@contentful/rich-text-react-renderer":"^15.16.2","@radix-ui/colors":"^0.1.8","@radix-ui/react-accordion":"^1.0.1","@radix-ui/react-alert-dialog":"^1.0.2","@radix-ui/react-avatar":"^1.0.1","@radix-ui/react-checkbox":"^1.0.1","@radix-ui/react-context-menu":"^2.0.1","@radix-ui/react-dialog":"^1.0.2","@radix-ui/react-dropdown-menu":"^2.0.1","@radix-ui/react-hover-card":"^1.0.2","@radix-ui/react-icons":"^1.1.1","@radix-ui/react-label":"^2.0.0","@radix-ui/react-navigation-menu":"^1.1.1","@radix-ui/react-popover":"^1.0.2","@radix-ui/react-progress":"^1.0.1","@radix-ui/react-radio-group":"^1.1.0","@radix-ui/react-scroll-area":"^1.0.2","@radix-ui/react-select":"^1.1.2","@radix-ui/react-separator":"^1.0.1","@radix-ui/react-slider":"^1.1.0","@radix-ui/react-switch":"^1.0.1","@radix-ui/react-tabs":"^1.0.1","@radix-ui/react-toast":"^1.1.2","@radix-ui/react-toggle":"^1.0.1","@radix-ui/react-toggle-group":"^1.0.1","@radix-ui/react-tooltip":"^1.0.2","@react-google-maps/api":"^2.18.1","@rollup/plugin-typescript":"^11.0.0","@splidejs/react-splide":"^0.7.12","@tailwindcss/line-clamp":"^0.4.2","@types/react":"^18.0.28","animejs":"^3.2.1","classnames":"^2.3.2","nanoid":"^4.0.1","react-particles":"^2.9.3","react-scripts":"5.0.1","sass":"^1.57.1","tailwindcss-radix":"^2.6.2","tsparticles":"^2.9.3","tw-elements":"^1.0.0-alpha13","typescript":">=3.7.0","web-vitals":"^2.1.4"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006 public","build-storybook":"npm i next@13.1.1 && storybook build public"},"eslintConfig":{"extends":["react-app","react-app/jest"],"overrides":[{"files":["**/*.stories.*"],"rules":{"import/no-anonymous-default-export":"off"}}]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@rollup/plugin-commonjs":"^24.0.0","@rollup/plugin-terser":"^0.4.0","@rollup/plugin-node-resolve":"^15.0.1","@rollup/plugin-typescript":"^11.0.0","@storybook/addon-actions":"^7.0.0-beta.62","@storybook/addon-essentials":"^7.0.0-beta.62","@storybook/addon-interactions":"^7.0.0-beta.62","@storybook/addon-links":"^7.0.0-beta.62","@storybook/addon-mdx-gfm":"^7.0.0-beta.62","@storybook/node-logger":"^7.0.0-beta.62","@storybook/preset-create-react-app":"^7.0.0-beta.62","@storybook/react":"^7.0.0-beta.62","@storybook/react-webpack5":"^7.0.0-beta.62","babel-plugin-named-exports-order":"^0.0.2","lorem-ipsum":"^2.0.8","postcss":"^8.4.21","prop-types":"^15.8.1","react-instantsearch-hooks-web":"^6.41.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.9.1","rollup-plugin-copy":"^3.4.0","rollup-plugin-dts":"^5.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"^7.0.0-beta.62","tsconfig-paths-webpack-plugin":"^4.0.0","webpack":"^5.75.0"},"peerDependencies":{"next":"13.1.1","react":"^18.2.0","react-dom":"^18.2.0"},"gitHead":"c898fb98ef6413f946221548e363befe4b799ef8","description":"**NOTE: DO NOT MAKE USE OF THE NAME FIELD FROM CONTENTFUL. INSTEAD CREATE REDUNDANT FIELD TITLE. THIS IS DUE TO NAME FIELD CONTAINING EXTRA DATA (SITE NAME)**","_id":"5c-ramon@0.0.1","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-MKX4HquaX3zmHeXHgtCM8fE7C/PdyimqKR5j4CCbvNelnjpGYiSRMYZZa2lTUu/Modp3Y0Nw7EWCicSqhkXnVw==","shasum":"372a50fc6fb2f9699da2b253a60e034db3f05a8d","tarball":"https://registry.npmjs.org/5c-ramon/-/5c-ramon-0.0.1.tgz","fileCount":301,"unpackedSize":7111420,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE6a/o/MRUXnj2jowGiFoAn3T+pB4f2VRmV0VFPW9zHqAiEArIsCzLsw/ZAaWC5tBtIrSLd+uTpBCGZhXqPSExFfi4M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGLrFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp61Q//VXLKXqTiDkkvfI2kEQGtJVn7iFN3zjKYt69+YpNyDIeUOAso\r\n2dxjIf+bb0ggRAxV4LsJV3QGJcwFO2CM/XpN9zzYShaZDjYXvewZe7xPkMZ6\r\nR7xxecnEQYotrNyoHTzTScwswazVQCP9PoX68qI/VxPHoY1AAPpYiqFgSb7+\r\nSSH7dwakG0P+rLzlLTe/RzKb+oAA9eb5s5MW5amENnLJvBIspgOk8dj1S3kl\r\n4NqMo5n6/v3ygWagj1NIcPhtr1ZmzdA37QOPAFDzD2Ijop3cnZk5ggmjsQad\r\ng3LmsRourJ/trtbt31ZAk4ez/q16ZBn3zS4HR7DL/3G5YPVFSm84Vx8Pcgh2\r\nJ3U+BvFktssM5poDSA5odqCBxljqmHDHU1PPdbdmYsIBdcCVS/9VfYPB67LM\r\nToM5YEMeZNPx7aHUySQ2Pau+hNb2OZuS+hBG3GXFx8SuL5dMKeN2GJ2YCIa9\r\nsujIK6SVWtPLst2m/wNYM3H3aocM47kicGRHceENgfRGhTy+/KGUgGT17+Ol\r\nATAQVuZDs1hmTfjDj7jk1CDySJlBWccyO+SwW9mHRfQXtzqIYiXFuzQL+Ye+\r\n8ULkJxzSouyb3gNibCIGghw9K3LQZ1e3Je50JWH1fzVrMCtAZa4kzZD1sbrH\r\n/AyIAap0rfqw7b6+ZqP3N7xa92ThJrP3f4g=\r\n=XvYs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jreidmke","email":"jreidmke@gmail.com"},"directories":{},"maintainers":[{"name":"jreidmke","email":"jreidmke@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/5c-ramon_0.0.1_1679342277346_0.9728953969966576"},"_hasShrinkwrap":false},"0.0.2":{"name":"5c-ramon","version":"0.0.2","private":false,"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","dependencies":{"@contentful/rich-text-from-markdown":"^15.16.2","@contentful/rich-text-react-renderer":"^15.16.2","@radix-ui/colors":"^0.1.8","@radix-ui/react-accordion":"^1.0.1","@radix-ui/react-alert-dialog":"^1.0.2","@radix-ui/react-avatar":"^1.0.1","@radix-ui/react-checkbox":"^1.0.1","@radix-ui/react-context-menu":"^2.0.1","@radix-ui/react-dialog":"^1.0.2","@radix-ui/react-dropdown-menu":"^2.0.1","@radix-ui/react-hover-card":"^1.0.2","@radix-ui/react-icons":"^1.1.1","@radix-ui/react-label":"^2.0.0","@radix-ui/react-navigation-menu":"^1.1.1","@radix-ui/react-popover":"^1.0.2","@radix-ui/react-progress":"^1.0.1","@radix-ui/react-radio-group":"^1.1.0","@radix-ui/react-scroll-area":"^1.0.2","@radix-ui/react-select":"^1.1.2","@radix-ui/react-separator":"^1.0.1","@radix-ui/react-slider":"^1.1.0","@radix-ui/react-switch":"^1.0.1","@radix-ui/react-tabs":"^1.0.1","@radix-ui/react-toast":"^1.1.2","@radix-ui/react-toggle":"^1.0.1","@radix-ui/react-toggle-group":"^1.0.1","@radix-ui/react-tooltip":"^1.0.2","@react-google-maps/api":"^2.18.1","@rollup/plugin-typescript":"^11.0.0","@splidejs/react-splide":"^0.7.12","@tailwindcss/line-clamp":"^0.4.2","@types/react":"^18.0.28","animejs":"^3.2.1","classnames":"^2.3.2","nanoid":"^4.0.1","react-particles":"^2.9.3","react-scripts":"5.0.1","sass":"^1.57.1","tailwindcss-radix":"^2.6.2","tsparticles":"^2.9.3","tw-elements":"^1.0.0-alpha13","typescript":">=3.7.0","web-vitals":"^2.1.4"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006 public","build-storybook":"npm i next@13.1.1 && storybook build public"},"eslintConfig":{"extends":["react-app","react-app/jest"],"overrides":[{"files":["**/*.stories.*"],"rules":{"import/no-anonymous-default-export":"off"}}]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@rollup/plugin-commonjs":"^24.0.0","@rollup/plugin-terser":"^0.4.0","@rollup/plugin-node-resolve":"^15.0.1","@rollup/plugin-typescript":"^11.0.0","@storybook/addon-actions":"^7.0.0-beta.62","@storybook/addon-essentials":"^7.0.0-beta.62","@storybook/addon-interactions":"^7.0.0-beta.62","@storybook/addon-links":"^7.0.0-beta.62","@storybook/addon-mdx-gfm":"^7.0.0-beta.62","@storybook/node-logger":"^7.0.0-beta.62","@storybook/preset-create-react-app":"^7.0.0-beta.62","@storybook/react":"^7.0.0-beta.62","@storybook/react-webpack5":"^7.0.0-beta.62","babel-plugin-named-exports-order":"^0.0.2","lorem-ipsum":"^2.0.8","postcss":"^8.4.21","prop-types":"^15.8.1","react-instantsearch-hooks-web":"^6.41.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.9.1","rollup-plugin-copy":"^3.4.0","rollup-plugin-dts":"^5.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"^7.0.0-beta.62","tsconfig-paths-webpack-plugin":"^4.0.0","webpack":"^5.75.0"},"peerDependencies":{"next":"13.1.1","react":"^18.2.0","react-dom":"^18.2.0"},"gitHead":"c898fb98ef6413f946221548e363befe4b799ef8","description":"**NOTE: DO NOT MAKE USE OF THE NAME FIELD FROM CONTENTFUL. INSTEAD CREATE REDUNDANT FIELD TITLE. THIS IS DUE TO NAME FIELD CONTAINING EXTRA DATA (SITE NAME)**","_id":"5c-ramon@0.0.2","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-V6bldVwoQF3IQgVu7daOTwOgW3OUuoYg0ykqYQNw5fN/xvRyO8JuLfEPBMnki/NqCtu6Q0v2PwTQFmP1my2rHA==","shasum":"4a7827da69ff872c1182a0602f50cd25ba8d54a3","tarball":"https://registry.npmjs.org/5c-ramon/-/5c-ramon-0.0.2.tgz","fileCount":301,"unpackedSize":7111415,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwnclNRkhYV1BEAMPqxsU0yVk5fUOfl97pocMvOrcymwIgVCpfrgWScL/PZaFqQhuHPcOKHpKEIJRIUebEqBWMEb8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGLvwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoi+RAAgsofJvp8zHIBbbXYd95eJ0ElQUNXrgd4Xot6eYjDIwCmpRtX\r\nzGAHLGTB+j7yZj9/OAXcZLVRG2PsvTAtILI/fmIW5vixMmUukB8WHr0kCO/O\r\nhKP2ByHA/g66M+hf+b2K2eJj65yn8qDnHldQSN19UKc0RExMb4CLWALdq0m0\r\nkI5u9ZclBm/CELCpebzxHS3gkHk6u+L3z86H2K9CMlNK1AKKB1hxQJRFkSSb\r\nEztY0Moaq6URNfgonNp+VXYU4S7glaLOpKcmth/mN80aCUNyqQAHsOwP/gas\r\nCQuoFSgebLiJYiiJUGZxbibXbS4/SPpOb4dpyASMEkoUxooMtfEKUMhtROlA\r\nw2Wyyu1NJ7Aa7C4xpvGOjHBYYs7DTm1EhG+nXrZmiVcAlab2E76Fun3zwHsx\r\n2T6sWHtmbytQWR2INVyJ+csmOJOaq8UtrFi1202v62eb2fDkOMnwpjy/rvxo\r\nGxXQWz+dZL8GwLlmm9qeLgMJ7ft6Q4izOE3wIMJNdwYUuW/Jqig6aD0hHJ99\r\nF3guA6zmNWZW+Vl6SDvLADHCwXfeHOGqlWw3iLQo4e38VzCGDLlmuB1CR7Fy\r\nXdOjVDr8+beicQrvOuQUBbizgey8cUAg1VeAIHVOyJyaKNd8I3mkoWUGvQ81\r\nFwsveN2Q2CvwP2pW0rCWl0LxID4vgwDNihI=\r\n=HzL/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jreidmke","email":"jreidmke@gmail.com"},"directories":{},"maintainers":[{"name":"jreidmke","email":"jreidmke@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/5c-ramon_0.0.2_1679342576513_0.8824293197381741"},"_hasShrinkwrap":false},"0.0.3":{"name":"5c-ramon","version":"0.0.3","private":false,"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","dependencies":{"@contentful/rich-text-from-markdown":"^15.16.2","@contentful/rich-text-react-renderer":"^15.16.2","@radix-ui/colors":"^0.1.8","@radix-ui/react-accordion":"^1.0.1","@radix-ui/react-alert-dialog":"^1.0.2","@radix-ui/react-avatar":"^1.0.1","@radix-ui/react-checkbox":"^1.0.1","@radix-ui/react-context-menu":"^2.0.1","@radix-ui/react-dialog":"^1.0.2","@radix-ui/react-dropdown-menu":"^2.0.1","@radix-ui/react-hover-card":"^1.0.2","@radix-ui/react-icons":"^1.1.1","@radix-ui/react-label":"^2.0.0","@radix-ui/react-navigation-menu":"^1.1.1","@radix-ui/react-popover":"^1.0.2","@radix-ui/react-progress":"^1.0.1","@radix-ui/react-radio-group":"^1.1.0","@radix-ui/react-scroll-area":"^1.0.2","@radix-ui/react-select":"^1.1.2","@radix-ui/react-separator":"^1.0.1","@radix-ui/react-slider":"^1.1.0","@radix-ui/react-switch":"^1.0.1","@radix-ui/react-tabs":"^1.0.1","@radix-ui/react-toast":"^1.1.2","@radix-ui/react-toggle":"^1.0.1","@radix-ui/react-toggle-group":"^1.0.1","@radix-ui/react-tooltip":"^1.0.2","@react-google-maps/api":"^2.18.1","@rollup/plugin-typescript":"^11.0.0","@splidejs/react-splide":"^0.7.12","@tailwindcss/line-clamp":"^0.4.2","@types/react":"^18.0.28","animejs":"^3.2.1","classnames":"^2.3.2","nanoid":"^4.0.1","react-particles":"^2.9.3","react-scripts":"5.0.1","sass":"^1.57.1","tailwindcss-radix":"^2.6.2","tsparticles":"^2.9.3","tw-elements":"^1.0.0-alpha13","typescript":">=3.7.0","web-vitals":"^2.1.4"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006 public","build-storybook":"npm i next@13.1.1 && storybook build public"},"eslintConfig":{"extends":["react-app","react-app/jest"],"overrides":[{"files":["**/*.stories.*"],"rules":{"import/no-anonymous-default-export":"off"}}]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@rollup/plugin-commonjs":"^24.0.0","@rollup/plugin-terser":"^0.4.0","@rollup/plugin-node-resolve":"^15.0.1","@rollup/plugin-typescript":"^11.0.0","@storybook/addon-actions":"^7.0.0-beta.62","@storybook/addon-essentials":"^7.0.0-beta.62","@storybook/addon-interactions":"^7.0.0-beta.62","@storybook/addon-links":"^7.0.0-beta.62","@storybook/addon-mdx-gfm":"^7.0.0-beta.62","@storybook/node-logger":"^7.0.0-beta.62","@storybook/preset-create-react-app":"^7.0.0-beta.62","@storybook/react":"^7.0.0-beta.62","@storybook/react-webpack5":"^7.0.0-beta.62","babel-plugin-named-exports-order":"^0.0.2","lorem-ipsum":"^2.0.8","postcss":"^8.4.21","prop-types":"^15.8.1","react-instantsearch-hooks-web":"^6.41.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.9.1","rollup-plugin-copy":"^3.4.0","rollup-plugin-dts":"^5.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"^7.0.0-beta.62","tsconfig-paths-webpack-plugin":"^4.0.0","webpack":"^5.75.0"},"peerDependencies":{"next":"13.1.1","react":"^18.2.0","react-dom":"^18.2.0"},"gitHead":"c898fb98ef6413f946221548e363befe4b799ef8","description":"**NOTE: DO NOT MAKE USE OF THE NAME FIELD FROM CONTENTFUL. INSTEAD CREATE REDUNDANT FIELD TITLE. THIS IS DUE TO NAME FIELD CONTAINING EXTRA DATA (SITE NAME)**","_id":"5c-ramon@0.0.3","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-luBIqL59DRxtC77h7SyzgpvFsDw8fxPjpbpvW++V0Nxwd5ql/eRuI5gOtYQ+vBVUhir3SttvlLf3Rowk8tj04w==","shasum":"34401e00121ac7417501aee5043e367c0ea3ef8a","tarball":"https://registry.npmjs.org/5c-ramon/-/5c-ramon-0.0.3.tgz","fileCount":301,"unpackedSize":7111497,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEClDNi7/PobAGBZury4K11pvixZHXgVl3QujU1lxqmwIhAJhMEvsGmzaR61TNMKmgTquAX8iJkRY7HRMb03ZWQ6ec"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGLzEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKAA//a5nPtrPt4v0E2E+UKfyVnqbLJrwV0y7gyvi5zb3ody4vV7wz\r\nir17m8NRdmAY+SpZWfN199wbQRMlpVaBlKzwjpKgk+A1weMx9yo7T407vLSF\r\nj4WPqUKKGbtMw27iFGn+Lo9MyeXPnk8jCGu/RnAKDwm39A5Z2t1dwT+jWB5K\r\nFZWSzy2r+8of1UGnHlqAkdKc0j8SbmvDVpOKpopuWUk1x7uzRBxMBmsQKkLP\r\nhrYvN5haP8G0cGegy6bx8rRfu7hHpIXQlWYs/YcvF4/TNWOYIJEEKD6fs1mf\r\nX/f1EftfwLxX3+dR/NkNZ/5iCqxwWbqKCNvj5KsmLm2vMh966SMBEGXAp7eD\r\n3u94yuUysgE0rBUwLb6vNXHaxBl8hLp1PVZ7kR65yHQ0aRFpTioR9o3yaUYj\r\nzM27f6+WNC5yK1uB4RWK3K7NIH4D6kMIE6Al29CdRAVAKaPl6yvQ0ZZwj7Mu\r\nfh8ibBSR8heDuqQLrJVpJlkv/SUluLJo8J3hCQQTXDisS/KqJtF+zZc+hIOr\r\nJEM+XuIAGvK9Kt6XBtZWM/JIp0ObMLPB1meVCGrzn06A61+23HRbgv/dcwOk\r\nWZyoGxLgU4PSvFxjp4NLPUmrpTV/uRx5c9q1K9rp4bSI4IpwzMUUkiMLVfna\r\n/mXx/jADSI63Xl2BC/0lMrftodj6b/dK4LE=\r\n=rePR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jreidmke","email":"jreidmke@gmail.com"},"directories":{},"maintainers":[{"name":"jreidmke","email":"jreidmke@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/5c-ramon_0.0.3_1679342787968_0.43567884854337824"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-20T19:57:57.345Z","0.0.1":"2023-03-20T19:57:57.634Z","modified":"2023-03-20T20:06:28.494Z","0.0.2":"2023-03-20T20:02:56.758Z","0.0.3":"2023-03-20T20:06:28.275Z"},"maintainers":[{"name":"jreidmke","email":"jreidmke@gmail.com"}],"description":"**NOTE: DO NOT MAKE USE OF THE NAME FIELD FROM CONTENTFUL. INSTEAD CREATE REDUNDANT FIELD TITLE. THIS IS DUE TO NAME FIELD CONTAINING EXTRA DATA (SITE NAME)**","readme":"# 5c-2023 (Crescendo Collective Contentful Common Components 2023)\n\n**NOTE: DO NOT MAKE USE OF THE NAME FIELD FROM CONTENTFUL. INSTEAD CREATE REDUNDANT FIELD TITLE. THIS IS DUE TO NAME FIELD CONTAINING EXTRA DATA (SITE NAME)**\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm run storybook`\n\nOpens Storybook mode.\\\nOpen [http://localhost:6006](http://localhost:6006) to view it in the browser.\n\nThe page will reload if you make edits.\\\n\n### `npm run build`\n\nBuilds the project\n\n## To install as NPM package\n\nInstall `npm i 5c-2023`\n\nYour `tailwind.config.js` will look like this\n\n```\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n    content: [\n        \"./public/index.html\",\n        \"./src/**/*.{js,jsx,ts,tsx}\",\n        \"./node_modules/tw-elements/dist/js/**/*.js\",\n    ],\n    theme: {\n        extend: {\n            colors: {\n                poolBlue: {\n                    50: \"#81BEFC\",\n                    100: \"#609BDC\",\n                    200: \"#82AFDE\",\n                    300: \"#184E96\",\n                    500: \"#143B62\",\n                },\n                poolGray: {\n                    50: \"#00000029\",\n                    100: \"#00000040\",\n                    500: \"#707071\",\n                },\n            },\n            fontFamily: {\n                \"montserrat-100\": [\"Montserrat-100\"],\n                \"montserrat-200\": [\"Montserrat-200\"],\n                \"montserrat-300\": [\"Montserrat-300\"],\n                \"montserrat-400\": [\"Montserrat-400\"],\n                \"montserrat-500\": [\"Montserrat-500\"],\n                \"montserrat-600\": [\"Montserrat-600\"],\n                \"montserrat-700\": [\"Montserrat-700\"],\n                \"montserrat-800\": [\"Montserrat-800\"],\n                \"montserrat-900\": [\"Montserrat-900\"],\n            },\n        },\n    },\n    plugins: [\n        require(\"tailwindcss-radix\")(),\n        require(\"tw-elements/dist/plugin\"),\n    ],\n    safelist: [\n        {\n            pattern: /(H|flex|space-*|bg|h-|w-|p|p*-|m|mt-*|text|border|)/,\n        },\n    ],\n};\n```\n\nIn your `_app.tsx`, include the following to make use of Tailwind Elements:\n\n```\n\n    useEffect(() => {\n        const use = async () => {\n            (await import(\"tw-elements\")).default;\n        };\n        use();\n    }, []);\n\n```\n\nIn your `styles/globals.css` add `@import \"5c-2023/dist/cjs/styles/index.css\";`\n\n**We're using tailwind extending on this. To use the above color/font properties correctly, refer to this documentation (https://tailwindcss.com/docs/customizing-colors) & (https://tailwindcss.com/docs/font-family#using-custom-values)**\n\nThis repo makes use of [**TailwindCss**](https://tailwindcss.com/), [**TailwindElements**](https://tailwind-elements.com/), [**Radix UI**](https://www.radix-ui.com/docs/primitives/overview/introduction) components and [**Radix Tailwind Plugin**](https://www.npmjs.com/package/tailwindcss-radix).\n\n### Links:\n\n-   TailwindCss (https://www.tailwindcss.com/)\n\n*   Radix UI (https://www.radix-ui.com/docs/primitives/overview/introduction)\n\n-   Radix Tailwind (https://www.npmjs.com/package/tailwindcss-radix)\n-   Tailwind Elements (https://tailwind-elements.com/)\n\n### Stylesheets\n\nThe repo has two stylesheets `index.css` and `stories.css`. The former will be exported as part of the NPM package, the latter will just be used for styling components in **storybook view**. Additional styling can be handled at the global App level (ex: `styles/globals.css` in the SCPEuro application). Use the classnames defined in the repo to target specific components and style.\n","readmeFilename":"README.md"}