{"_id":"@daanmoura/concrete-ui","_rev":"1-320c90167ec0a9bd3235ced09e884bb6","name":"@daanmoura/concrete-ui","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"version":"0.1.0","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006 -s ./src","build-storybook":"build-storybook -s ./src","deploy-storybook":"storybook-to-ghpages"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@daanmoura/concrete-ui","author":{"name":"Daniel Moura"},"module":"dist/concrete-ui.esm.js","size-limit":[{"path":"dist/concrete-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/concrete-ui.esm.js","limit":"10 KB"}],"devDependencies":{"@babel/core":"^7.17.10","@size-limit/preset-small-lib":"^7.0.8","@storybook/addon-essentials":"^6.4.22","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.4.22","@storybook/addons":"^6.4.22","@storybook/react":"^6.4.22","@types/react":"^18.0.9","@types/react-dom":"^18.0.4","@types/styled-components":"^5.1.25","babel-loader":"^8.2.5","husky":"^8.0.1","react":"^18.1.0","react-dom":"^18.1.0","react-is":"^18.1.0","size-limit":"^7.0.8","tsdx":"^0.14.1","tslib":"^2.4.0","typescript":"^4.6.4"},"dependencies":{"react-icons":"^4.3.1","styled-components":"^5.3.5"},"gitHead":"ef45973a5cce3ee641ae217f29f4e8a3174c440b","description":"> 🏗 Very early stage","_id":"@daanmoura/concrete-ui@0.1.0","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-XJLP0vVth6bYWK6kDRZXkNovUpp+iqFs+IVw38ELdxcmBbK4f6PxAK9i8xdsSaA3AnRzH1FmFAooe3MsTEXqZQ==","shasum":"b187800ac524e1d96f653e4badaf85574d695a72","tarball":"https://registry.npmjs.org/@daanmoura/concrete-ui/-/concrete-ui-0.1.0.tgz","fileCount":78,"unpackedSize":3188276,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWPSyG8CJI6HNOfOgDxeaHQ9qHQlKV0hf0uYwlnoAGBQIgRNwuMaF2gjyvLfZV7zkzwnwDapSNHhc711FfAaQqfgM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiEcjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaUg/8CzBMvcHmLv4OKE9hvaZPC6nye4WawNH3Kw56X+sI50J3sm70\r\noA2D/ThWKisVsGF1hHpMbarq9SozXaHBEVCt6lGLUG85SWpGNDwOheuFKunf\r\n+vaRieV6C9ieFwiHwjdZd5UeTm2j0pXrhYsQ0b93JZi8dMf/gpPALSIh43pY\r\n3LNuw6qGxb50Pf+aDIfez3EUTOQnEYCzOfLwWQZ6zFLqcGxmLmnaINoFRoXo\r\nLUPYLG7w4C3KI7/zshMSR+FjRt/8+chKZTxNBtq3oc1wth5Sq9U3dGLNuCMk\r\nbENG02LNGUruuaXH6N/1K1tUqVTt76miRDuG2K8OGRqq88rQwrUId/3rxXEn\r\nRxznnIXatufBfqEJi6w0sTw2JIqEXptQqBgK4f+eujLMCS3vueoph4qQ5RiY\r\nt2r5dGdkYJP512gnbcAeTJYpGDcYZhZrXxiGcPsmo6ruFuMkkG7CYb5c+s5o\r\nSmkzoR3qwDsaSL6GQkAIlYfdoBiQoAlgZipeuLs9HEM0DsXX75heuzt2n2dZ\r\nNEz0NPv1qTbqV/p583aKFC6ie2MekkkB2CVOhjIlRts2lddLECSKlKwkNBDU\r\nQblESF1a8x0qL7nHvwYTfedVRHvsst/rWMwQmfiKcYbx+zoZGrl9r0gMAhzr\r\npFJPQQ0oGTKeBypaRv9yB+Ocdqf+Vi/krZg=\r\n=fngJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"daanmoura","email":"daniel.lucio.moura@gmail.com"},"directories":{},"maintainers":[{"name":"daanmoura","email":"daniel.lucio.moura@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/concrete-ui_0.1.0_1653098275192_0.49439572689315847"},"_hasShrinkwrap":false},"0.1.1":{"version":"0.1.1","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why","storybook":"start-storybook -p 6006 -s ./src","build-storybook":"build-storybook -s ./src","deploy-storybook":"storybook-to-ghpages"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@daanmoura/concrete-ui","author":{"name":"Daniel Moura"},"module":"dist/concrete-ui.esm.js","size-limit":[{"path":"dist/concrete-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/concrete-ui.esm.js","limit":"10 KB"}],"devDependencies":{"@babel/core":"^7.17.10","@size-limit/preset-small-lib":"^7.0.8","@storybook/addon-essentials":"^6.4.22","@storybook/addon-info":"^5.3.21","@storybook/addon-links":"^6.4.22","@storybook/addons":"^6.4.22","@storybook/react":"^6.4.22","@types/react":"^18.0.9","@types/react-dom":"^18.0.4","@types/styled-components":"^5.1.25","babel-loader":"^8.2.5","husky":"^8.0.1","react":"^18.1.0","react-dom":"^18.1.0","react-is":"^18.1.0","size-limit":"^7.0.8","tsdx":"^0.14.1","tslib":"^2.4.0","typescript":"^4.6.4"},"dependencies":{"react-icons":"^4.3.1","styled-components":"^5.3.5"},"gitHead":"edde6f4ec5c321a44b1244d2fec152bffb99dd93","description":"> 🏗 Very early stage","_id":"@daanmoura/concrete-ui@0.1.1","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-WBYmeBYwTI5MeMm2hyFNn/oeuYQ2rrsKYlq5LW7JCB9WpvdYIKZL0pkPvZ355oAfFuzakqbhgDJG6+D+XrBDeQ==","shasum":"10915f1913f470b9e623968a2c97c99ce3308bc1","tarball":"https://registry.npmjs.org/@daanmoura/concrete-ui/-/concrete-ui-0.1.1.tgz","fileCount":76,"unpackedSize":3340399,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpjRr50iMSHiKg4DfD9IktYAuQ+kMvutMS+LuQT5biUAiEAn9EzaqTihS1F+mgWKJ2Sk8+916EyeUk05Dhmuzc/iX0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiEqIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplWw//UKcQU0S8NB+PB9KgPx4aEh6O45tbpw6oTD63cTZJTg0dm0tk\r\n3rlMfMOOOiikMzCHqQrUYM08VbjFzvzOh5fDuWYoQp5N5ndblvwExqX4J2jw\r\nDxcUoz8bWHtG5g98nXOuIeX5bK0zCVrokhDSiI/qjVZBy+UXh67BHbPoGDt2\r\nQMXeVgVLfBWPBesrXSef1ASABSM2a3tyZd6hlXRISttjMsHUxMWxN0v08VES\r\nVoPbkrEeuzF+UQnXNQrBHcnyXia7Q+QTA1PE7c3qKlYgjpZzF3jWGsXai4a4\r\nDHKx+QLX306QfITa5yf9utqmikIchGVuIvJ16dq1Yp+zMFOoNk9qkFzK3min\r\nait97yyeO+xlPzhbo9kPGZrIXyMEbXyIbUK/4ktfOrcXWvcOtdtxrKSNKWdp\r\nVLC/24DN/6NLJOW4Uw8ORO4WWGHLeK1Jn348JfUiGfMtfLlv1P60SV2pTDGB\r\nvs1S2/aPslLGVN5p3HFz2n84pynbu79pZP43kIJB05J5bcf6t5+Qlpbi4E7x\r\nuWNAZBZ5/Ohco1jXMLDr1t/EHVf9HsaN9AmPTZ2XjDNSbH9HgX7V9jdInvzY\r\ng8YdtRcGPL2X77Nd5A+RJ/sy5Sa6JyYrKJOrBQqHNDuQ9J10hoBiVVCbCC1h\r\npucFR6G8lYtwbXOarb4NqkVFVmEF8GkWpvI=\r\n=Kvsj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"daanmoura","email":"daniel.lucio.moura@gmail.com"},"directories":{},"maintainers":[{"name":"daanmoura","email":"daniel.lucio.moura@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/concrete-ui_0.1.1_1653099144671_0.41903952553927115"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-21T01:57:55.112Z","0.1.0":"2022-05-21T01:57:55.382Z","modified":"2022-05-21T02:12:25.025Z","0.1.1":"2022-05-21T02:12:24.954Z"},"maintainers":[{"name":"daanmoura","email":"daniel.lucio.moura@gmail.com"}],"description":"> 🏗 Very early stage","author":{"name":"Daniel Moura"},"license":"MIT","readme":"# ConcreteUI\n\n> 🏗 Very early stage\n\nConcreteUI is a _neubrutalist_ design system with inspiration from [this medium article](https://medium.com/user-experience-design-1/neubrutalism-is-taking-over-the-web-e9d09e0fe441).\n\n## Getting Started\n\nMake sure you have yarn or npm installed and follow these simple steps!\n\n### 1. **Clone the repo and change to the project directory**\n\n```\ngit clone https://github.com/DaanMoura/concrete-ui\ncd concrete-ui\n```\n\n### 2. **Install packages dependencies**\n\n```\nyarn install\n```\nor\n```\nnpm install\n```\n\n### 3. **Run storybook**\n```\nyarn storybook\n```\nor\n```\nnpm run storybook\n```\n\n---\n## TSDX React w/ Storybook User Guide\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run either Storybook or the example playground:\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [size-limit](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","readmeFilename":"README.md"}