{"_id":"@haldi/style-guide","_rev":"58-f27ddf303b36abedbf3e051d09c5e54a","name":"@haldi/style-guide","dist-tags":{"latest":"2.0.9","canary":"2.0.9-alpha.9"},"versions":{"1.1.0":{"name":"@haldi/style-guide","version":"1.1.0","author":{"name":"Matthew Scholta","email":"matthew.scholta@gmail.com","url":"https://www.mattscholta.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"942899b17500286bdacb91e6e4023b4a0f9c2c0b","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.0","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-EbANJNAnxmMbpawHLdUR3di7SHbJzXfy4RlxrpY4lpA8okxXtYpjx5YUX8fqZC0xBALg+bGTXe5h0W7aDy7EQw==","shasum":"1e7bbb9a6e78c081c6407f9bd41f8f18fcc37b17","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.0.tgz","fileCount":39,"unpackedSize":65355,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd1wcCRA9TVsSAnZWagAAMtsP+wW1S/DO/cf/ovXkOut2\nUhKjB/+n9sKbtO4SP3YkoYv73eFeaTGyC3aGC+HzVyqayRcHVxAD9uKtFJPm\nXutwGu6IBHmLOkRJTKezPmNpewwubSuz2M0ANQ8dyNBNajKlB9LM9VJ1MAQz\nfgU9D4TUsnOMOX/ywEUGzXVZ/R9bQVWC51I1NgNS/NXC+51gKhu4w/zs79DB\njr5NwV7IPMBgkHez1Yv35u6ByIhk5S1HTPWr2SAU2y/bIBEb0+m/bvTrzV4A\n9esNZ29BN85mC5wwamcayAJgbZrVdVouhpBiQySGNbdwx4g6l0VQcLuYzb0M\nnkCP6jdlBd5W4hMkBSQDP6zTZsvkKwy+CM8sbD2osZ64SvQxamB5WgkGO/T6\n3K6iUX5g3uWfrkuPv5aheKbC+hoe2dutzVKeAp1S3UNYzS42j2sXuPGTfWPx\nedeyq+NsVMUagGMipK/ur8SwxiUw7YO3SLnWV3Rug8rvqk2uUkzkraeSI8Ta\nkx6W3QKcWFkw+dANhWOCEghz0QH1AIqRhuFBzTaiLtOK+d+uL1GPP1iNTL6x\n9izp0ZTHa990+N2bsfebSSs8VyaCAusygRz2s+nxQjqVYnVtQLa0F9MomEQ/\nXt5yZGd5qZPgUnJ4Lf1TGUco4ygrt/2G1EPAeK1nOESeVpq+EP9ulh0S9kUZ\n/Y4I\r\n=+5Dj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2gwRATb50cX29yMt5Xr+1dWGu2tC17cmm0XL0elfaWQIgLSQaErh/mOsYAVgsUbUK/5F6bHnFkaXY75R/t3DjSM0="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.0_1618435099889_0.7691901076780461"},"_hasShrinkwrap":false},"1.1.1":{"name":"@haldi/style-guide","version":"1.1.1","author":{"name":"Matthew Scholta","email":"matthew.scholta@gmail.com","url":"https://www.mattscholta.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"517057f84346b5f917fb1f4e5aeb800d47a140f6","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.1","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-qx5mtzud4XHOvQdvYoe+YfP5n1GQpLXbKhiu79Ugwf5j6KrOS5n0FUjO4bURdrob+CeJE9vtTdF1FVPFQRvXyQ==","shasum":"53651e5c726fb53a1dc302ebb2178fbb486892c2","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.1.tgz","fileCount":38,"unpackedSize":61845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd2+fCRA9TVsSAnZWagAA6/IP/103zsW2tY/BORBSLzSa\ni5tpF7/qHtscmh40+2heZOQm2r2yq8EvsDantksScIcobI6caP7XCPSMwyTu\nT2MJzNM9scTgL0yrxwdX7rXdsxkxnmpUEPeytZ/W0A6tXpL45mjLwB3s9J8s\n0pqjQ/KNBCHoT4nGgD5glox69LYgNPDQ3g1pfFOu2Pv9Y7gf0aKEITYRChZ8\nbGniXWMskl//p8/vH7VWQ2aLgehFm541uMzRMJlnZZ2vyzY00nYaiBDTajBW\neSUL/ZEtMxahqRkc4tB22TRsYdQDxb9I26GI0fjtZwKLB5kmI792XevOy5Jr\nzD60mc71zxPY7stnJ+ECLaMuQmoU/WpUw7zBsWBDGZ+7h+uWWQd6cZ/tDajY\nYT/9QiGTNoiwBSeLQuNXCSvV6WME5OUwZ0VataQsHl25q7xB5Y7ebUMCi+Tt\niRiMn/+YqB8Y9SMym+hlKW4Fd/U166bGKNWDheGOE0k+dxJaCcAFcBbbOCs7\neo4Iw4WlXlLANBDlCW7ffijQtS+A5wU9uxr7O1V4H80NH3fyrsaaPhkOmqYR\n/mJC36LYJnBRPiuDAVOyCAKkziUEtf4l4Nrh4JfIQSGaJjSf3c6mxl53Lqeg\nZ0DTGBmmILttLmUZ4CNxKzFD18TVBkPcxcEX8uAWzSx0jZh7oVHc68Z72j60\nzce6\r\n=kIPs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAh+Fc/NmWPRMobKNFDhSoUbL5zR8Fjo+LYx590uhNKUAiEAlC6k8dJQGnYvyZ9rovJzn0WDLMF8X3aBe4EWsPe2kdA="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.1_1618440094655_0.2138720660412754"},"_hasShrinkwrap":false},"1.1.2":{"name":"@haldi/style-guide","version":"1.1.2","author":{"name":"Matthew Scholta","email":"matthew.scholta@gmail.com","url":"https://www.mattscholta.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"70ed8d27fecd4d54d019032c78c6d76bc15f1cab","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.2","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-e7JvmxlsCwtDOUnGqPtbJa9LIu7s/ou1AtxNhJe8jQAiCNy3/p2akdqhXsSY4hStn3twnG8AkqVrELgZbjGDpg==","shasum":"23473fd4c90ca0e73b7cbdb55cbdeeac425a680e","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.2.tgz","fileCount":38,"unpackedSize":61133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd32bCRA9TVsSAnZWagAAgyEP/Agj52lT38l90eTjKlZH\nClCXHGi16cOGdrWyh6JbnEd0ttEtJiohQVc+yDs7MhbcaMLiKFokrIFXjo+r\nzUyHxWpUcylj+6/Wr6JUEE66m7EDv8d0xhEJ+LR8kHacRAq09qE7FFQ8TXyh\nlUXycMQ2C/XA3LTBrWgM2U7dvQI4coUvlHV9CRwvUUNxfvVIoEPupLr8cq16\nGrbV/MgCgqmdNEYaz8Ks27UKdhAbEuFPUavmH1KQs2+xWkcYNTNWSJUUYl7Y\nz7khIUk79L44xyVI5xoyurnbf00u82SqhqvJvY7A8znGSEv8j8xsHBhbqf72\nDCW1zuxc5tE5SmzrNjSWa3H0xL4vnoCn4BYtkF6aLz9hjfrxyT2dztLPDv0u\ne8WCznBPMIhkaRpGnR2swD541yJxVEAOYzvR9LSyw8TGxTdvMAWRExm3+rzu\nc6aRoW9g7lT/Dpc87Qoe/3jBSBpqYRs9t0bJrhQpUpPmM3kV9mryJxP4732B\nlfm03WL0d7UT6V8T/w/kN0225v590Uj8QIwnMjAn8mMTkMl8gtINDXP/KlWX\nVXQIJ0roMx1tD4dc50GnWZIqqp4mqO0RjvFWjx+JzLKPR54i6Hb5WIy71Nfn\ncFYTPPCb8hj0VhSMbVO4xHo+CY1L3oZMrjse9BSeb2VYCV1TgBRfZESg6y6m\nWPuq\r\n=iq+6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPMg08Vy9EUlZFy3Z/tVoTLBMJmN3Cm/xxsvBCS2FzCgIhAJGVxqUxPkXTJvyp222P6NfcFS9OI/Ymm3sMc6GH79jV"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.2_1618443674570_0.8772190994608884"},"_hasShrinkwrap":false},"1.1.3":{"name":"@haldi/style-guide","version":"1.1.3","author":{"name":"Matthew Scholta","email":"matthew.scholta@gmail.com","url":"https://www.mattscholta.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"b28a0a0c4267c095f49ad7d37293b16ea5623100","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.3","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-OEvKoHBDQrtUaoDGegtxvLelIx/Oucq5GqcaLUDcwwBq5LKIg5GFSOt+XuG1bS+HzcpELxXKBe86y8qGL7iYlw==","shasum":"1f7df3ca1b1b2cc0c9b9943cb537a92d65b77eb6","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.3.tgz","fileCount":38,"unpackedSize":66462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeJmQCRA9TVsSAnZWagAAlmsP/3odOwGy5lfgyfdqnqys\n2t8SCZ6nFHRVPhJP5YcEpN1eRMAw6rCuPD1vfqOLwTkdhEatGLdh+3s5EN+r\nnoMu64XRpX6cWIwzfD+nMcVmj28Febnk5/97Vhl8fRLUvLCeO1t5+QypkwQD\nS5SLwK7q4EDSwUdRWz7u5lXsQayDda09h/lWNoIKwAkwlh/7TcHBRMsQXI+u\nOwlnX6zICoa5TohUR8rEbT9sd71/ergJ/4W/Sme6rcwDP7kJ3F05uz7NfQVB\nj5lSBqj6nPFfkV/tktnqeMTFB3gGxRRmgmLSye+1pBdteXKLMVPHZtcJvxfv\nN92N6m1b10E/UzxLgImHwaS9cJyNz5YQUB5o5ELVR9oSKw05JKc5xUliur2W\nMCgI+hEIw3EzSwE42v/PwoBZn+5FY0RT0Axgk7Lq1qzFRvDvqfIKKNLjxUf0\nWMsIHHUmTqmGjCzUHx8XwPq8ktKDGhEEIPYRTqH7xihwxmky/ndveL9QAvNA\nZOkP4duIetG5rizOf0+BqJGxc5Wn3rEK85BfATKTW1norgsf1Onkl1cqKFGg\njJGt6qNflhCAb4lCzEUDF/Ibes/Gd2l3tHAe1rLeax/eya3slBdP23Ez8t4Z\nCWd/Esh1CKIs9qX/2wOFBFeYnRcnzI4I8+Lg+OVkPSoSd+AY5VG0uohSesCg\nFBjW\r\n=U7/b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZDxsMqwa1j39zasock9B5eIq2eCPQqK678PkVA/UPlAiAOhMhmbv6B8gnMYxsmyZ0Z3O64FruhraFAj3NkR+RzYg=="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.3_1618516367700_0.27362474276602944"},"_hasShrinkwrap":false},"1.1.4":{"name":"@haldi/style-guide","version":"1.1.4","author":{"name":"Matthew Scholta","email":"matthew.scholta@gmail.com","url":"https://www.mattscholta.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"24cd62589272de996834c763a2ea81890abfbe45","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.4","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-gteAlkh3UYHF00ngCPxK9C7IzTEH94+6V/IpnxpKHfHkQbSL3vHvWLmrnKCpITSNUIy2+WlDM8mO+8DJL7CuVQ==","shasum":"729e504d74a2dd00080d37a95e594fe911f4aeaf","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.4.tgz","fileCount":38,"unpackedSize":66730,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeKBFCRA9TVsSAnZWagAAsMIP/0gjNyiCb0G6X0CFOq7G\nGCyC1jUsq5SW/1J8n4BPqUeVJGcNge87D3fKdgU2kEn1kPbg5V1ZzLdpJUt4\nvdLK/W8/FULCxyzUwM/jyKTEW+6jLSvB29vK3tDiH6Kp7F//WnPAEdzJEKx8\nU5xW3WiNXEcjuCiVeIIAbRz6GkBZriBeW/kFo/XYF+GCBIbSQ2Zdu4Wpz76M\n7gQ5x3+0fbJt/KpocURgJ3No9PyV9q/lXXojG074aY271FNUnYnvER9auZP3\nIKTKQG4CvX3Xe8QacUiiVBOBMwdbTw5u8jfopFLNIv9NRwHYxDxKcoBdEVc2\nqpvNiHvCSupOiRZExmZLEOaasYn99tsRPVaP2XRI3s28OaI4+O15MXU+AOAm\nT0WUkqxdHgyMD2QxQ3O8LflnKtBQJfAWYInylo4NH3wVWCD+NPGDETqH+D7T\nc20AvbTDMH4RqxGrJNRT0H0HDy8igI/j+dkiwbWWzH85xUcMsXpqN8HXw89S\nhr+FIYVYFLxkS+DNOFF1QKy7EGeJgLEPQiLAoG+BDt37nisAGpuPzZcKMV9h\nbSGzlRczH1AnbitzYLoKU4h6wNOyK+Enc3QQbtS6vx6gAGXND1OY/S1IbiqV\nrWpPIKmQBLMON30C66R12kEXMPc8BICtEi6rCscAKhAU6USjcHcBr/4jlR/c\nnvgr\r\n=N65k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFc9BGKdfMzuAWfuXignNR3ywFj9e4KYN53szmeXlntUAiEArZvj49s30sqQ8xURW8BgIIVXZKSs7YYU7mB+50ECSM0="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.4_1618518084818_0.2999704287216969"},"_hasShrinkwrap":false},"1.1.5":{"name":"@haldi/style-guide","version":"1.1.5","author":{"name":"Matthew Scholta","email":"matthew.scholta@gmail.com","url":"https://www.mattscholta.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"941762e83fb395d1193e8a998ba9a860331c587c","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.5","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-H/aGmSSTIQv63+6wVQaQC8q84NzsgBjA2z2bMHtDbQtw7Dz8jclbUTU89J3Z9mSE8aQavxpkKm7GiRZRhGPlMg==","shasum":"8f2d9556aad586a795ab3715b85ff42518d07f49","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.5.tgz","fileCount":41,"unpackedSize":68579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnz33CRA9TVsSAnZWagAAhZ0P/isrMNhNcBm1IQBM2NIf\nEltJXuhhGAl1+oNdaWQUURO/40nGiFy1VW2WTtfkklrmIdrlKseoFzbv12K6\nMOnIWMpbFJBxZHeg8q5X2kG11XHqbmWit5rzmaFIJ/K/l6U7pQVW7YBEU9bj\nRZRBAe78KkluTZDK8+sSh0mYsO7pWIXVbjxmhgCSn9uuvzQUHgfyCFmpfu6V\nLzEycs7ECDxMIfCY8z9hcfi5+k0FT3Jgx/tE3Yyhf3N/PzK1wM2ZohTofria\nPBt5MmKni5EF8I6IQSQyHRRUWa/Qpc9ExCTn+VKxfzj5t68myfyXSSE4UY/D\nNsFVbj/Wna4Umcsss6OVcQRYPpgB6UuZG6+iN1eE9suMJLjPLCjCQ/tcYouC\nFGh2c0I0GhOryNSvUVWTh59mIHbEauMD/Y/bmgq1CBqp/gm+2dd/qGoC4qLs\nmnH4V+on/TkOcmyTlGlLSuC9Z9XPTUotyUeZCZ4J7deBJy6f9MDqz50SPdmb\nG5aEqq6iyPc3TiC7JXEk5R4I6MLhs0l3kBwEth7DjJL8RFqKvRMvW1zSLncz\ncPZ003s+TYhO23AsSx8kwMJmCvCjBKIml2sFeeuaPS7AZmfk/48FcZq5qLKN\nsc+0NNhAyHEgD3pxAhluh+qH8NNxJp0+1mN69TpwlPIcvm0ZnvSRFCpIs8Us\ndWwl\r\n=KLkT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjGCxDfFzQhnrtuREOeJ9dfrYbIb8pUxOXlUsrD7RvpQIhAPyxS53vwhir7vi3ylV7FViunjU2f417RIXMQ9L+exdJ"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.5_1621048822563_0.5471405583065887"},"_hasShrinkwrap":false},"1.1.6-alpha.6":{"name":"@haldi/style-guide","version":"1.1.6-alpha.6","author":{"name":"Matthew Scholta","email":"matthew.scholta@gmail.com","url":"https://www.mattscholta.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"1e1288a0ab69bb06b38c727686c31e4719f48514","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.6-alpha.6","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-d3BLrt0RKoe8ZqytpqM8Sf9PP62GnqZ8mONgKL0MzhiKkQ7Q957fgqhmV6GIpk0VBwNNo3MXW9gZQJrkXqlA6w==","shasum":"c1f8b02e8cf5631e4911261d8508425d71ab5a0f","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.6-alpha.6.tgz","fileCount":41,"unpackedSize":68725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrwehCRA9TVsSAnZWagAA8coQAIErSof2B69RiMmV5GSK\nyED3xFOnXnsrThd07tzbYTVO2/mlhuXLr7EeWZwZdYiHUAoaoOuqZDpHtsgQ\ngwrDfAzigRUBljnsYQPe5SBSehUDZrYcveNXIH10zoCRqiHFikwgiO444pwp\nJLACTjdrEmKQ3B+cMGYExf7MAWZ9HoCcVYHmqT0AAvogUpnREOHSJ2irSHVX\nMj+WuT5fu/TwqB/az4wuLMRDSpOdXIMwB19C7dRBvTXC60aqDkOoYhjLNLR+\n4R0lvZXZ7/wYWre87veZkBBPeRxL4jccFxYUwEBi8tJeIvfQApgVn8sF3rEv\nM2n/hTvu5TWxep7m88RQEL75f+05t08SFYWTSA09hAgzx3dDJdSxE77d2RC3\nt369ywKFLFawZ1UiXRCToO1GozEsCX7eOCKQmT9yaM2IAougQPDtyhvCTuaQ\nj4lHh6lMDrB8ZyOcr19E9jujBOOa9ZxAq4pL4jiI+HKPnkK2xqDmZLR9kC/K\nM+ZTdUnL1j1AAMRfcEySpu3glONWieq8o+lhEJuX5BckltCKBXVTbPyfpWku\nvgQRxeMIQzmyPvqsFVHji36S4ZQpAXLnU0W6tdlX+ZGZ3/KNp47qRYkwv3HH\npiug2aF+2o5RtuEEJ2T6AF3FP3tmRGZkvqUmtyIRx/IUgLmfFuhdJhYxDJaN\n6gXr\r\n=vjfR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA/EAvCOW82H4EQYyI+JNPfE2WklkOwqSbyEMTxr48F/AiBq4dZvXwg44mZSXVQ1jK5gkJZe8+WhnMrI9g3rsYPYDQ=="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.6-alpha.6_1622083489054_0.13210686840023933"},"_hasShrinkwrap":false},"1.1.6":{"name":"@haldi/style-guide","version":"1.1.6","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"0f97252cdd6402d986ddbcd46304ebb96d26eb91","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.6","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-r/U5mj4ZHqfDgB44kTQE/9dzWTXN5kcyHyPYBowCc6z9hqVXdQMT0oolRjekm1A27DiAImZzjn17XF1Sa2Ca1A==","shasum":"e8da4a5f2db5b275cfeb26a5209f26bae823e56d","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.6.tgz","fileCount":41,"unpackedSize":69111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsBrFCRA9TVsSAnZWagAAJd4QAIiOD10lmeHAycv9NkgL\nbJf34ELowJvuEomqvQwsdEle1uYbpUs3oUaNLVagT0J6z/M4mdwWinT7Xnnj\n52MvdmlImSoCYoWaUmf7Vp8A+sX/7taQVdYI5Gd0A2V7IYqZdFNOaMN4Jl7M\neAHFELXnx8uAQPuTD5IBTr+e7alMUUzekIvSw0+DnFyOb65BVAjbZA3OSI4K\np5MIsCFcqsccSoeIlJQ+yAv5iG41LBXwob44ffarPWhoyNI2RBK8HFFBkcqN\nC/LdiYjcm+6e4g3mr83le45/jvX/Xe/9ecoOyldsmWHPFuaXkyLbXviLIn6s\nTvhAjdhR5VKfJ59gj/fJqzI3dmM3sJdcGPCk8E8cUP+CMERZNNm53FflLWBv\ngcXL8IrnGsUXMnoRzF7x/TTRmrEXkcdZek7Jda7C42oYPpSrtxsN89dYbcl+\nKyHAUZLqdzJ+vuLqKbZpRO9N26uOO2SvQZrMF/IrgTg/D4fAyHAhEAdWvEyo\nIFBjtGGQDuFdrCA7ym9D42j2vAmmB13utgR8SjiltIk7xIikUg0Q85T5xitM\nDHUgMXNaYaJlJN+JWx1+GQzc3qeEbXlta3C1D36F6gwUQbjAEvo12+2ZQL4W\nCWyAi9WE3ZrbEq4O2JMKu+Wgl7BaeD+o9Z+rIYneJvf75taO3o99RRuwKsEx\n0qyw\r\n=dBhV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0oHiTCrWAlATdrmUSAp03zsQ2UnxQeBOOatnWk4ChXAIhAMOMpWOINMvobFv+D1log8vFgB2OK14mRTrhO+S17Hq4"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.6_1622153924938_0.017118675206308165"},"_hasShrinkwrap":false},"1.1.7-alpha.4":{"name":"@haldi/style-guide","version":"1.1.7-alpha.4","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"75da3aeaac9d635808718418dc1775a663224136","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.7-alpha.4","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-IPyu/9Sh/kyEPBQThpHjlRKjvGWBtdlA2h5MWWsPUcM8JxKzWoG+7yEstXp1egH94maxkaIDxZrRIf70Y6dUhA==","shasum":"ac3dc162b26f853cb6f34c23a7a6a1599d151544","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.7-alpha.4.tgz","fileCount":41,"unpackedSize":70094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0Sb4CRA9TVsSAnZWagAAt4IP/R2XcixXPrfHP37qk9qm\nFqfc1sIixxFoNO19m9DOlZgRYuvmwiWcRrZy7Pf3OteO464wMM6t/BD6xXPu\nIEp/3Az4pbNwNv0A0dwEqj20kare+bZWoGj1cuB+1X8dfBwUclfb62vNxLm+\nBxQeJc6dPjSP6PfmrDsgL+guKjkSUkyPz8sFK7RZrNL8eoviBBR1yJBKMBmf\n+squjsZRCJqA1SdyGbSafuHSnZFHE+WOJ7HhtG3AWhCH4nHTZ3nP1q6HhZud\nDFkrmcFTgivpddH0o6IJ7tKhss2WpXDb54kVnZeODhPM8ykKsJsKj0uq5PT3\n0JWo+IWMcbrysaWkxAIqka64IdoyTMMpHsJ4G6itb6IjYgqxz+xMAOQWEJdN\nAPn6vHRVPPrfax+vKQ7IzkkTCpYHdOahw8075riX3jzraj4xen5fJM48eb6n\nHko1O3TNQBNGcKpjnlxDb4fuwQW9cAjS521YUAOWs89WbClE6TPAxFlC+TGj\nU7iMcoVnqQlP8zIIUhWD/4AWawORXP8cc3JR4f0lFjCLc8ViJ0X01xc9Zke0\nX0xfvrZ1EoWPrQpnZqMhcWe284SNgGhQZ4J3JwSa2KHgP9pD4v5oCczM/K3M\nk48lhGJ+J+bLuk9cZDnOSFbg/Em5iZAv6+h8vt4+tZXxVU6aYCraG+0D93VL\n1S1Y\r\n=avdx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCquLVwwgcTASSV6zEa8bzhw5jewyIvB6C+Ia7S33ugagIgIKrVxAFn9GDGHlpdsiD1F7ZNQlbd6ZpYFMD5cVj9XBo="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"nikgavalas","email":"nikgavalas@gmail.com"},{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.7-alpha.4_1624319735474_0.8233268698415233"},"_hasShrinkwrap":false},"1.1.7-alpha.7":{"name":"@haldi/style-guide","version":"1.1.7-alpha.7","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"2c8afdfb45214d7ecb3923d23ceb119ed01f0110","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.7-alpha.7","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-QwN6JU5h+eT12ZZe7svp3mmbS4FdLhk9UJJWVYUygobSuRMnlNU6PbLaGf4AptHshjeko9Et+FynY1s3PTLNMg==","shasum":"10b019fa9e6abfacf43b29339ffd94a0cf94abab","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.7-alpha.7.tgz","fileCount":41,"unpackedSize":67454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0YDkCRA9TVsSAnZWagAAde4P/j/9RkXS5NDG6bMiItmB\nwz68eSNCufXvK++AzkIl0M3Sp9CT+TomEPDix/tXX/NYOGvxWVNwcNn3xg+U\ncPVv3uWx7S5dKDRKL+mpzb8zZGh4WdyXkiVBeJT3QoAsezIiSjoGtNPXcu0Q\nNV9D0Ozo9DoduIylWTJssM8jr/uFLJ/XpsW3x7XlN4DyhsJrPx4BQYnPq1W3\ncMTb4K9BTMZPVx9GcBzgWriFg2HGWHKk1k12J6kkPuN/pAd/4Bd0Gx1cJNgL\nem+yYxIySeQ2kXlb1e37Tv7GzHmTqcfbc6Tzrw4ym2zgn0yIkpdxejjxRRKK\nz2zrbvfReV2WaZwYWeHHZMNvhsU5GFSn6tuUvnHcpTci+Vu3VqPbNwxngRxF\nAb5BFdDT2qwzYhWGy4EQFjMdISiI0RsJV3zktMSv1hWiCxB3ra1IYZFyVZx1\nI4QBX55cwwO7fyKUz1ZI5CS/lQtSsP+aCyH1NeO+OnNISyQwz5rl7ZmeCRQu\nbmzQ5hRFmBf5VRm1zMHfs4qwQcSlNnZyczq4zK5QkQ25OSPsYtjp0mAW7EvE\nMeTjeS5fKhLsqBSImPyUWppAAGKsvcUuW2TvrgWmVh5Se2dyzdZTHpSJLuge\nJReLAXD1tmMVROSYM6DKeLvKOUq6KUD/AiyIEPUZsDx/eWRZ0PF/pkWmMZdB\nSLyc\r\n=pqPg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHJu5m8mREX7GD9Ez9fnjkPn4CGq81jUkIZAusSTDR+uAiEAjcp21t+VmwL2Fg9USRh67DoXBW9DAiWxg/aAUsjuFXw="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"nikgavalas","email":"nikgavalas@gmail.com"},{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.7-alpha.7_1624342756076_0.40053208733849277"},"_hasShrinkwrap":false},"1.1.7":{"name":"@haldi/style-guide","version":"1.1.7","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","style guide","css","branding","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"2bddf73484b87ce64d6b13598a4ff581f830d1a8","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.7","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-BXfwvCawtCL1R9wlY+Zisehe8AfbXKOMnjnHa5w5wE8Uuz36s8mBn5W2egBVrkMzTgGPDX4U6EF/EuZTr19DVw==","shasum":"a9357dffb3951422ee8aa8fcec5dff287450048b","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.7.tgz","fileCount":41,"unpackedSize":67438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1BpOCRA9TVsSAnZWagAAMysP/RW6fLYRcZCeVAY3HMxF\nRbYPiI3dq6i8N9bZSLTwT9iSe6gjKAEDInfO1fATz2hPj6K/+AjwLxyzQuO/\n8o234fJxu2m4nzSGy2iLAK0kNsBANgBDbgfBHYc/Hg4etwmgXfHYy/lrpeD1\n8207Us4zg6WGbDUdy2T78jXMkMfHLdhS9Y2J2tcHLNS1fFPswWfRz6ZX8ISy\nOvKrsPeufuMuJY2uBVEFqVt1EZMWXw8ydkuWwhsocI2py4knBjGHcmIAF3Om\nzX0KlJUtEGunOrWflJ7PROH4EgQAAwDbax6pq1JVsvdBxv/X1ovMSWR/GHxx\npuCypMXUKDPHs9upwFt8W745x8U7XUjbQ1bw5pKTVWm0Xu4cufrSLSR7JbIz\nlxuxBYBSxb7Sapfzx0fyRZM6PwQcwhb9j02GMl/2eGn7TJu8HFc1m+eDT75q\nxiNcDG/yUktfblV/3gEEqeVb0wIlicWUriwbPGqNwkBKWS9RX0baa565BXw5\nzzae3BIIzZBIw7bv/Ig5okQXcmC7rFFbXmefAMKjM9jICr8E9KMS60bVnMaf\npc3W2nlAyzkq8wlrJuuNLnZUI5HnA5zuypjZ5Yla+ytVRaJ1ELZf4qgLllZ1\nu81omTRdm8r4m3ZCKz9rmy8bA9T3zQ6kAS6aUvHliufgADYiMI8aFvWCqHPh\nLeyT\r\n=Wk5j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCF0BtxwJXBYgGJ/O3MN+OhfC7k2B+H7rZ/SeLZXoYg2gIhALr524PT7V3O6PHLrBMoEGpL0lo2TT4zgGjfiG5kLmJk"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"nikgavalas","email":"nikgavalas@gmail.com"},{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.7_1624513101487_0.5415809743555833"},"_hasShrinkwrap":false},"1.1.8-alpha.0":{"name":"@haldi/style-guide","version":"1.1.8-alpha.0","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","style guide","tailwind","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"bb4e7646f005d5d64b7808fac55f5b6ba5a21d66","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.8-alpha.0","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-ivlatTF9/1ew3Y8qiZjE60Bg8kOvlERQ/EwdvuJXWFfCVV7tfDdsuityWD/AgebnA18eFQdri4sKEmCjwcaZwA==","shasum":"71595c43ccc1f46caa26fbb5e09ba35233eca7d3","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.8-alpha.0.tgz","fileCount":41,"unpackedSize":67982,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAHLxCRA9TVsSAnZWagAAxX8P/jpfYj4En5I5b03nJrA3\n1B6T8GNsD9Jb+3+1vYct9vU9+CzBm8vG3YlMxrgoG4clsmyjg2iZboMhRvcU\nzKMLuaN8twezZ3Wya30rI28rvArchXw3XvY9hE21BC/DUL7LlVJRF3ph3vGZ\nHi+7tfbpI1IFKw9iEwU5XRgtRBuz1QvobyntNbSiTwhhthL92NLpxnTii6AX\nO0V8ezydfzyzcSwxcURU4D48mvRX7aZYuIZ2jyG1C50h0Ylc05Q/LYWk2Esp\nbiI6S/g2shYK60vZGsBKQ1bKE7xbqKoT2ASxjgwSqeTDASNbxo54rMRnZSH0\no2p3Nl0OtQ1ASp21D5MdDDewfshlBfPWVvC+chjzXIrqJLTHcUGjY/KRsDeQ\n6UJbq7tG899BeJtSxLaByPSqSqt70VokN509OIjKgpttaaW9JIY5sPEzM6x2\nACsbqySk0RzmjgbW5z85cl8zmZJ7XanSWkMFCcjRDg0Hbe6FZlwgSgogP9t2\nuveeuaTXfq9RqQjzggF244dULv9VgbeVcTE4lRszCOwz+gPiViNet8gEOg58\nllfde8jbI/bndAJjWhstZLRHfZCy8FFYjRZ9h/IvV9v7hZfq4ZsIIlPKKtF5\n4TO0LyHZ9M16I/5qMYZ2MCi9YDhuSPBa1ihHWUB11sqiSBtcIFLhVi6N9PoJ\nUK3D\r\n=MYAf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4PGx6lqSftrFFkp4FmRC2zHCfZWIqQg0T9dfZ2HHjPQIhAMUjLnu70arZLTMcbM86FkDTk4/EOeBy0Dzb11I7K8WK"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.8-alpha.0_1627419377550_0.28553126310413046"},"_hasShrinkwrap":false},"1.1.8-alpha.2":{"name":"@haldi/style-guide","version":"1.1.8-alpha.2","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","style guide","tailwind","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"61637ddb8898e5b53fa7128319d46814cf5f4ff0","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.8-alpha.2","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-Fsn/sowHhmmOlRQOaH0UuDVcz0DY0eopPnA1vxhYzIlHglBx2mujeH2DPh91OOvclcGGtyCSPLb3+Je5BeR43g==","shasum":"e2660fc71e28d406c2387526bfd00fdc720f697c","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.8-alpha.2.tgz","fileCount":41,"unpackedSize":67495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAHvfCRA9TVsSAnZWagAA/UoP/REjHKH6YThdOI1KTkto\nC2tQ707Rh7fm5nfgA9zm9lGLu2+FbFjK5QkvmGfdEPsysD+aTqpTbWHPdKN2\n5MSWgVZaHXFpJNH07JTSFCPr+kU8CX4iqDjc19Fa+fI00rzEpBkS3n4aCzwX\nEG5TZAzAAQqtMiRghVQhHsbxZCBEEzDiCiVyUgNBo/7BGivsd5qaAreH1p/X\n5MVDZv92kDY6GDMCczSuEURidaQbMVvIfmMTUYCm0bsL/Nj9B7xKb5MNk291\nZ4Mzmuip+ruFdO/Hvk3c6OadrEOeZjtOcYRUQ3l4EP66IXRxLeSZuungqhtN\n++a47em+z4mERABOAhhdOjlBYZjW6Z6qACzNFo/B2eVh57+roXvfcQ+gA9Y6\nmhxjTR0bd0nOvIMzu13e888cI/O7M2NeyrIahDr7ubEvxOSLN59yAjPR8wzB\nOCSihSGX9B9kXoByihyfo80+bEkdNVbGki7pTmQ0oFj+gb53x3O7TLaNc25i\nP1MpHzXkPVlw5MYlrka6ile0I+JePSRMC5CMXhhAitDNjeoanmsdIB0odzWU\noG4WwuxRnA5URmvYzCMDYvacS/piIhjiTGfwW9beKYt3ldmJQ16iXorqSBET\nERvHchTqr0fT6nKi8c0ZW1UqLrRN597TxdkvkCwyA/z3cHdzKzQPNwDchYRd\noQKO\r\n=wNln\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEUcohSvMQR25v5IvoZ3GB/hLPpquashKs/M3SiyadJ7AiEAuIETUYWNgWD8TvaH7o4CwrXCM5EoZpE5a11VEDsINJk="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.8-alpha.2_1627421663680_0.15999065818564073"},"_hasShrinkwrap":false},"1.1.8-alpha.3":{"name":"@haldi/style-guide","version":"1.1.8-alpha.3","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","style guide","tailwind","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"f2d79b0ef844f87f7ebed51153287fe90db58deb","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.8-alpha.3","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-oocq+J34sSMrfX8InvKSd0ne2DhztFaAlGSMyqaITDdI2AzKD0Q39f7sOYYkzZqqCfW1vF4z96ba73ijmCKAKg==","shasum":"0ffa03ab87431006f6d8f2cca79cbce8f85b591a","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.8-alpha.3.tgz","fileCount":41,"unpackedSize":67000,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEz0vCRA9TVsSAnZWagAAzOIQAI82ypt7XyGfpIXdoctc\nozjLLu+pKCkuRPmVCmieiuKv7D0awLpzGFtgncQgcq0/5/IohXvTxJQ0djvb\nEbdkMx5Bl10/zvSBPIEEqr+X0ydbaCG2BYia2erqoNOFhCuxo/ZGAsxrQuGj\nt4ybZC+QiqQXzckR/BHkhbw/4+hFKRvG321CCPHGa8mAOan7P9opkWVt6NFk\nDY8IgImUBMjBP6c1v8Sz1r5kXr3Ie3oDcBlZ4ZKxPtgIeTfMJnnPNFgidvHy\n3VXyFrcvhyyM/jQk8HqtHdktq5hcO3k/rPHNdFBLxD0qYuJxUqqMv6f96u7y\n0lPnSb+w70pEF/k10G31waMeYRJVQ6l/5bwQdb3oP8wyU+JB+BFTV7C2Imkf\nllFJU/Aez+E0dFsRCmnqTz9bJy+KosmJfZQQISWPt/g7EW11maQKUuWUg3M/\n9jbvl7dz6CnXViabMVPdx/QSi9IHmK5VgAwmKbilLh+d60t5kVH5LTtm7MX1\nqRdGxHOOqvcVYXR/2xl1o3iPDB3gXw5bDV4maL94WyGFoYsXDyDAHgTZ9v8P\nRwK+cDRd8KkGC3LVf091yFqGOoSNPX9Pe3IY7KcgSpVBrjh09phPc4W80PTa\n46U+fSoP2D+zAsfWjl8C6ZOF/JhjUY40F6sGNAr6MzJPUJNj9Uk4OmgSGpEG\nEeXl\r\n=IusX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDt0WKtYv60NuNKbGJtF19Q3TQ/aprqyKUmmEByWUBYJQIgcPI9eG4bdzzKkbBQ4EVmc69J0nNZ2nWwiXDk3ViJb3M="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.8-alpha.3_1628650799294_0.829897058805424"},"_hasShrinkwrap":false},"1.1.8-alpha.4":{"name":"@haldi/style-guide","version":"1.1.8-alpha.4","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"0532adb45946c80059c8c12fdffdc6479fac7715","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.8-alpha.4","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-jWMCAzPw/SZ4l/mcWYAWoe3fm5iNKDpq9dFxE6AxuNRzakFl1tVEjF/9sDBOFMJ7ltaZxA0PLHmL7tOCCSLkUg==","shasum":"12ce2db12a722e13accfe4d620f54b4d6a1dd48d","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.8-alpha.4.tgz","fileCount":41,"unpackedSize":64937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEz8WCRA9TVsSAnZWagAA7FoP/RZ9M0N9Srs8GLPfB95w\ncWo+qJEI/pVLFKWYYl7PqE+6tXLa/F47ucf/UNOQcOXhzSnDUIHytQOuK3+3\nuG0DyQ+pwXcGF1Z8TCbQrs98kMVkIcp4IqkXKKFqptpj0fxaVXVpLy58F9ha\nqnVGdIihxKa0u2M36rHDf/QfN2FhW+kVdkkTDBJhkO03DpnyTdIYlw+m66Df\n2F3pFPpJM8gpBuJ0ADwxPiSa26qdtVENrtcNcI1/EPE/Es5/ilFOhnBgXcNf\nuVBVw2NvbUBFaCg5AspheE4F7CyMspleuL6FzBAAjiZiLvaYhQAvKjPgvdvE\nqv8jbRl7fH+FoP3AthKw+Xvd2o0lL6wu5SvzwnHI//+JDmdipPpoSHBJIgSj\nQN3lIMWHPM/wht1u7ILojZ9ywlBNLarcEwZCaE+2Wgz+UmQbhUuJdKIjYnjl\nTir3Q0Ka54CH3cOorN0wVYIk2kurqcSQNnGljifZT3zZfeNvFipSTlZKQMb/\n2ahALcdKqY715e2qVMMr7+oF5G85vSlP1d+0QDlnW9gR84LYzfTeI87kEVJ7\nUlshb5fa1TD0WuuO2dftAosnelaPZ+RccelAvK384NNEeU1HWPh6pEFFjZ8q\nTADM1y7V6DiKbnTP1HJRHkVObapGWQkm0L1djIWh9gMTevuY5U/PGq7in2ZK\nYN7t\r\n=e4Cn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6Kyp2Y1rx085qDCPhxgQZUUyVG+Lg3h+DCtNHkxoHrwIgJtPhuZ/mIILUTL6NeMaCovdqq0bHibQ936TpJ6MobUs="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.8-alpha.4_1628651285924_0.07343619266912338"},"_hasShrinkwrap":false},"1.1.8-alpha.6":{"name":"@haldi/style-guide","version":"1.1.8-alpha.6","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"168e8b847fe47f046c6224058ee05f120ec431fd","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.8-alpha.6","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-hAKRgrTzeOx0cTe6e+QvQsKeA+9HEq5I2wu3ebfRlcowNWxsedCzSWkRtUEn6DGL0b4HUqKOPmVumQIK8Y8j7w==","shasum":"2a8d43d29dca3057fa61a00430ba4ab47b169417","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.8-alpha.6.tgz","fileCount":41,"unpackedSize":66090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ9ShCRA9TVsSAnZWagAAKq0P/RW9/qTSfwiAEF87glvI\nACwypQzKRbiTate1w8DpVZ9FehHvn/ITYw46exx96lx9wdIyis3yzV7rrFXh\nV6zzklDW3icO+LxchuTafXhAhpJA/gjLVVcmTlrCMLE+hdv0A3l4kNt/zsmx\nReKn/3CMSACPK6Hwz84F1YwCT2gYF3ZTxH7WwOunWI6hATJYY0M7NWaTlLE0\nRQbNhY5AyQIA+cLZhAa4Un3+YAHojpnKtxt9VNd2fofHXkz8zKLdqIjo0Z1p\natNey1EYWd6HBxPc3XkvEoi4A223S7hH5Bv7LYLbXsQTZj50YFOC7UTefukV\nAS14m+cswcbrxOKGiaLkF+m58U1xHtwAdyjoQsZsYRF33FpKwGsRzpGPDsBz\nsE8yEGwMvAGumunhyMB12N0kb7Emf+iGfGReoS5nAMFdwJcvvayMG3Xbwg0C\n8r4qul8nVwWS9VVP7C50m7Ryn/5nqsZhmG3i80eci846Aw97HiDh2NSk1iAf\nafC6rBIzFicyVuFJfjR0ip5Yhi1pRCwOOp+DzLIfnynFpX/jP/WLj99NjCSH\n9omUYwfiulk30HAEzECOzO3b5sCMR4G5n4/wiYwIFsyqcI6VZAClfd89Uo3f\n46n2mLLlCfVJRaK0pHTcwLDsuwDiriWcS3kiXPiMCcFL99YeA66uOJ89AS9e\nVbCv\r\n=qZMT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdao4zagMCnHd8JG456MF+B8tseCWWTPXmipiE7BvwHwIgQbf36qytCd3P5UcGkN6C4+yscv+GrV54n2WkmfFiZkk="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.8-alpha.6_1630000288893_0.7987852092931551"},"_hasShrinkwrap":false},"1.1.8-alpha.7":{"name":"@haldi/style-guide","version":"1.1.8-alpha.7","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"13e3fc21498c4c4e9e64c7f025f22998ebfac22e","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.8-alpha.7","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-22mQGBrJu3dVN+ifJFJac+By+DGTwWzP8Js7YYf/MqDyZ+uBKjg8XU9wSlK8m/HTU3IIk6siFCUEhhixHOohgQ==","shasum":"b50b427062332c4efd614cd70d90bac41e10fb4c","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.8-alpha.7.tgz","fileCount":41,"unpackedSize":66657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKW2SCRA9TVsSAnZWagAARhYQAISvL/OEypnHX3cCKNn9\noPj7Ck/r65NiCboekJqqQUKBzYnZxawVZiUnKr/T2P+2rjEmeDc4MYh0Ga8Y\nxS5Vy4uhY0x0RckZdjHwv4f/g2tqS1W6GsCoroAauaxKb5LoVArQeDFRelA8\nzA818vaLa+n7FoMxtOmpMXB4aIwtUreVH0ZzkBacidvR/4wm2T1O+Ix8jcvZ\nXjJYSUsGCogvN4p9WhYuWPJH916C5k7g3Iypts52wtkr/v7hvmb7ct9FnMQR\na89wJPCTiPyRkbHdIQPBfuA3yr8DypCrapUtDQDLBuQqNSN1SUx67QViIN++\nsY3BCkHh33A6fG6ci/Kf2KtMInhzp8N0wYXyp+SRBbEmyvycu8BPmZSmjgds\nOxy8l7jupbQ1U1B94SkItvpIJ3pyUJC3tqYRu3NdtT0adKvUuXJRsRoe3yvh\nO4Y8zF/CpRIFj2zIGXG4/Bjxj03VyuwZCuwDOUW4c50Zwh75fvJyaDslFlSj\nmNhXWN6U8r3KKk+07afSVBhpxPvCM/2+KkpU3ooolXb2uyqID5fXzyJjfiuf\n9ZSyvuFrLFVgXoA4xcWFbOfNSJIGBed+jYEsKW7Vih2CYSNhXWadc6auGjri\nKu6fc1ZxrJKDYjTwY/MvgRZaJBjQPNKotFMgq66RFnSbrc2GuUFUzyR5/ANZ\n5Z/h\r\n=FDg4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5avBTWAhq2G/otM1MADK3MbgXwebkeNxmqiyIuOagVQIgbhVIE+QlvVexUYpRB4Z8MDD3ZPcQRiRS9IcKoOgFjv8="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.8-alpha.7_1630104977829_0.17244946456067978"},"_hasShrinkwrap":false},"1.1.8-alpha.8":{"name":"@haldi/style-guide","version":"1.1.8-alpha.8","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"26b7d04d99e40e250ee300eec613d0b1f7965fc5","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@1.1.8-alpha.8","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-xMwECtWPqVFDho+4M9Dzb/YI55ej9cDH61SPwV/r9mwnSq1G1jopvvOpFzDoJlOyuETawz17t/CcUKnwpc7lwA==","shasum":"fa669c75b92416376b5043857b6800ae525f965c","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-1.1.8-alpha.8.tgz","fileCount":41,"unpackedSize":67531,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL/AnCRA9TVsSAnZWagAAVmQP/3q3yBInjKwswqXIZB9W\nwMknRdVzZ1aqnPfsXBB716FC2/ncVFjuUHNIjdHeqxYgXPy105k4Yh9viG0p\nE+IzaiD4/cG8ESiXe784vbptVFK+kBCH5ki6doyE37LXtmVGFXs2osiprD/F\nedyMlNyCNeyDLSA/kyY4dGXeFoZdmSMx/+soZWS91U0hI9GYLpUOFrV43Ouw\nzoeyc0G1WyxAMqBEgRONPHHhhRFIlLVNvU+gUW6ZzH49aF/f7UMYo6decxLK\n7mHkdxBdGcpE40RyGZQgzzrxGlbLWD+JfMIGnTM7s8MjdAbhrERzyc+DDNNa\n7PT5I/dw2Oorci2OqbtUeSbZOFfigfqUTxMLyVjtgNl+CWyjtLCrRmxsHpeO\nXM1xp70NmuX6XkUQbu3/SknQeWcco/GKr8bsbTCb230Vqo7DaJgQtbqTsreE\nKvJmpboYRzmWeKen6PHrSHbemj/PkTWedbK11wEyT9U+zu3LqxodRUOYWIQP\nNks3VAVk47GkX+D6Ho8/l+IJTCFuf8HKAizwwTpBptZh3+gAPzb4oFcCYPzV\nCiAkQOtKfEb7I+m2OSFvPxW1ahgu8/wJPPsmU5AFMOiUbReZ3RjD9DDTiuDE\nmAX9BKlmYTDfvQSn/3fYQCMOgEhXFucKyrpFI0HI58i8FAizmCaEnz5KE8ax\nsIr8\r\n=3gbT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF17/5nTLkxq7mNSnxSx/9EWNZ2V+4u+Vbus1iOC2P4VAiA7W2YfkNrimf6LIBoj7E1ae85+VxM9GXsN/u0CbZFVLw=="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_1.1.8-alpha.8_1630531623721_0.5059920581318642"},"_hasShrinkwrap":false},"2.0.1":{"name":"@haldi/style-guide","version":"2.0.1","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":"^26.6.3","rollup":"^2.42.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.30.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"302fedd62b22f338fe2187528582a617717618f2","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.1","_nodeVersion":"14.15.0","_npmVersion":"lerna/4.0.0/node@v14.15.0+x64 (darwin)","dist":{"integrity":"sha512-o6OpHQO47fBms/cNTCibH9Pk9Aat2Xwg82pvaiNqGrJuKQ4+Sjx75egde1Py5hu4V8n3QqujjPCid4CssqVwLg==","shasum":"f3f75038caf9c661efac9b393c327382e6176039","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.1.tgz","fileCount":41,"unpackedSize":62823,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDPgJjaAvN+LSNGRKl7DzbILwBOD0RkDRuhGSH1UYc8ZAiEA/k4KVNVOO0saV4JG0LPodhnBw2bEamcnj+n1uQsC5so="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.1_1635368498419_0.5425145240424001"},"_hasShrinkwrap":false},"2.0.2-alpha.13":{"name":"@haldi/style-guide","version":"2.0.2-alpha.13","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.0","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"dca08eea84f4a15c57be48345cf432f8f611da61","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.2-alpha.13","_nodeVersion":"16.13.0","_npmVersion":"lerna/4.0.0/node@v16.13.0+arm64 (darwin)","dist":{"integrity":"sha512-VaUtnfH3n84iz5OjZ28x3XlEKEr5vJt1umLY2mR9S3uOEG4MI99SgDgbtFPXLdcGOzV7WTVpR2IIpSbj4atjvw==","shasum":"7eddcc92ca0f56003516df3c029f952da2f52cc7","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.2-alpha.13.tgz","fileCount":41,"unpackedSize":63680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhmA03CRA9TVsSAnZWagAATOsP/32x4X5YJn4POwL+ZFHt\npYlJnjlMfdUntBh+pIcYn6uDG6cOkB1STTFEiH6VbRVWlurWigm3aAnKCWTM\nn0mDeOhBklIHIOL04xRmwHA4sSWxZAFVUofi6RHS50kSB9wlP7BH5kJVi8mC\nwncLPFmEBuRbwaA/sfmAMr3PayG2U7ewSK/gwsjvoeyZbs1XwXS2B0U6dapH\n0qynNkdwrfcrzDKaTpRwPmWs3kkaWEEl11NWkIHJd1jxWwckiC3drIiwtRQJ\n2YWHHAefme2//bpWNMSSpcCK32L14mKBa8QkFqoBSLcbJlPC3GhZlm6gu2G1\ndVorlhnvbcvq77jC7x58zIJgY5KAweIVacCiwK0cyiZtlYCDFh/7t74xQLZI\nIoIc/W0VhKSL8XmFHB6xh0mohD7OAwQ1xwHZeLsf7sQuhykGcoAwFlOfvSQp\njWyajWZKTCaL7KbBTT22Au9XE9MKSIQrdnpqrHl3x+jdJkjHrYHktBPifc0P\nii51XHi4XkOwYoU/TmtWUvgpYB3G9RPsWGYQblbT/+obCQ4ToahiT7RUjbgP\nOLtp7OfwP/wlzam3cUyn/U4b8dXLPfXqryef3rE+uT8arfM4kZ3ke6kimcz/\nfm3fuZDt7zRqu63A2AQTvT+7/F2DW7WE1cQJoS3coKE8PhqhX8OIrQmzSlj2\n+cqU\r\n=m8y0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBmkBxgdUlYgTSaY/idaomJfHPXdi78EjWpAzrNAVxUPAiEA//4Bf7DZTkPfuo9E1TfqNwT8bJJSu1xAqOGODAstWu0="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.2-alpha.13_1637354806898_0.24458359878727665"},"_hasShrinkwrap":false},"2.0.2-alpha.0":{"name":"@haldi/style-guide","version":"2.0.2-alpha.0","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.0","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"b1637a10ed6e5fd3a2f07867da1cb4c11d64d9c7","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.2-alpha.0","_nodeVersion":"16.13.0","_npmVersion":"lerna/4.0.0/node@v16.13.0+arm64 (darwin)","dist":{"integrity":"sha512-sZ/1/2ugi0KL6CufLqNjxzy+1whhJsWXlPhmNxoNvv1ZqfUPE/QsCxNiQEsGpMuWQLYxE0USgiyeKpzLrL3h7Q==","shasum":"c148667d811a19459ab25f867843e97e10861c81","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.2-alpha.0.tgz","fileCount":41,"unpackedSize":63679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhmBKOCRA9TVsSAnZWagAAS20P/2NMbA7Tnjs6IlDyhrHD\nEjfitnCur7CRqxxEJGyxVEDB2ttG31enZmra13gqHTmRTGjPMMdeg7ahT2Zc\n386S8gucq++9A0WKBjBaDXe0Y68r7KCK7PgoYrUXiarpdG+PTxSTw2bjK0UT\nNnH1pO2X+3OJWmXnYYT3kufYiwWvBNmalzBA8yNlgcA3DTWi8T6WGVB0T1Aq\nTtz/ZdkUYLI6ZJNvAMKd5hAYBjw4f9hnPdwt9QvliX5qGn78VrYf7twTr/G5\nrQAjnuID3vpiY6LagDv7kArAUwhmQXwXn8uWpHT3sEs5Hp67wdYuNyDOtO6A\nivdLyNNRhK1aYYGaDtHPPpUf4QttkEkUjRXTtT9oCGNRJQj3jmImOz2cvlJx\n43I9sklaxraBaXXTVF6OxVekKy4SEyw15nflZGaZZAwQ5fxBvFAxYGTtPk93\nUVNGP5Gch+H64yQ2AXUEmx3SsuoyJhBZKznlAUHeLf2doC62WQZSIwFES+fO\n1w3GEKoaXmsDo18o6les9lAytUYC+/jD6yzoMut5sOxbVgtd5InjRyQ1fx6X\nA2uDDFprfanBVZY4oKV/tYuI5aEXI+IpBJ2vFrPW36LTuX9nJmWKW1xASJUd\nW7a7tzf+ne+sTa/YF+rlQoJrVJbnUaNq+bS8ydHkwrbvMKCxTKzPrh0BGsKC\nTaX6\r\n=GLLr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjlwIJNw1z+0hEbD+h84+aQzOMFZhd3JyHuhrelG+NdwIhALmKjbIEvBqd1Kj6PJu0VCpkbdAb5FltRNpmm/glZgLh"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.2-alpha.0_1637356174228_0.3217808538672253"},"_hasShrinkwrap":false},"2.0.2-alpha.1":{"name":"@haldi/style-guide","version":"2.0.2-alpha.1","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"0c63ca2e11bb4bc5412ec7e5683b4225f241f6a6","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.2-alpha.1","_nodeVersion":"16.13.0","_npmVersion":"lerna/4.0.0/node@v16.13.0+arm64 (darwin)","dist":{"integrity":"sha512-aicTBUJdeKcYO1uzHk4Fnw+/ku0qXHfp1hBY9okZMs6wSfeF1vMaeD8MjFOdgmj8P1zfWFNoUkIqat2zHj1xnQ==","shasum":"9fb3ad8f56fe2d30e719cf66d059823fe135f7b4","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.2-alpha.1.tgz","fileCount":41,"unpackedSize":63679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm+LZCRA9TVsSAnZWagAAXXEQAKPMFvSpm2PP0HDCpyox\npHgltAOUWL4NPD86Q8oXK5Nz91aOr0PCNJFHYYL5nrRm1EQ+WcVIy0KIRvbI\nLUPV8ChroqpHJMX0bGiOx3BQkSy6rI4Kfve9zB0z6k0S6sDHd5LoWqikMyoR\nQEYEuht3hC47sbHAaV1dBZ8l2YfY/yyW0tj5IDW7bvWD/gZ0QT0DbM7UHBGB\n5tn0ehl15MAxrq74mGHIU+NSpxrRIdlx8bMbn1zK1D0Lrk+PxshyLLpAY/WN\nEr6YuDGbHf7iHr/doX8ihLQSLvG/LVPFz6LiPw3EFgShLCTwpRqJHSX4qIoR\notmY60JPT/aG1sz9RX1shG4m/aX+4Q+9zQovUdE6BKHJ66qBkf4zr1LGLihw\ngWg0DevaJHfnflML/HShkwIORyhvc8qvhPIvWhSfAtdQD1NvLr0awk/uEnF2\necxkrIU3QSdJT034GJxVIURbkZ+4lPOmnBKA/N9s6ZviVBOBrIqaNVLVXbmS\nC0PbBBCjyvQQQRKrM6VAjgJuvi2gdmLq+IllpjzYTSi75a1eHsf80DBaj4rH\nJzN/4U6JnLlzOCjPdXWM2aV+Edrs2MAS7FFZ0Mg28SFIIYVhHHD2i5K3bR2M\nTa0FnO4En00WOnw2P2BJMEl1zYCYbdhNzLM+dmhEl6oNJ1pix6RnzvFyZLkZ\nusmJ\r\n=K9tj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDUH/DVhtp9GupmGj8GlNq6IgajUtbVbuZB8qf4SbYw9AiEA6wwO2GpkYxO+Ga6Z5U/lXFFVujM3wsOSSk1+eLS2HqM="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.2-alpha.1_1637606104926_0.06918765319287168"},"_hasShrinkwrap":false},"2.0.2-alpha.2":{"name":"@haldi/style-guide","version":"2.0.2-alpha.2","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"01748f00eaba476254ddd09bfc5886fc372ddbb1","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.2-alpha.2","_nodeVersion":"16.13.0","_npmVersion":"lerna/4.0.0/node@v16.13.0+arm64 (darwin)","dist":{"integrity":"sha512-My2XdX7eNl/7NMujKPlXJiXaWWLmvoZr6WpPjAf3aWwBeHBJxsrUpoeRC8QKb308xrKLd6NLyh7CRfXqLRze0w==","shasum":"8f8bfc73471e7f0a497a6edeee2280476341455e","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.2-alpha.2.tgz","fileCount":41,"unpackedSize":63633,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm+NQCRA9TVsSAnZWagAALl0P/1Hk4NG6SeIsCynaLBxf\nmP3STtXP8PtetLqX38n3eH0pEN5v5+ddSf1nOvy5oQJoUgzerM9IqN7229BY\nMrjYBfPUsqf4uxpVrVjLVRHsOcYnWfDw6uA8N1RHhCnKFVs2VSw4oakn3zT4\nE1xlTYFgFM3L715dCCpTfTz7GuuTOSNnDsrB9UScx4yvsyirNipt8uwQGhdC\n6Z1AVbyXmSvEUMltZs2L0FY7tYMIgQsV1AW8eXV4cvd+Jwi6kJkBo4rzAm/0\n1vP7N0YDUMkoBKpQX7ypXSlSJLDgfpiZJPYMLco5m94b5Y+K0z9YES8ivBGe\npss0aou+KGlwi9KUu1oqDR396IT5Npz0nPGrcmHFwL0z+m0CRg9sRT/EpJ2x\nN7DuHRboVT9EvVMmd7XrlSjzz83fhgKVoNCcZIJmHy16+6qgm5mEy4J+TaVf\nazo3TV3Z1v+XLYArL9CkjZJgLzGSlKNcsoXQ9pgNFRH788gz6hTsDlz3gmHG\nVkqgaxht+MflF/WSunYIvHkVjY+uWF3gLfIOHs0A6YMQDJ5uSGXQqbQOz8rO\nb+JdsV1zvifcHdImCD2W77nxRoqJh4CoAgTS/vhzic9l1o5a4hDdxFFMNN+P\n6iOWVZioUtIPneufAoW3CH17dz3Kp+evxqRSOS4hmpkdfleDqDb2MGatcT8x\nQHRe\r\n=qNXR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBVPPnADoJDEuKwLxUo3saRHksbCOGgzB4VS72tkLpd5AiEAk4LD7S/4fLn5N/1c6cHDzt0k8aXmuXHoAG1zB/YqiR8="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.2-alpha.2_1637606224057_0.3394831391637829"},"_hasShrinkwrap":false},"2.0.2-alpha.3":{"name":"@haldi/style-guide","version":"2.0.2-alpha.3","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"0b720001778f8d09f70172b2de85b2fb1a947127","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.2-alpha.3","_nodeVersion":"16.13.0","_npmVersion":"lerna/4.0.0/node@v16.13.0+arm64 (darwin)","dist":{"integrity":"sha512-HHbMhu1wJPCToms/dKKsZ0GkHdqFcS+IRBg4CZzOcWL5/Rel1926ZoFL5gEaAQR8kU/Vm1h5RzZVq4vihuqklw==","shasum":"9fc72a20fa914242415db881d1b1e7835b1a69bf","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.2-alpha.3.tgz","fileCount":41,"unpackedSize":63651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm+N8CRA9TVsSAnZWagAAY1AP/13U4o+Sqij8UGqiAtKu\nVgLEn8Z1dXV/PUhb1id1KhPmXV5vSteiEPtxPiVpmc2+wXXwQus2GySyMlAM\nx9Kz90z9NcyiU8oq9uxLmkOL92In8w/Xo+loKrMQoNDNOhOfK68uRDjAekbt\nKWfEq17S7zf1Ufec9HvpShBX3z8GjRHkRTAOe8cixsZdIxOwcyRwa4mviZwc\nOl1zIvfmAz20GCAZoBG8mi7QP/xetvK5fcpgMlLpXQV1RZAbL4fFZNkoJMMZ\nl5xoSgqnB6xbCOYT154h3DtDjzc+J5+Cd/+m7+2Z5gJAEtidDROLGAGdYDXK\nxDMB0LVkPZu+JmmKIwpJfAG9PlyhTvNDQMwEWL4UDC48CW9BwGKcvkI20D4I\ntKubmMlEmZZeEteP13ObbweEXIiBTafQ9nIxX+HG9fIbZz+9Z/DPWT6GwnlZ\n1AL5m4jl3JQGaofBgjhqF6LT8ShXN7ccOieyMw23iwCU0usLoXgQlcwqleFA\n3OPFNEcgxkTKVtmo0XzR7CVOP9nJ/8Qd9Yv7MnRBfvhiZsuFcTak82NuQQmx\nRmVk+vHhuRcYp4gm7RrugcSX1u6qMPrhPewCyDnVjn7m5o/d79vXfcFjJ2Oj\nllfNy/qTsVd0bdnqjrhySTf14dk0MDuHnJz/aCFHB2JBsXWdtUyOAHf1OwuQ\nH2dQ\r\n=J3DG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7YZnYHhGTA5tf8KK1zT3uiX9I1sAiGaByrXjV5mc/DgIge/AfTPglihrZn8Jt0xcWm67hXS+AGhpwROP7oQorn5Y="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.2-alpha.3_1637606268300_0.016865483595566166"},"_hasShrinkwrap":false},"2.0.2":{"name":"@haldi/style-guide","version":"2.0.2","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"bd41491dc99bfccc4cf4d3d1d49a717d224b82a9","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.2","_nodeVersion":"16.13.0","_npmVersion":"lerna/4.0.0/node@v16.13.0+arm64 (darwin)","dist":{"integrity":"sha512-zTWdQf+M3vZ+en0oRdgBWSFhlfV+hgGReiuBC3lGkxPCdFGbvi0ecZHbtewXAAIEYXrnVGopsoCGO57caJ3Kqg==","shasum":"158fc499032f75e7674272c446b645c4e6705215","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.2.tgz","fileCount":41,"unpackedSize":63635,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnR39CRA9TVsSAnZWagAALNkP/A5kZgh4VXvRDfKuTi0i\nbZk0HfA0Qnb29V6tQAnaxV4ny1CFr0P6bw8uuB21RFeDs0JQQl/Ob+vqlf3f\npZUps8fE2sA8F+2wOC3R0V5PpD0F1sV76trYQiMI9//nWOiQzd6pxYJv3Ei/\n9ZfmyZypmFGl/HBfuuZuiXh2f4vIsQt6m7rmHRWFAU6hT68FKDxBrvOj9KnS\nj43uFX8m2IezGudYJqzoxFp1YyxYV8hvcDTyoG0D6lWzb6Tj2YuvmVlK+lTb\nnPkoLwnXcdEMZ2HcX6dnfSgqY3X0nIfzyznSgP+YgEL/8W9g+S5ISZIRNJRK\nP8Ly22z+U2eCnjt2pNMTbDgw3IPjeYJvuvDBLoBjg9DEtGLmlnDqOQBo6Lfn\noCtDzELEiW1RfmpBwS41gJlK8cA++vh9UAhv3nEpuwHgrZehwIqqel8s6/ZK\nYXeHq4X8BHmmXbWbXo2vwyvAx3Htek/+HOD7nwiSQx+R8N8N9eCxq9gG7MaB\nY3AhaIztei6fqLTQn8LtOiehyo1bhRChygThcmXkCLDxYIQ0UQJS0+ZF0jm2\n0gJ5iUG3D+gn6W6HggrDYIPGimn7EkQ2rU7wj9yr4QU0fnYc4gLceaWWRrML\nXQ+oDk7L3JUkz1fH8RTzHWZF/8Nh8o4OhCdICbJWfoHmHqfuGyK7Y/9Dpqc3\nhq9E\r\n=BMBS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1UT5QXGd6eZwZ8QWVn3NehJdhu81C+U7ElE70hWJKTwIgR/Oe6ueVhaqWU5Py3s7do5mmcbHlJeutyQaiiDS62/g="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.2_1637686781186_0.6941795921082239"},"_hasShrinkwrap":false},"2.0.3-alpha.4":{"name":"@haldi/style-guide","version":"2.0.3-alpha.4","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"a537e34ba71339243edbdcde3945578f33890693","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.4","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-r1Hmam5QN+D5rKWOGWQaEQoiGjY4AVq6W2BpsDK29GWr/MZHplW/+nFs/pDOFcaIJB9oldkPbx0Zg/24v+1mhQ==","shasum":"b2d36e54a53939a5167057e45486515d2a5dd7f6","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.4.tgz","fileCount":41,"unpackedSize":64356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOhHNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK3BAAoIaS6placH0Okx4kOZna68u3aHg5dkdIfv1fe9nUrR6Ezw2P\r\nZLIlebzHOiWZ2a+FW6oDo8a7IFoi6c14EAR0PpQ/EuKTWwKFdHIzaUN3cq+H\r\ndaGIR/4ADOgYhiLAZO0qvudcVNDGbwUYaOvInrIJ1zG4moiWSwt/0vLv0f2D\r\n5U8yQzG8iPlyW8AZVeYjjhytvR9olJwdJiiy+FgfRJMFHuj3/G3NQgagiOTh\r\nWIHUsUDaJzGaE1ZYxQ3olyK5s1Ypmto0a/t8TMukVciRyljO9XQUfh0qNNcX\r\nQ7h5D9Rmg9bYfgyRwwTg1yYe1+EkiRrsD4TWhi0Rwti+ZrEaMeJKVRuOUyHk\r\no/lWyRl6zznX2MlAye+Kaolijbo1PbgDl5b/Am4VQKv7vVgLCOU7M+bUHVBJ\r\nEsVxrzoxpKvssXGUHzyiVkKNXz497obbwOO7YiBWC73lpGoEbkoa25mEnaIG\r\n7c9cehJRyFmUq3l1wN4n5evnYk4BJbwvi8RePjUeUCaEa9IubQrrkz1RvzbU\r\nhfnYNaddlka5qDOMS64l6NC0FjdDq5MjZ3aBF74KyvX05Eps60yjcN4hz7fJ\r\nBBGwvt128BfCwWM9M7jcYCJzcTUO+k0LUEgZ8t6JzHmXHXIdsjQ2SbajXlih\r\nQ4dbeErIfy1ASd5Zp79H7cxWCWNdUHO+TEA=\r\n=3z7w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB37ERiZNmZRzL7CIbBC1CBvHAxdkcSsz66p+jBPvdAFAiApcCwtAfE6E8JcVZzlrAhGOC/xl2ej7Onsg5kaQVdG+w=="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.4_1647972813274_0.6586631314944114"},"_hasShrinkwrap":false},"2.0.3-alpha.5":{"name":"@haldi/style-guide","version":"2.0.3-alpha.5","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"985c374e9bd96f69ca8f1b08ce46b06eff8cfa9c","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.5","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-5zUcAPspQj/bzuybuiwhq/kKD/AMAzfiePYOpIEDoioLEXQJBJi0dwgjz8y2Dvz+KbSOEnvYvbnHM1LSHIvwKA==","shasum":"3b2b0984066db77676524dee1626557538d31834","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.5.tgz","fileCount":41,"unpackedSize":64745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOhOFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQ6A//ZfTc3jvtkCOdbrEcLwRkigWexGgkK9YzFp/pey3wrX9Tvzj4\r\n6APQ0Q/Hx79ZNHjK4hELJhd3mJxARxsFJDGEBKJuEkYbTv8ZyyVohvVGCZMw\r\nOIJ9cFjLfRar0LceZv/Yght5GIP00il+xzLYPNXnsMsvnnNFqxK/VEiWxpvn\r\nu9OjtaEaVv5UTtUarKd0n2NIyWW0GuyinO1OqmWNNSTrs+uDlfsF9Mzsaurq\r\nIJbnqAvDmfynaZgvfaFY6pF51Djh8inzDp8/Hon3X2kUoCnplz2K02Ck39jl\r\n7bRM9bhJFuVECfyNMEZPwcKHBwabdWYsXrcqe3X7jaA4vBz2MGA3UfIwIq9d\r\n/3F4xsxeNaTF/rLDXgR9eG8igKd13+240/zRbTYImlc7PFW+aqFxJGyJUR3l\r\nNueorBGQ55VlErNPzd91K0xRCggYhH+E7LkeqgPbOMlF9btEqA9GWN2banhO\r\nUTPTNdKImqJ5sf8yO5sIZNFkemkPk7mma2BIGre8AS/4YrFFx7Ad+rKE1yGn\r\n31qFlbZ/vIAhYaQ8bUjRQ68sUMUfRBf+YtyLf5F/Eofowe4EA096/UhzAh3F\r\nSnwHne+An2zxVp0TbAzrXcaY2OQuAGrIgt4DfDXLmUKFdbICMbEpCA7ezDxm\r\namu13BKiWfL96SH+rWu9QWc+GPYRKT9EYhg=\r\n=TRKI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDk1MKQGJTEpFRp/Z0TW/Q/gUvHp/UoGoDJe4R2i11cxAiEAi6daPqnBm9CLUEmh4ckZql7B4XIr9L/ell2KIznv/PE="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.5_1647973252902_0.7363752546045033"},"_hasShrinkwrap":false},"2.0.3-alpha.6":{"name":"@haldi/style-guide","version":"2.0.3-alpha.6","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"afa7b861797efa17b2e0918a2c9e041104331dd7","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.6","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-yqE2ZgyaAQMb//JQUa7zaaLBCUhKuPzJhPyIEaTA0kq6KPg7dKOtMQ8ADmlCV642x8QcDZ+dTFqgyzp1jO0YMg==","shasum":"c39ad2349d3012379c00ffc05e91388e54e5e313","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.6.tgz","fileCount":41,"unpackedSize":63847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOhafACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokWhAAhzO1SKOQ6kARvPvBIVGeUT37OYLhDyBXo5t8MkEc1e0IoaBn\r\nqsgswgDhbH8ImNZiF1Td78s1nO/8kvf1oUWZxl7JfAPkYowW58MNG3Ag5SAU\r\nMZN8VDKY5A9yHUnwUzHgyuRlcFME4vS14ajXn5Ipq+zptywXdhkp0VaN/dAV\r\nUhvivf65wNAzJUGvbwQV8teuFsMVX2Q0lHhCBz1Z78jJbURduFoQW8cH77CA\r\nt3chVpFsLTER9HT6FRF6XiEJwAmhPQXxmAR1cfKbACadZKCVqhI+SYrPMJtm\r\nEskbAVrO75NM/XTnyMKd1IiUUxk+I14J2iFe5EKPf9QoiCoe7pAIKuaIow3L\r\ntg4MgZsPOOJW8jITUNLcgGrU+1dEzvG/qG4an760p8/msWboNipnOqqEZmob\r\nTXGNLmGF+M6Wz2h4DhXI41+8u0soy/1QkMSsetdWPquy7j/Ts0kEYwCZiNOS\r\n2ITPjqe2p4jckAOiN3cXb26QMvk/mHGXXkTcj2TIC8UHfib+dEHsiUGZcCOp\r\naj45FmP5g435SmiCwOK95sUI/H52cc6PtfLyZyRvpO8cdcyNTCsTGTr8Z5dI\r\njO1ele9iI7el6TSQBg3lK3YyZqZpaDrYsFJRIQjv5qmZ4fv9Q5PMKt0wpwvl\r\ng7L5UouTtj3IagbgV7e8YTNXrtxj/3IMg1w=\r\n=58Sh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhjuJdLPHDQnG9Y9+A3HTxpVeDPCsPNptAACSHYyFoIAIgVBueLCvJnNcy2aoC574jCghTgQTsAy+aV0K6fjLMPTw="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.6_1647974047619_0.01990868419528291"},"_hasShrinkwrap":false},"2.0.3-alpha.7":{"name":"@haldi/style-guide","version":"2.0.3-alpha.7","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"7c226746f525409b118c0489200f0a57107204af","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.7","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-f5kp0Gt64VoP1BZ0Uzuci95eJsSfDU5rV23ewlh3QxieT1Fce5aCLDghTxd+qT5MWssmNtwJfNDmI04E/3t6QQ==","shasum":"ba0e1980dcafe07cc3d768dcd8f63303f1da40ce","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.7.tgz","fileCount":41,"unpackedSize":63982,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOhinACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrzQ/9EQ1X+L/fNsstGXUToCghDcT40GyAU8Fmzap0lbCeK3nIx4fc\r\nPeqxfi02AUV7U4vXXXIWO/g+Y2I7Otyh15YFsX444el+kTeFPAfjwSWvAyzF\r\nO+TYH73Li26fsFr66cW/sSnC9F4wany7Y3GBs1TEsn6xv5IiccSU3JHEawqV\r\nNlyMEj3M9Hd+5RG+44kv6szZQLVOsJjjJtvyxQFgO/K2s45BRz4Bw43YBGnG\r\nb5APyPsBW8qiQ3JGFDGz6RlNSYEVJQY6UTNYDMDDnWIL5aaY56vMSwyebSbK\r\nm3olc7V4gPaeIC4aOrAhgahdL+NIlBJ42Xv7dyrTSiWpmADk1SbU6IYaCWE0\r\nY/CCnLUjBfJWVhvbvepA2YlHbknpSBmlzlBJAD1laWJuATAHq/CxiNpCTpgf\r\ncN9aK8TltyDzZNXRTmPy/0KM05VHjK4jIeU924MwbJVCZBPu0A5LnXvxZ5aL\r\nFJ9B6xD19LAUEst5qkOXT8frOscEVC30ZD72FCdS5aDL8WVb+BlRkgJ0qo5Q\r\nyDOoAo06/fxPZgt5AYFeNeBYOZht4RUJQ+AX75ISs5Hb7bxI0gWie1pMq7Ex\r\n71j8oPyLlX9IvY6FXjd79rpInkuqZlo20MqSlGzvPorHVMt0Szt/4W0Xflr3\r\nwbE9kFvoGLcNgkhydU331ElgPAnO6vkti4s=\r\n=9TaQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6jEm1ZZJ5HduGNYocN7uPFvu9kX8b/kpUh65G4ngPTwIhAJOK1b8HLL8/Gauj+xW/i88Zg5fc3OibqlVs89xumgXl"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.7_1647974567568_0.002381554825126919"},"_hasShrinkwrap":false},"2.0.3-alpha.8":{"name":"@haldi/style-guide","version":"2.0.3-alpha.8","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"1d0da90f147e98f0dce6260fb952f05f1f4cc6c3","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.8","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-stoC1PYYu2pVE4vPjyK/IFbQQYjmeFGgcorfZj5aXbmI3WLkksC0LtwEpnJ2cqhUJAJQH9TTFk8wobF8sJk+Cw==","shasum":"4126648bf0e4fdc29843c882df5baf95faa68cd8","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.8.tgz","fileCount":41,"unpackedSize":65102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOh3FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4vRAAjUD52TDa1AYVTb/BwohAjnSF4CLNCWkZvMUSPHNZO6eHX1cC\r\nABAfB5CopMmngktifbHvndP87LaEhyh5SJAxQyWFPjk7NjglG7O6yupQ1rkZ\r\nBow1FQMehhrWbkb3Wa1KKq3wALc1LxpnJj4EvdHfmtd4XZa4QWl0/yjqDJOI\r\nGHmm+DfRFEkc0v3i0KnrhEOeUTAYMTmV2wLlZFAdVfjETwaZI1Sv8bCsnOMR\r\nF4+VFTnPTDf1A5OOAafQUxeff3gsM/kzCL7epDAP4ZPl+X7qIHP63aKiYp8Z\r\n+Ay8GRIEJpS8IB3LlWxuGA3BhisFD545U4i+YDZXq/prb38eaJIgoBMPi+5r\r\nWbd82kszGcblob9OvudjMkErUwnHkH0mI2hBWEk/ci5ZBXvhbAH+4NNWGXFI\r\nrkq8xKMcjDifxJkfA3YtrZ6zy/Q0zoxjf2ceCd8cDHOkokIEV42cY8ypkg78\r\nO3sFLoMjcWqacmqMvVX3aoI/1BBDsjpGOYIpFZQyUxF8HkRz5PvayxANoz3c\r\n9kUv0TDohD08NDJwzSret3WpvPPeKE+XQnafdUERZPuONX5Yc4MTRBB9nsWl\r\nVJGx5YmAu1aO8DOLnKH+oE5VYmN38Uf5gkFJ27Sg625ZsO6bf7G65yBQvyrI\r\nnVxEO+K9LMpw60HVA9gBXau0/MVpRs1UO8E=\r\n=AGt1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFe+cVG2ZeTYbPZjTLUsqLLUq2p91FRR0cQCSXk45LjuAiBxDk3b2LR35tbCqslwmQMaA4qw8Pb2mBGLHY+0MKFmsw=="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.8_1647975877257_0.8575552136039517"},"_hasShrinkwrap":false},"2.0.3-alpha.9":{"name":"@haldi/style-guide","version":"2.0.3-alpha.9","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"c9a4f0ec2ff047c4db2de6ff90d5ddeb2e9c712d","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.9","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-XZr/DqtF0yJ83hY9hfuXhe7nhBcEEq52psCDzdma/IUFO9sHKPnTIbKxqzHqhH7ceHWDmj95LX1MCkNfOJOkYA==","shasum":"2789cac8370ef7a7b9519fb7f35fb77769907c62","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.9.tgz","fileCount":41,"unpackedSize":64215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOh6qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIihAAotupADda1xsb2oc9+d+dFAxua4C3ciip8mIN9o5t2fvdwSrK\r\n1Bb3KliBcKo4flQh3TuJBYuATrnWwyRIuossaBgHaqlPIe8B7HCTD01GmIbc\r\nx235i5nk06tLDsDGSu8VwjpsFZJ7rsErInkp1QngKOHJf+RBs0SKXg7m8uap\r\nZcc+Y2sjbGE344qWKwo/ab6h0Ghgv7/HheEAvckyVQZtNzOirxdf+Npw4IIK\r\ny99DcgsBJ2qSKBumFB2UsO2PdKlbZscfuwGpgE6+llDZ2gO47niVM+iG/LFm\r\nwDOIGlLK6fMg8SowNkVbRLkUd12hFSn+749e/ITKUDxxNHLQZYZLfyC4ZIjM\r\nmTGxyrOsjPEyqTeSWkF2W+HSYhJORc3hsu7v58rh2sLH/R5K7IhZPD2psLcK\r\n8qbYDgyg5Cq5K7IITg5ANBMe/EyHCFAanq6bO6LKT3vnB1uYNkjK86ZapWru\r\nnSvaBHsQyTEiP0JnpY0KLt0I1tstPnmJV+b3QUqNBV+t1vp/pC6J0MF7sL1E\r\nlmSlsRU0Maq3Zg2MeJtyhHZFnPdxtk//AH9N0qyotDbBrE/i6kRYiKwbja47\r\n6Mh0Qe9iHnVDBvTpfiXNedFFQRQPpyHWIGJmooCytSDnX0qv6m7fYgXxvbiX\r\n+kyEtb1y1GMPmfW8nvtJ4xhDdr7T08nXzAs=\r\n=OpL/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAO0x6Yiyn6GaErSrtwxUGuvgCqspbNN0eYUT8iRBQSoAiAaoWeGleZ1WfuHdPJ9vBs8+JMp+xsYJHn9YqKcVYW8Tw=="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.9_1647976106523_0.22919533408387127"},"_hasShrinkwrap":false},"2.0.3-alpha.10":{"name":"@haldi/style-guide","version":"2.0.3-alpha.10","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"7669d1e75b98ee5bfb068d306c5582f6565847b5","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.10","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-+v8IQhCyiAlUNwoTNSThsQYX12ZheXUGsxy4XbLMYyR3CJyHJzSECur7dbu8Vm5KQYTIiRVoRTgpLRn5wOA7EQ==","shasum":"a09dfc3a618a401e884274ebd5084b1eb3890b48","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.10.tgz","fileCount":41,"unpackedSize":64451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOip8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6Ug/9FwWr66RtHxh6QK96VuxEFCRUglk1lVtTbHVgzjR5U7yz0UA0\r\nt2B929HkF5OVlAfJzZm6apMIx1J2kRfPCwBETnUpMWdf0J7fopR1nslKRCP9\r\nkzNTHYpyNIcU4P/9VIB6gk3tF9Uqt3rlATJJdznl1ADCr98FCRorGN0gfhCQ\r\nZtSf/W6Cacj0E2/m+s1QWj8YMVR9pEeaTzyFU705ohFAufK7v1a2Njp88u16\r\ne8PuCO87dA2RZEQbz9OsQGqNpP7fXHyQFAr4gRVjXIx5jfjl2lf+FIuIFCWK\r\n8RAXTqQMBNODGEYUJS8cZwvOTTZKG9ZYLzIWo9TTV7yI8C1Gxf5AbPtiEOo/\r\nJBholxEbhbmRc5LzIIwcJ6fAra9uD5gKO5uGdhrcWo+X9CDA8QFl4K8+xHqg\r\nXsr7Fga6IF1a5pyggi4gbxV5lo3K/3G30rC4dP/LSBcBSUSf4ZgIscov5B1k\r\nv6ec8hWPlRmJSfXs2ntmEQQGzlsEzdD0Sdi2SVzga0jwVPEJH49pPg0Q1MM4\r\n+8VlggTax0s3oD9Cfat0GONnF1PJWC3CwdcuxIJVmE/9SBEBCqcTBNF4tccA\r\ngfEEWujPP6kzP2QvVDr+arQK/6SUbMtjV5emdB0nq9gGuiH6ucPxyAYYlpmd\r\nqep6ItBygrVXwLQrtPK2J0k4ZHq7ftiUpNI=\r\n=x6wG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9QM2k/sPldiSAv/bYnzLnKDrzWlMtGZpXVVKxWJCPGwIgWi5kCp4em4Lfoi+9WhdVxvxUq5/PB+EJBnAF15DFJJ0="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.10_1647979132611_0.7044041412229123"},"_hasShrinkwrap":false},"2.0.3-alpha.11":{"name":"@haldi/style-guide","version":"2.0.3-alpha.11","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"0f4ffba4073c96f88a197a7e9ea464d12b4b2b70","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.11","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-U+HVKSx/J9iBEn8/4Xplhjbq2eOs6W7gdHrd3S26YDYpKpedY3PSvL7Y4QZekXeTKY/lQGVTIdEQ5wCPUBQPgw==","shasum":"001ed785fc597e0c9c689da820c3a36ff9e15f02","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.11.tgz","fileCount":41,"unpackedSize":64216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOitrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXdw/5AXcZyvVnHvZ92XOWq8HNG/8OPvluBoDcZ8OYnakbF5OOhp22\r\nNJA5v2Jlq8HjlDbHD34lKIG9tWCMI3vkjrm/BzLBRpKmO28eR9zkPswABs8z\r\nBbDaDcM86kAH304C0rFgmK3vXneLLIf73QDmkOVQxuPEhYMDjFGE1zuL7q7n\r\nV4xRZ2i3i94DUK3urqO7S0Zlf0L3cwr5x7sQLtx7aS6HfW9JGkwMnTudyFLg\r\ng5PUDLDTKk98OEdd8ecGDaiqXTwy9P0BL2Pblf3DPIPCFTeEsq9QryiatjJr\r\nPnSxUxldspjROOZJHC1akusIF3z7NfZbkf0bI4jGajv9Ha4Lr+43hShQxo8o\r\nBj2A0Q8pgj6C3jhfmcumoam9C+QcQnruYcOiZmpeFRi6T4mt6CLaUDx+eJUH\r\nxQ2UOqEuyWQs/xTUMTvw7nyFGApQBaEAOC4HqFp3bDosBk8u07U479yrtzjR\r\nctr/je//q+RW+3h7H6fVd3V/9OZIqwb0MfoxlnAHUbDx6rK0fg9NlymmKDro\r\n0H/PadJZECHbUW7bzZ3HfikJd/U3VrRYIEjgv599sdZiD3GeeViXJA3dkYJl\r\n54GeuAbsrCVJUqu0nByEKJBTiYzjK7DZnZgJby/oTvsCG9MZdTZ0FDCtPIe5\r\nVJp8pBHV9PSE+wyUE6693kaw68J5UYRaBXw=\r\n=CcNN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDZzAUhjQSIKA7DqoGpNYGOUH+SbnTnBUekxOUacGXSwIgGslwYg5rtZoUWTgWF1qSgwtthsMBP0j9vGirP+LtAAU="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.11_1647979371690_0.7426949897697144"},"_hasShrinkwrap":false},"2.0.3-alpha.12":{"name":"@haldi/style-guide","version":"2.0.3-alpha.12","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"676cde09101cb666cff81e1c3c2b23a00128cb90","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.12","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-bLgnLyNybzoikL6CbxZSjZ4r1ukZldD5ybyjuN+I6Wseac6zkRVBoCbtyzJ1whdh00HfPRMH0fbjpPGJov+13A==","shasum":"ff88b8bbe2ce41dc08522a552d48cdf762a5687f","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.12.tgz","fileCount":41,"unpackedSize":64203,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOjJZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxVBAAiIFOAvflGN+sm8o7u9oMUnwMN8iilmrxU9hqqB59/yBHUSUZ\r\nTTt16Cl44w8Ji4Kk44EKky7BASAmmkO0V9d5XvCK3Y0l7IuUtMIfg3rmn6c1\r\n84O22k7IZZeOnLnTR2wM+SyLycZmHJBvft/6HS01V8m4zrXpphM+CclEZqpT\r\nyNCsdMil/YRKNw24Nz/1wIX6n4kFjf3EO+A8qkWTFhurO/NR14yUU3YhkmtQ\r\njV2J49VhDc6JhLRrNiKH6xoBmffyjJUc0JB/Y3mJrXkyOgm90Uf5HbYXM25s\r\nFh1NMRNv/ce411KtyEj/ciNsP6oRBsfkeBgcHzjZKynlntByMhP1ADT6ipyk\r\nqY3L0i2mvw9jQ3fBV06xMD53WhDa4/1e96wlLnuXQZYhqb8MrFBiEI3wzqb5\r\nQ9dW76M7Pc4/PqzUaQ4pgRLgkUWoWbtW+H6CCrZzrjvgSHNycZGrgxE9W/DV\r\nv/ei0oirblr05bJpF3W0zMy67QIxzOLusxqxyzMggy3Bz1arIyfuBLkxCNHK\r\n86hCgnO/bGxno7U9K+QY1eiGqFdc/UmS9G/iNMJfb4cSkuuvWcr215BKbSfL\r\n/nqjk8BViqnLPN6whMmKBPU9+rGAgnQjHRQlR9QmwNr+aSJI8emQtjJr6zcp\r\nOQm5csgDz9GL+V9MotD2iXwcVhaEXk8G7ww=\r\n=AwIv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBeTXTjD4F0uRRkZdZ9TdDaNsJ0ae4zNDiDCRJQg8eeKAiEAjxQDmy5p0kjxUPuoeraofzXtWpspmO6ljALv0Z4CRj0="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.12_1647981145543_0.9392830002247015"},"_hasShrinkwrap":false},"2.0.3-alpha.14":{"name":"@haldi/style-guide","version":"2.0.3-alpha.14","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"ce6dc6d6b79b9f7a84d9a6869ecd65d76607e875","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.14","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-h8LnFEFbReF0lWEB5t+f+Vp6FasIkVtywpoxYdxONCgBhsV849H7gSYUmNADtFx7ClPar0cvgcdDlhy/mufZsg==","shasum":"936a5fcdadd1069514ed0bf0dd9943bfdd0c55fe","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.14.tgz","fileCount":41,"unpackedSize":64119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOjyQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmxRAAnQs2mVE2wnfTgZstcnIWxRx14XP8g20zwBGPKgq1guFx12f5\r\nFRUttjLufq2a15InfT1ZErc1iOAJj7ucN1XYcOFY9r1pl7U7l0Xy9i5p2dox\r\nCtowBE8XnSe/JGwMXe5D3dgGHr6MZBWeRLSgkM+wE3PhU/dYq6W04UcCcntw\r\nmzy8SbTIMFaojacajB6U4cOU+3Cr845BP/j6qG4ePpqbV0D/RwENTtnEWzaA\r\nwqMYFN6dM0xpINH6IUBhCrU3jECQjWvp3ynWsluiltMjJnD39erxyQ2gpHO7\r\nu6m9tHZ6ndXRCe/nSc5ZCSQvPHvY3ErcRGEBo4ejoKhS9p839ETTczujSnIu\r\n/E4H5bM4suZPyALQ10+Gp9UEtNVvpbJasP2eEyKbTNg7njfO3OVeFOeLQikL\r\nVcd5ie7LRwIMD8B3LBD8oSChUtaCi+JNNg7ndDkM1I0O2QyRFOXxIQo4WTlf\r\nnpa9KOpCTwzcKVbFXgYz2U0S+pPE+f6ivar+WcQF6QMFnRYrSyufLPhiuXdo\r\nXLZLZswdROvbnkk46I5/UVdHHv8JeokfFuJ3DOqXek7siDuvL85o4ADCq96R\r\nPnFxFmRhaeAQUesYCQw2zJrgP91xxLo3ZOJnQuepHkIje9zCpPpfKPsHV5Nm\r\n/ZCnkvTV7LH0I1NcYrQZFl5BBff70rikNeI=\r\n=zNJZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyuE6BFue9Ly/8kdlsRj4QsCswuJKCPvTj9pYv32bL3wIgQb+aJGGKKQamJmIA/uKbZfQRwJuLwuxVkvGqS+3da5Y="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.14_1647983760383_0.11283745897945296"},"_hasShrinkwrap":false},"2.0.3-alpha.15":{"name":"@haldi/style-guide","version":"2.0.3-alpha.15","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"61983191e6637493b706d647d6d1bc61a5d65534","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.15","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-dXKTJe+z2M5ln+WCXZe09miLJPfZuU12f4Cy3AbGUkw9ovtQ1XTNq0QFxb0ka6gUopILMFfuJYIb7kXxpcDliw==","shasum":"8a644a914995d9b6ae17a383c715df274c5ea5d4","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.15.tgz","fileCount":41,"unpackedSize":64318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOlEIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAxg/+Id7h5Fq3GmzI2T/KDHxH2FeFTBSaSvtx6JuyMk1txGGdVyIR\r\nWMQpyuFJZ+IhawV6YWjsjxzuCZighIDf8iYWgNIxXqwWDFKM88+7/uU+3lwx\r\nqfoY4sdGhdPsXwlUbO+zBzKTeLeYByO+gR0UWyYI6flrh/WUITlopygLGgLs\r\nrR0AKwqHFCobNrxqXAZsfKerzultr7If+e5LDdWo/XIte2LHMRp5q4+N6/oR\r\nrsINt/vhFMbztJ7Pf2t7UOhxAiODp3a/uTGtz9w+cPEI79246c+/9tW8YMbt\r\nGtbwr5TSDotbRhvuSZdUFbczCrd06+84n8iszLVD8l8eTpa5cIpaVWy27y61\r\nNjEaumBSIEnD2D3gLBTYUFMFZbU3yFPdp/pk+atiKwWFXLoIoa/2ALpdDuVz\r\nok8wuKlcrVzlCg/sj9H1qX1nO5+TkekIujMr+Q14pzXNfDdFz51iEEBlhZf8\r\nAvMqCJWlopEnROoJTGR1zM/+h3ScQxHeJSwozY+do6KU0xQIHWZ5pO8PMiAB\r\nVG22x2lxWVfVwG7skEjFhC0axJQxOuF2oGpaPw8sv09uKR1Lae9/kNFvCV0r\r\nR5/7oT/zV7VJ26esCIFMb12mqQBcQZZhXgw8Xk9OsaPEAcS7YyYNp4TtNj9h\r\nR7x3mGWolUHvshfEHpOsrL9cHB78As8iZjQ=\r\n=PFUh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrsaHJ77eXE5SWXZfW/oRHAgFhytgTtt5TcoYiaF64PwIhALDflQntw/BpuNlCzczozoLsktYoY1ix5T4srZQ6ROJG"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.15_1647989000671_0.6109224284246393"},"_hasShrinkwrap":false},"2.0.3-alpha.16":{"name":"@haldi/style-guide","version":"2.0.3-alpha.16","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"f0bb5a95efcdd080cd1006c2bf188e7ad30dba9a","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.16","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-LRSrm6zpVDkNTRCnymkD/9/sEcrK3GzOAkm2/C2rq5qZtV/BM0f6JT73zpBBFd9jE7+Sy2gpg9/P2R34vpKcYQ==","shasum":"e8d0cc30d062c2538625af7868dadfba993b49a6","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.16.tgz","fileCount":41,"unpackedSize":64534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOlQ1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolGQ//Ze1R6NFMPZ1ZHLw4gB4oNkTIib+D9YY9g3Z1n3bTv6w0Bc6M\r\nLNuQfg0T579dNSVQfrOceTrqF9nLK2faS9h2B8eGKuMuhJH9XfcHJOjIV9fo\r\nXygdQx3Tj2OHE4L9fPAp7ujMz1Y7r9qjOB4x72C++KYVpBRXv2K6MjwnUwu+\r\nRjx+3ANeo9IEVRekFHp146fygYBwkFXcXv6nm6PeUyRO2RmYDEqYeudX8DnX\r\n3JKa1T1Ux22QpsUJVn48JvWq5rHLfjg2yhfEVzMSGqshbA3KQCgGr16Gr2rH\r\nqxYEP59RGil7MQYyOUVWygkMQ2CNdUyevcd2N/8ypSffycxmgifa9fItzEof\r\ncoh1ScZB9Cl0RZSHLZRt0Lh6chARqKO4IPCeznKXkutcz3rPoW+XARYE6kjt\r\nW6FrRwv6T6N6KSwZ7pYVusYFXwdHwgLpxGeKRWsXypTkoh6IUX0UkvHohUI4\r\n1d4oS7Px+MHtI0okIv/tPf3dNcGwenfS87mm9n3eLZBDQZd85crKNRoWnZBa\r\nd7EQauV+PSMiIyfPKNUxIM4Up94pV/FnRsQ8ppDqIzKezMgR8ahwJEtLa7s+\r\nsfMzHQ9rYHMvmCyatloiTLYvdkKO5upZ/9MFBdMO8z+s1j54BzOqSL9M9CCN\r\nEkW+knFSJcwzLmxXhxuziN7f9/0tuVVbxmo=\r\n=f0li\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC1hXjYEQDBqEy1jdAgtbwFp1GFxp0kV4O08lOeRfTbqAiEAumlsV8KiUm4LKraiYiobLcczkAaTLawhslsgCjyVoTA="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.16_1647989813312_0.2300868591839511"},"_hasShrinkwrap":false},"2.0.3-alpha.17":{"name":"@haldi/style-guide","version":"2.0.3-alpha.17","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":"^3.0.23"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.0.9","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"c12846920b75692bd3595957254887855e3cea20","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.17","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-T2jXxTvPjq/Cw4efxWNw7mHxYigA+Ha3afJka4HIZlV/a16tTJ7xzWgjzDKKPPRpFSbqhyKSL386sqFMSQ7nOA==","shasum":"7168cc212191d4bf4d6f49c7f0494115b9e7d1f5","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.17.tgz","fileCount":41,"unpackedSize":64534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPKKaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzpQ/9GDdNwtwAawOCfhvEK2AZba8xzaTA4/290MzpxwZw4z9Hvdn9\r\nb24rnteysTVCsh3mm5hbCOBMKd5W1rdCnRBSMIqNTWrD08qb5W+0cuzMgoLI\r\n9VKCOPX25wa3nTrlOtq3KPmA66MKUmAY5KVl/PhGfwPrE87kByvxJSie7HXm\r\nHugWVHeP6euSz4Vkqs7Zzkek2CoG6SkBoBbirkMS/aeip6uuTrd2PS7GKCx6\r\n9QaFLcu71pPPvsUxZ+31ZqfSVQnRIakMjDqBbBcRzzpqnI8SBmi4exZwA0SZ\r\nEdur1NIoMJxQ6AJEzWjsAbTXeM0bgKETvXCeFO72IUC4iyTTeqRLT91AmkUk\r\nMu2FtOz7KItgMFb6VHLdQF6BanSN5vNsYUNDhV2/jwVEiYuNfWx1/aQxXfeS\r\nxEsGjMJHxyohdg+oJ28OfYS66EsIQ8U8m/dGGHW91iEfah0RZE+R+qiSGawx\r\nEAZHzcxnedyn0YgUD0WbWsx0VL6qzTL0ilh52wxYra0GKxedTy84JTHr/UBh\r\n5oyL+oa89TL8C+PXbi12Iiq+cgmR7NvGdMQqAbGCVuLN17SOXd3m+l9GF+HN\r\n+spVu1BkNMYPMzhG5I4P7f3VQRd5E9+HChOcH2U3O2A9VV8/zHStgvny0ywB\r\n6fCddCHQeT6X1G/vvHeSrQcH25fijYYYLlY=\r\n=0U8E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0tJikeBAc7pFvGYhOQ5R6tzsDFe65D1blfjoh9NNd3wIgKXLxNEf1qI1/FftT/a0cgn/MoqOuBNwDEsmvgCE7wMQ="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.17_1648140954037_0.3860944391863914"},"_hasShrinkwrap":false},"2.0.3-alpha.18":{"name":"@haldi/style-guide","version":"2.0.3-alpha.18","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":">=3","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"06d216644f88d363032f76810a456a2b84f86eaa","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3-alpha.18","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-amH2gTqhq8WFwy23uP8MsXJzUU2vh88y/8abNym8J0fm9qwt3qgXzvMIbpO7BorUKVWCILj01vELuax5lIuV6A==","shasum":"99755129d17e72c80d7277a9bfe17e5d6246c81f","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3-alpha.18.tgz","fileCount":41,"unpackedSize":64527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPL9CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpL5A//YqjGoHpGHjrpqkozwVXNnoCv03e+PhWww23WgUf6aBN63iV2\r\ni5FTMGhj8Knmpdf//QYIV7PJXvgZORKjvjpdEOJv7/1e+QQrTySKsIIvFHyQ\r\nLom5VFwNaxIF+7PTRBeWmyl2a8fGCemTo68bZD84lEJWji0mYddY+HoTBS12\r\nnblkx7rj1Ur2KSLM/7NRwqZaVo8XOXpbfLE8nHFYAz24xABp9BJGuaY6/3tN\r\nEkEzPr9S+65eMpJXBQUcuFvMTmcv0suziVCyhmW6z2u4qj5CKkQcEsmDG+JF\r\nmuLHFqJpD0KtASs9e59yViupsgdL86JTDMTAAW4gt3CVLS9K4b0D48iLH31h\r\nGRRCGUdxb/N4EGwYW1KdpUhM7K/qoPN3RmOJo29jZo4V9Yyk+rS/6A+vwDun\r\nFqOUd84H7Akdi48b8l8shgnaAK9Ow+7jKobd3oomnLWlJHbA2WL8KD4WMlb2\r\na5lvajVXsg3Fnx5AH/9o5BhAIs7Q2U7IU5RGik1E2MatLBQG5E5ztit7kDz0\r\nf2lJ8N69K7y9y6//qjq2Oo7Iib2Y7fMIs+GZ9HuEe3bDh83XlGHCEW96c5Gv\r\nyJ3P7ayRh/CQDMi5CIrOPXT0Bl4v4y+xHkiwdXvi+FbJ2ePG95IhErU2OVH/\r\nd0vGQQjtWavfwm1EuLXr9e8rKXs62Oun+k8=\r\n=JIj2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHyXNV35kt9k47qNa4E2xTddOW0GVXXhLiIZ8HP5Wrw3AiEAyKFCECgBniSwZZinoKK88NPgXY5KubYuVLhmwRoEdIo="}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3-alpha.18_1648148290327_0.7228722001036876"},"_hasShrinkwrap":false},"2.0.3":{"name":"@haldi/style-guide","version":"2.0.3","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":">=3","jest":">=27","rollup":"^2.60.1","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.31.0"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"16ffd4c2c4ef36e0ca9da89c7b66602235082710","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.3","_nodeVersion":"16.14.0","_npmVersion":"lerna/4.0.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-ecUsKECcYy+i9MIksfN1jUpbyRXbcZ608XP2/P4UaoBbOJcKZH/cwZUrRAlKjV04vba4Ir12VUtfP9TjkJ1+zg==","shasum":"6717c6fb56dac7ef1349b9049f288e00cafc30ef","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.3.tgz","fileCount":41,"unpackedSize":64510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNHFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpogQ//adOOaG+p87kTxLFRaEGuqgvXcYT/qKZYbmTftw78XLNvt1Eb\r\npgjlF++sQ2HRKAWz+4H5KPLXiDsK2x7u2T10AZfy60lFMtYs67TvugjJgrBM\r\nBMzRMD4RGvMV4f1GyQ7OzR2fwy7b220X+3e0E02F4O3ZY1tP/SL3nnrlRZDS\r\nCtXWJw8sN0s1QVetzc18FY+muMVRko6Nl0a3rcmMmojAVhG9dMDzzU1IXWxa\r\niiolYMDj/R5TsRazKIornrovv16MLLL+KgpqIrGZoNEgtKMNAJb7KqcT257G\r\nGFTMXYyBr6OvWvu9WH84NmpbHokHiS/+OgpQx30L7WYmEGQXfOnA2VyG0rCn\r\nCvzOFaM6qTHHvQti9rw4854N9x9GzXYCoBrtObGmIxBUOMEN+lKTjx5TBqMc\r\n6LiuK7x8LuYYxAYs+Aq5FyArhsUU7XqngNsdsslE+8qxC2dVg5LB+aQZVJv3\r\nBnYyHchx+JlrFk0unrly0gUcVPaTCRMOgMs/MlOp8u6O5fktCJCJ/HmdTfrg\r\n8lsGQ0W00rdqskT3Dw8EKD/ntQOYRCSvqyryHRYEkpicOYbfjR0Tnmz4Ey29\r\ncEvmSy/qvCAMu/4+wA24asVPjNkizlENeU4qV9nNuVQ1z5LJIbg2df0oa91t\r\nkHKi08Dt+68AxqxcUc3ZK4MdR637yiizfVA=\r\n=Tb3P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDX8FumREaOVJqN5fg1vkJImB9Y8KilpEvv0uul33GRXgIhAP+ymyphDR4PkO3AJ9Yf4lRhsgZSVNv1PHnTmapFMjrj"}]},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"visormatt","email":"matthew.scholta@gmail.com"},{"name":"nikgavalas","email":"nikgavalas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.3_1648153029453_0.8088767325527024"},"_hasShrinkwrap":false},"2.0.4-alpha.11":{"name":"@haldi/style-guide","version":"2.0.4-alpha.11","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.1.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"4a15b5d87b52de6c78563c522ba6ff6123c85d57","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.4-alpha.11","_nodeVersion":"16.14.0","_npmVersion":"lerna/5.4.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-TVLzCT4l5Lwdu9ziHuY/Ynyd2PnxmtGycR6ycKDx2P1FDBLAXh5DeV/kRzQa35oFnttirme9VT1o1PfA97AagA==","shasum":"ec675bd3e5b1cde4db80c6c1ca1e245c3eb03c08","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.4-alpha.11.tgz","fileCount":41,"unpackedSize":64526,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMeuO9F1BMQCHAN9pY08/6G4BEyGEdWS8/VRDDM/ruNwIhAPkHW9Y/LgWjyk/3wgW1tl76Mg0SByaQ1Og3IBcevRd7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9BrYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcNg/+MO6l9WKZfKoZdn3qlpjpdU0uc2OLfNPAtGjJfDKaW9mlMeQm\r\ne/ZcXK3biSkFCtAl9LJD0sl2a5WTbjs7oqU84aUm0pYbCu2w/DeqBLdD9D2N\r\nYxfC4d06BalrsKcfgQu4ZI3PyOsFviAe1EtiALapA1aIezO+nKAIIcCg83xQ\r\n9nX1H27zoNcWLgG6nPGRLBkF7y0sQtnQRWhMwbSBSuBiJaTOd6IcF2Ra4qYR\r\ntUllKwoHLNImvSNdzdrflaQ3WCbHiBUgWAqVaYc2GXTgOTxQcdmit8EXcaim\r\njjBBFrJm8n48nY3p8lPdrqZZY/Gt6YXvj6Kuenicr9Gic+mOiqRRSSGFdwaU\r\n0rn4dbihZMNywRCwvHJjk1NqiXkNFNO67sT2re/In966qwtBrqvlaM7pIp1p\r\n7X1qVIaHUJc2axMdplFp33DtgahvIPYOEE8PHBaIVtqmtDHCdxvoF/nAfQub\r\nEyrHWRPLMGHcIViin45SjNSqGQ2cCAzFZAyyrJWUqBkepi2tTpNylfauur25\r\nKIVTqD9PGUDrv6P5bMCNRkjEGbboOpweR/bU8osIzwDonRQNU8yJo1x7vMbA\r\nOZ+8jGyD4xDzm3X8fFUMQlieQw5I160xeukdoAp/X4TOMq6xCntzaFhsY9i4\r\nBpxLfmafL/Evy4hSrzeSp9Q5wDkSf4hHnvc=\r\n=IEZA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"swang62","email":"steve@haldi.com"},{"name":"dan.haldi","email":"dan@haldi.com"},{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.4-alpha.11_1660164824649_0.2076507199473463"},"_hasShrinkwrap":false},"2.0.5":{"name":"@haldi/style-guide","version":"2.0.5","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.1.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"338e9cffb19dfff037c9ffb1ede6956aa62ba265","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.5","_nodeVersion":"16.14.0","_npmVersion":"lerna/5.4.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-6uHU/H+Uu1SdZ4yothIF15GvIG0WhaIy1MYucG4F+J7Qbep7QPqnDDN96lTaHSChxHHZAa4JX9efRm7nlJNcMw==","shasum":"8beddf72a9ef6a1c1e48c2d8abf16eb650ef31c0","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.5.tgz","fileCount":41,"unpackedSize":64509,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICqmhzb9d894DgZE/DEsmQcZzry/OPua7kqPlzrAarYHAiEAlUcRgjxmeU0flHE5JQbGekaZgpq3S0bbv6aHre8nfCM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9cGnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXvw//Rdo7TVHee4Dh3Ti9b0dKuxWLqgKcQeg5HOvbd3DUaTBVsZPY\r\nCIkoEVzJGsgwj16UuY5P/tyztfqdSBvycYbUTT4lACacN4Fpb1rWtAhVgF3f\r\n+JeHa0MzBTsEi4CxWuGi1xYsPiTS59Lx8tC6W7g563ZdqVWeizJajD9wMsCz\r\n8aollO9D2tXMT/hOFW+pHea/aG6pJQNq2v8pWZtIpovepGcJuA/iVKRNbso6\r\nxDuB73EXQ+uoLIM9z+3pQ4fEr99EFzlTaufbdNv3DJgYJGKHVnKl4YWtjMPZ\r\nEHhHw0iYNpJ0VlOn5M1o6YbF7pylVS8bUvaO5EdFH+Kjv/qMiFk0YiHyNl5c\r\n/NFkgWNkcoxzF1MAo4xhQ3Wt9YELk9836GLYuKo3kI8I1AyoXJjqfRzEEWEx\r\nwYeD7MrZ8C5xozF8G/lLlLZ+ixw57dPqf3tXCe/UEfyiQOTIOUH+jlhMzv3s\r\nBMCNXmIkcaBZl2Ysv5JvAwgROBOGkSSZYJWebj0ZDbNpF7zM/fxUfIGtNhjP\r\nRrwFVD0/4V7vsMoq1bMnuaMsF5/qOZgLVTA5RRaoXfcpZHHEWJ1WgUHb70wV\r\n3aXpVtAgvmwRwCJb+7LlIC75HFyqPxLshstvOWETmAVEP6rNnTMVQDjhoIXe\r\ngNDywZODigXNTUVneLcvygAZm1pCTSC3Tgc=\r\n=ICBk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"visormatt","email":"matthew.scholta@gmail.com"},"directories":{},"maintainers":[{"name":"swang62","email":"steve@haldi.com"},{"name":"dan.haldi","email":"dan@haldi.com"},{"name":"visormatt","email":"matthew.scholta@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.5_1660273062858_0.35406595564841603"},"_hasShrinkwrap":false},"2.0.6-alpha.1":{"name":"@haldi/style-guide","version":"2.0.6-alpha.1","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.1.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"d513a12529e4b4706fc0ebe0dedbfca151ae6f5b","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.6-alpha.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/5.4.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-hFEooFmYiu+/hhn368993J+ZxxFZYINcKndKZhjrveDW2tvIWgVkyvbDvh8Fpcuwuf5svAcL3dr44lgR/fXO0Q==","shasum":"5285f63d1f5e47f643d2e055b31de5266ab5277c","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.6-alpha.1.tgz","fileCount":41,"unpackedSize":64964,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG2uXOYkPSkxutqDZh/T8GFDmtrd55Cppt/gND91JOpMAiEAiXcnQg6zLzQ77xWXUmZhgGa5xHp1ibVPMO98ew9pEmk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmiIxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbAA/+NWV+s9sfFB6LpqjNv3OedX9dotwEhI1m0yTXJUK5gxxHaYHf\r\ngFmEVrFHa6G1S2aR0LE1sjm4h4hrvsBbMDF8ZUblY2RcSiHIuEwoc7oUdST0\r\nXhdd2zdLZF2sbiTKUm4gn0aZe2Og+N0TMzS/ZXk2fzzrpwbARFdP+wwkIEV+\r\ntrbmq1nkPKX9CW0ExvVsIQE+bhcfyEx66DU+QDlpS4/Dhy4iVFsPh3T06lPb\r\np6Y8YHOZlhJ48o/7jzKaNqd9kMGUajwFv3L8pGaHn0s5v1jtLlRKsLgVNwvr\r\nSbgTzM/tJZ5xzsTlqycTshWuUObDHxkjn69/znmgg0Zut9G19bzCPivz0sep\r\nvgq7ZnrGTILHy4aQ4qqk0sALT7H9l74TN2Ve/fX3mRDjYcPwb3PUIJQyqHNr\r\nqtDDMH/Nv6AkThIbL0B+VNKLBNcVvlprG8wLDFXe3dx8B5eBnlhtTRva/kbe\r\nizc0A136MrlfQJkV/6Ro9m8QEUU/pQ1a+XsXJOf+UDbUyLwPeQ1ieSSLXlw/\r\n/jibqFtUVY1GdIF86eHI4n1KQnNFhjcmoIiww/o2yRIjFEOOJpxbPDp53B77\r\nydfbgZPAqJYVXr7oJZPR82AZC8nnJTwhw7N10mGP0g8CYZa47fw9LtPHJKKC\r\ns5xla1X1oIqI80fGwemLeXWHjw17uYTvFJw=\r\n=LlEK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.6-alpha.1_1671045681081_0.8989592780758602"},"_hasShrinkwrap":false},"2.0.6-alpha.2":{"name":"@haldi/style-guide","version":"2.0.6-alpha.2","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.1.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"f30c81168da9d7de22d28c8c399be5f22d8a399e","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.6-alpha.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/5.4.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-Byh2003tSKxX5fXEC8E1gmia2yj1H2CTtqzbDRH4wTJgQWLGjzAzvpwcJm26vhjG6v5oYvRU6XK1i/e+7aJvDA==","shasum":"4b65e64d5ad29a17a56b37e420a6ece332f89b34","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.6-alpha.2.tgz","fileCount":41,"unpackedSize":65205,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPPiNShnwibo8kVMNwyBxa0/63n4zCmN2sRfPQmduDvQIgcMQOb9b7L3yYcT6jWT54JtE0GZXxh6svAPNRdpkJFtw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmiVzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptCA/8CWYuvkHbhNi9UGaAM6PDVn4KgPrmJHEPT39KljhV7GvE+RSF\r\nGH8a1UJYEziytJB5uvfVZpKA+Did68CYlekAAyQv6UNx+qjf6PkgHdVa+RLM\r\nbsaamUvoG+SeiyGZCWJFruDv8JkDrEOQVDFEN5ANMuXth4W0oGlmrocdnuG3\r\np0gWHh0RGjQyzKt+LUPtTjUsxIHSrNgwQXj4Q6pfXMlas/UWd7y/nyF0ao+O\r\nHdm7CZmm7RAEGGi1n93nI8uTxnQN5roAXt6N3Ybj4n6jYkoqEgP7aA1Pppwd\r\nSo1Q6ZcNZ0ctsaN4zuvDh7kMs/Oc5R9GM3336Erjic1WvA7P7HvPb0GGPDAZ\r\nQfm9+Y71ZTlzSyg8WeIfptvSvudVYpvVsyWfwosag0/vxilllptFUz6ii/ek\r\nHJQONzFC5iIrCrjJUflVAMKhySEfc3vI2HoQxzLq9owU6xrShVoPLNYptos5\r\niz2sHT3IhWFC+/vdX3aAZIwTq6svsHsWypl+s8xDK01GimzD5bXKvLYwm4sM\r\nVP8xScfItQx0ukdsdGt/hZGz3/1PyTy0OEDTVmf/uJ2ex89CMkTr7sMwkTyu\r\nQOmMBP19LMgdjiKDFh7KfS5TyYRybQJBEoEjdFWJdGhYM7z0O5K/4TTtieQF\r\nR30qdUs7xzcC2rsU5tCH8OGYjn82EKIY6jU=\r\n=vjRe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.6-alpha.2_1671046515551_0.8031081462971628"},"_hasShrinkwrap":false},"2.0.6-alpha.3":{"name":"@haldi/style-guide","version":"2.0.6-alpha.3","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.1.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"71a927c47e382d024bbb25a82dd8eabb44e0e257","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.6-alpha.3","_nodeVersion":"16.14.0","_npmVersion":"lerna/5.4.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-bGb9VttMp+/f44UOKccYROH18ysZW+w61q51tFnkRvgipsvX7IK1a+j9J9SHQFzls+tSRUo7rOQZRR1hIJ4k5w==","shasum":"0f722d579a2d40d242d375261dfd3f7c1ae793c4","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.6-alpha.3.tgz","fileCount":41,"unpackedSize":65456,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAWz7zj6q8pU745hkSVr0jWT59nGE6zIEdoG4lIcsLSzAiATS/XJimvT4uz25noS+1hj9vBKLz5Up/KQKkzNB+qEKg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmibRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzlQ//aRQj3FAKcc8efLtl2aboCebd0Y3SDOPizvPT7J1KtjRzVAvU\r\nqhkUwrMLL7T3TrAGKgQikScon9Wm/oIvfM3rYD/3g4gVTz/91gTr4XnNjv2U\r\nZOxUFYEM5EBqxlRjnvq1y3DhBN/+5luRFA+IbUHQITnD9DhAwNm4vg6vSV3K\r\nwKUnNH//fdQiwrC8XByzKh9wevqRImNbk0P77BP83bvWz+snYKiFKYLqxvLF\r\ni9eWboC9WwJPFVqa9C358sHgzRQuZUXw//578n2sc9wCfXQ3kdCxRqv1zWkj\r\nv0klSlkbzUVip1Bxr8qOyDj2XeoRxA4288NwXtx7fkv/rE4bR+N7vNZ6oRBn\r\npNakeciLeC2wFRkTT2fgnygcz/swop0c5kD3VmulIvO0ViHTLZV45sx05vUy\r\nfRyIFP5FNER3hyBlCE6uZza/qBvFu/cSZJ34PIR6sRW6PDB/POrm8UcJCk0v\r\npEECNoc8gv8QxTRi/lqtM0J+vcQhwauUFCwuPBWf5chCWw37eFHfQBb/Thf+\r\nM8Rl+s26Jv3nEvtEidhZAZUaQ3M0tnUAdihZmHg4q4qosB0oMI5paBmW7ez/\r\ndbivizOCG2y2W0WEELSUaTdbokqAz64znTTNo3eLodl6N65J4gft6e08B4xO\r\neEiIg7XDj+a4+SgaubIGyUUROBomdbOYRUU=\r\n=ZT/5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.6-alpha.3_1671046865181_0.1783734010689879"},"_hasShrinkwrap":false},"2.0.6":{"name":"@haldi/style-guide","version":"2.0.6","author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"description":"Haldi.com | CSS Style Guide","dependencies":{"tailwindcss":">=3"},"devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","@types/tailwindcss":"^3.1.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","gitHead":"f9234049c5cb0fca4cda070a7f7b091bf664a62d","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.6","_nodeVersion":"16.14.0","_npmVersion":"lerna/5.4.0/node@v16.14.0+arm64 (darwin)","dist":{"integrity":"sha512-gjqmf0jVMt59qaNNbGnDVz/rG2udsUh4BJV+Z0HlIYaxtf99AzJlyidIkd7/1OJaBvwCckC1Jc/9XthyVgVh6A==","shasum":"f95d09f86c57c4c749e5ed74c63b46494a9d4810","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.6.tgz","fileCount":41,"unpackedSize":65440,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDbgVSmY7hpul2I+am88w/7hlxWR5iqHtHBQInAvdobdAiEAzCdOYJOPwZPwo5UN2GLLksV6e2Ek6PUi9ugdU4DZ920="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjm1anACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrl0Q/9HDHb1x/j3RGmkOhVjiaARicdI0Par9mb+DriK7JZTo4W9gJs\r\nkFL7Ohe+tBnDLoC0dOcdjIJfpR+gJ8HemrZ0opIjKXZ1AhvxGb9oE+8At3xL\r\n+wChvysRM5PnNMlEuYlDhTTlvCU2POlfw4JWTPIrmhVD1Zc9wdgUfBF+348n\r\n+iCWH+vkcXo02oxT9ESqgWRI738nTGemNpO3Fxlc2RsDHn/Sl6HPQbNjd85J\r\nWakJW4wAxsYdazNX5+jgFLZ+1WZKX9ciLRA8aI9/H/yUFNm8FWWdkmbsVIyE\r\nCJxbSWOpmrg+yN5g9a+T++mNQdsbV1qctn88UUc8L64wV2Eby/Jy2+OevLcG\r\nbVVCojSt4XaygCX/hoyuuJ7AKtFh0RI/8TaQDdVG/8WiglmKC6tkbgqRJn2f\r\npk16wtPsMNfonym9QwyqDULXfE6p+Fsdx9mU1qSEj1VuHszGDbMO2nDbiKsQ\r\nbE3Wg2iLpKY88zoa3yq7b1QrTAdR4IeeQhE18a2eMlxT7TthWUUhTqDyPKYf\r\n+wxbGMInqcvzgA12GFO3L1dpvtoCt0Dl98R5oxAZvH+0MzIzr1IsISuLAQdd\r\njoodn2LHhSeBbNXsMM3wNLIlfSNLdj4fweiXvU0Bz05g6KGHkeRW//bylK3k\r\nFP4A2MRnj8KO8v4slGcBMU4LAWsD/GbzCHI=\r\n=646g\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.6_1671124647182_0.896968225280133"},"_hasShrinkwrap":false},"2.0.7-alpha.17":{"author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"dependencies":{"tailwindcss":">=3"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"gitHead":"d75363130c657d06c17139d40388bfa91eb901e0","keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","name":"@haldi/style-guide","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","version":"2.0.7-alpha.17","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.7-alpha.17","_nodeVersion":"18.17.1","_npmVersion":"lerna/8.0.2/node@v18.17.1+arm64 (darwin)","dist":{"integrity":"sha512-HEu2n+hs+cL4RbBcGdK6SLcpD1qVF/OWM4X+tb3FKnL/O+DZNwToBAkTit0/W0eOJcdPd35ylFol2S00qYfIkw==","shasum":"5fb7420f6c9ced6642a30634866b425f49cac3f7","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.7-alpha.17.tgz","fileCount":43,"unpackedSize":68744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGxMmAzo2sTFF5tQNypKCcrUlwrPnIPZdg1kIFl+LsuBAiAepBqHSi4LxlPPSyUComn5gNCrDY7ls/yAm9OuNoJpjg=="}]},"_npmUser":{"name":"swang62","email":"steve@haldi.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.7-alpha.17_1707118297845_0.5248792471411867"},"_hasShrinkwrap":false},"2.0.7":{"author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"dependencies":{"tailwindcss":">=3"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=28","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"gitHead":"0f6fea559ce6045a7f135a9165fc7843200850de","keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","name":"@haldi/style-guide","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","version":"2.0.7","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.7","_nodeVersion":"18.17.1","_npmVersion":"lerna/8.0.2/node@v18.17.1+arm64 (darwin)","dist":{"integrity":"sha512-EsLLB7sV+Jk9nYImXIGkOevu+yzWxAstOdGsbLgmgeTq705BOorWFlHiKq+E4C5mQK94gzfcPn5UHK+sHp2uvw==","shasum":"4e6f5daa6b87c5c03f2faca0297d4cca74b1c699","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.7.tgz","fileCount":43,"unpackedSize":68727,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkc/gNIwYB3zDl62xN0fMbhgzq0qnB4wa07Q9Wmqv7JgIgWHh/ZV/v7Q2RUbJY6IRcCRlo3+bAYXykFOivu4PmcBQ="}]},"_npmUser":{"name":"swang62","email":"steve@haldi.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.7_1707119864736_0.8542303191961396"},"_hasShrinkwrap":false},"2.0.8":{"author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"dependencies":{"tailwindcss":">=3"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"@rollup/plugin-multi-entry":"^4.0.0","jest":">=29","rollup":">=2","rollup-plugin-multi-entry":"^2.1.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.32.1"},"engines":{"node":">=12","npm":">=6"},"gitHead":"66dba934820995581b1929e46e6130c3ddc715ed","keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","name":"@haldi/style-guide","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production npx rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js","build:dev":"NODE_ENV=development npm run build -- -w","test":"npx jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","version":"2.0.8","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.8","_nodeVersion":"18.17.1","_npmVersion":"lerna/8.1.2/node@v18.17.1+arm64 (darwin)","dist":{"integrity":"sha512-OjGZJN10/zSM6Cnj9C2jaWH6Ikebo53l5HA8sjnmoaZf7+u1BQfVsiM0s4zB0zihS+IpyCg4ZEaJxuPLOJGXYQ==","shasum":"8d0dd69400878a3952ad08b242215e82f5ffb719","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.8.tgz","fileCount":43,"unpackedSize":64437,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEoNf5ba8m68k1HYMguQMh+RfS2I0Ez/1Agg+QAJWIKwIhAMLRNYbekTCw4mXYJ1NtpfvaQnqGkDGGlmXjytSJ1GGI"}]},"_npmUser":{"name":"swang62","email":"steve@haldi.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.8_1707280584892_0.7111371138968468"},"_hasShrinkwrap":false},"2.0.9-alpha.9":{"author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"dependencies":{"tailwindcss":">=3"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"jest":">=29","rollup":"^4.13.0"},"engines":{"node":">=12","npm":">=6"},"gitHead":"1060d2053f511f20e729c90a67830d300df5c031","keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","name":"@haldi/style-guide","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js --bundleConfigAsCjs","build:dev":"NODE_ENV=development npm run build -- -w","test":"jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","type":"module","types":"./dist/index.d.ts","version":"2.0.9-alpha.9","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.9-alpha.9","_nodeVersion":"18.17.1","_npmVersion":"lerna/8.1.2/node@v18.17.1+arm64 (darwin)","dist":{"integrity":"sha512-TgrpcYVNwOI4r7ihfH/YZoa7/7BmSVUaOCiCjp9INyLRIcr8aUILO5tVi0Hf42KahLDf9CzaZm74KYFVDH2rbg==","shasum":"502c96a61445b83e51e06f7eddd9ba376a38e0e9","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.9-alpha.9.tgz","fileCount":43,"unpackedSize":63974,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB8CkGYTEJ/87kF1TLtgHIAIo6/Q2z7URokOpHZ5DQkmAiAsOkjSx9BUFa5rYvFK0AgJccfmUelOCJ7jLDPkUR1hTA=="}]},"_npmUser":{"name":"swang62","email":"steve@haldi.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.9-alpha.9_1711518476573_0.21349928889675462"},"_hasShrinkwrap":false},"2.0.9":{"author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"dependencies":{"tailwindcss":">=3"},"description":"Haldi.com | CSS Style Guide","devDependencies":{"jest":">=29","rollup":"^4.13.0"},"engines":{"node":">=12","npm":">=6"},"gitHead":"3d0a77200bd2e82edd1efa2b8f863994e38a0eb8","keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"license":"UNLICENSED","main":"./dist/index.cjs.js","module":"./dist/index.js","name":"@haldi/style-guide","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"scripts":{"build":"NODE_ENV=production rollup --config-tsconfig='packages/public/style-guide/tsconfig.json' -c ./rollup.config.babel.js --bundleConfigAsCjs","build:dev":"NODE_ENV=development npm run build -- -w","test":"jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'","test:watch":"npm run test -- --watchAll --watch"},"sideEffects":false,"style":"./dist/index.css","types":"./dist/index.d.ts","version":"2.0.9","homepage":"https://github.com/haldiskin/monorepo#readme","_id":"@haldi/style-guide@2.0.9","_nodeVersion":"18.17.1","_npmVersion":"lerna/8.1.2/node@v18.17.1+arm64 (darwin)","dist":{"integrity":"sha512-5xiQa9J+F9F2ImUribGgkh6UEU+GbFZfrBm1PNxATP1rGHy3T7rWPFiOovNPGou8LfnqySG9Mr1rCrpeg/TWvA==","shasum":"1406a127cf9fed306a431e37ab5f8d2f1b4a7af2","tarball":"https://registry.npmjs.org/@haldi/style-guide/-/style-guide-2.0.9.tgz","fileCount":43,"unpackedSize":63938,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/D2BUtlhcS95d+IzO8tQyrB8I2NhGuVS+YPG5WwqF8QIhAM5dBkAnVq02THTe9kebKOPBTUWZ+yNvoUFwJVvD7pLe"}]},"_npmUser":{"name":"swang62","email":"steve@haldi.com"},"directories":{},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-guide_2.0.9_1711518967716_0.683739214451758"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-14T21:18:19.639Z","1.1.0":"2021-04-14T21:18:19.996Z","modified":"2024-03-27T05:56:08.367Z","1.1.1":"2021-04-14T22:41:34.829Z","1.1.2":"2021-04-14T23:41:14.702Z","1.1.3":"2021-04-15T19:52:47.817Z","1.1.4":"2021-04-15T20:21:25.007Z","1.1.5":"2021-05-15T03:20:22.670Z","1.1.6-alpha.6":"2021-05-27T02:44:49.222Z","1.1.6":"2021-05-27T22:18:45.053Z","1.1.7-alpha.4":"2021-06-21T23:55:35.676Z","1.1.7-alpha.7":"2021-06-22T06:19:16.194Z","1.1.7":"2021-06-24T05:38:21.628Z","1.1.8-alpha.0":"2021-07-27T20:56:17.664Z","1.1.8-alpha.2":"2021-07-27T21:34:23.853Z","1.1.8-alpha.3":"2021-08-11T02:59:59.424Z","1.1.8-alpha.4":"2021-08-11T03:08:06.089Z","1.1.8-alpha.6":"2021-08-26T17:51:29.116Z","1.1.8-alpha.7":"2021-08-27T22:56:18.044Z","1.1.8-alpha.8":"2021-09-01T21:27:03.884Z","2.0.1":"2021-10-27T21:01:38.593Z","2.0.2-alpha.13":"2021-11-19T20:46:47.110Z","2.0.2-alpha.0":"2021-11-19T21:09:34.406Z","2.0.2-alpha.1":"2021-11-22T18:35:05.104Z","2.0.2-alpha.2":"2021-11-22T18:37:04.237Z","2.0.2-alpha.3":"2021-11-22T18:37:48.473Z","2.0.2":"2021-11-23T16:59:41.352Z","2.0.3-alpha.4":"2022-03-22T18:13:33.425Z","2.0.3-alpha.5":"2022-03-22T18:20:53.083Z","2.0.3-alpha.6":"2022-03-22T18:34:07.814Z","2.0.3-alpha.7":"2022-03-22T18:42:47.744Z","2.0.3-alpha.8":"2022-03-22T19:04:37.811Z","2.0.3-alpha.9":"2022-03-22T19:08:26.728Z","2.0.3-alpha.10":"2022-03-22T19:58:52.763Z","2.0.3-alpha.11":"2022-03-22T20:02:51.873Z","2.0.3-alpha.12":"2022-03-22T20:32:25.678Z","2.0.3-alpha.14":"2022-03-22T21:16:00.573Z","2.0.3-alpha.15":"2022-03-22T22:43:20.865Z","2.0.3-alpha.16":"2022-03-22T22:56:53.612Z","2.0.3-alpha.17":"2022-03-24T16:55:54.429Z","2.0.3-alpha.18":"2022-03-24T18:58:10.534Z","2.0.3":"2022-03-24T20:17:09.659Z","2.0.4-alpha.11":"2022-08-10T20:53:44.802Z","2.0.5":"2022-08-12T02:57:43.050Z","2.0.6-alpha.1":"2022-12-14T19:21:21.306Z","2.0.6-alpha.2":"2022-12-14T19:35:15.701Z","2.0.6-alpha.3":"2022-12-14T19:41:05.346Z","2.0.6":"2022-12-15T17:17:27.380Z","2.0.7-alpha.17":"2024-02-05T07:31:38.050Z","2.0.7":"2024-02-05T07:57:44.926Z","2.0.8":"2024-02-07T04:36:25.041Z","2.0.9-alpha.9":"2024-03-27T05:47:56.739Z","2.0.9":"2024-03-27T05:56:07.899Z"},"maintainers":[{"name":"elisavargas","email":"thisisanaelisa@gmail.com"},{"name":"swang62","email":"steve@haldi.com"}],"description":"Haldi.com | CSS Style Guide","homepage":"https://github.com/haldiskin/monorepo#readme","keywords":["haldi.com","branding","css","tailwind","style guide","typography"],"repository":{"type":"git","url":"git+https://github.com/haldiskin/monorepo.git"},"author":{"name":"Haldi, Inc.","email":"engineering@haldi.com","url":"https://haldi.com"},"bugs":{"url":"https://github.com/haldiskin/monorepo/issues"},"license":"UNLICENSED","readme":"# 👩‍🎨 Style Guide\n\n![image-dependencies] ![image-minified] ![image-types]\n\n![image-downloads] ![image-shaking]\n\nThis package is a high level abstraction of our site-wide CSS for [haldi.com](https://www.haldi.com). It makes use of CSS variables and TypeScript to make the same values available in CSS and JS. Optionally, this package supports TailwindCSS as well to really speed development up, while keeping it customized.\n\n## Installation\n\n```bash\n# Standard NPM install\nnpm i @haldi/style-guide\n```\n\n## Usage\n\nThe goal of this abstraction is to provide a consistent `base` for all our CSS in a single package which we can then import into each of our services. Each consumer can take this `base` and further `customize` it as necessary. This will enable us to update our `branding` in the future quickly and consistently.\n\n> Using CSS imports\n\nThis will import the whole style-guide so we only want to do this once. However, if we want to make use of the pure CSS variables you can also import the variables independently to prevent duplication.\n\n```css\n@import '@haldi/style-guide';\n\n/* or */\n\n@import '@haldi/style-guide/dist/variables';\n```\n\n> TypeScript / Javscript\n\nEach time we create `:root` CSS variables we create the equivalent in TypeScript. Then we export the same API for both CSS/TS and generate `types` while we compile the TypeScript to Javascript.\n\n```jsx\nimport { color, font, grid, media } from '@haldi/style-guide';\n\n// Simple Component\nconst Component = () => {\n  return (\n    <div style={{ color: color.primary }}>\n      <h1>Hello World!</h1>\n    </div>\n  );\n};\n```\n\n<!-- Links -->\n\n[link-code-sandbox]: https://codesandbox.io/s/halditemplate-react-n853j?file=/src/App.js 'CodeSandbox'\n\n<!-- Images -->\n\n[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@haldi/style-guide 'Dependencies'\n[image-downloads]: https://badgen.net/npm/dt/@haldi/style-guide 'Downloads'\n[image-minified]: https://badgen.net/bundlephobia/minzip/@haldi/style-guide 'Minified'\n[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@haldi/style-guide 'Tree Shakeable'\n[image-types]: https://badgen.net/npm/types/@haldi/style-guide 'Types'\n","readmeFilename":"README.md"}