{"_id":"@alexseitsinger/react-text-components","_rev":"1-1dee5ee746ec346561cd8e43120b27e6","name":"@alexseitsinger/react-text-components","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@alexseitsinger/react-text-components","version":"0.1.0","description":"Some generic React components for displaying text","main":"index.js","types":"types/index.d.ts","scripts":{"build":"yarn webpack && yarn run build:dev","build:dev":"yarn webpack --config=webpack.config.dev.js","test":"yarn jest"},"repository":{"type":"git","url":"https://github.com/alexseitsinger/react-text-components.git"},"keywords":["react","text"],"author":{"name":"Alex Seitsinger","email":"software@alexseitsinger.com"},"license":"BSD-2-Clause","bugs":{"url":"https://github.com/alexseitsinger/react-text-components/issues"},"homepage":"https://github.com/alexseitsinger/react-text-components","dependencies":{"@babel/runtime-corejs3":"7.8.4","@emotion/core":"^10.0.27","@emotion/styled":"^10.0.27","core-js":"3.6.4"},"devDependencies":{"@alexseitsinger/eslint-config":"^2.17.0","@babel/core":"7.8.4","@babel/plugin-proposal-export-namespace-from":"7.8.3","@babel/plugin-syntax-export-namespace-from":"7.8.3","@babel/plugin-transform-runtime":"7.8.3","@babel/preset-env":"7.8.4","@babel/preset-react":"7.8.3","@babel/preset-typescript":"^7.8.3","@emotion/babel-preset-css-prop":"^10.0.27","@types/enzyme":"^3.10.5","@types/enzyme-adapter-react-16":"^1.0.6","@types/jest":"^25.1.3","@types/react":"^16.9.21","@types/react-dom":"^16.9.5","@typescript-eslint/eslint-plugin":"^2.20.0","@typescript-eslint/parser":"^2.20.0","babel-core":"7.0.0-bridge.0","babel-jest":"25.1.0","babel-loader":"8.0.6","babel-plugin-emotion":"10.0.27","clean-webpack-plugin":"^3.0.0","enzyme":"3.11.0","enzyme-adapter-react-16":"1.15.2","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-import-resolver-jest":"^3.0.0","eslint-import-resolver-typescript":"^2.0.0","eslint-import-resolver-webpack":"^0.12.1","eslint-plugin-import":"^2.20.1","eslint-plugin-jest":"^23.7.0","eslint-plugin-jest-formatting":"^1.2.0","eslint-plugin-node":"^11.0.0","eslint-plugin-package-json":"^0.1.4","eslint-plugin-simple-import-sort":"^5.0.1","jest":"25.1.0","jest-emotion":"10.0.27","prettier":"^1.19.1","react":"^16.12.0","react-dom":"^16.12.0","terser-webpack-plugin":"^2.3.5","ts-jest":"^25.2.1","ts-loader":"^6.2.1","typescript":"^3.8.2","wait-for-expect":"^3.0.2","webpack":"4.41.6","webpack-cli":"3.3.11","webpack-node-externals":"1.7.2"},"peerDependencies":{"react":"^16"},"_id":"@alexseitsinger/react-text-components@0.1.0","dist":{"shasum":"d32c20b9c6c4740bb5c4d74df46c903e33f07adb","integrity":"sha512-aMzcnZx4fscScOMnfcMDHbxezjnSPsfE2Oe/11GswQka4MQyqwaRW2udv2RkRVPE948rXsax6KwGdqY/A4ZgwQ==","tarball":"https://registry.npmjs.org/@alexseitsinger/react-text-components/-/react-text-components-0.1.0.tgz","fileCount":16,"unpackedSize":314098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUPOzCRA9TVsSAnZWagAAJfgQAJ96qm6n1S7voBnod1TA\nUP90KDBm6iyUo8eJSu/TQ1xiTQt3N9Q6PX8eWimSxjb9AqI1u4MWBtPTj7Ji\nDkwgVJMSxQfF99BkhSoccsht+NGGtuuMfOQmSqGFp83gjiou1HL3KM6IaekU\nD6gB8tzkjRnnxfxNvfYsiqLbkKTJYfsc0GYzA59UzywoAMRMgWA3b858fhlP\nhh0N2edUVlRbWpPAFObtgCjqQAPmRRYG5YjmFCK6wjsJqPt/Voj9j41XGE2e\n8Lmk+vCDpzLUr68pdgIiloa7U9+WsbFPFvTGpV0s5cb/eF3Ka5RHnBUgUBFV\nvn2xQy/p13CWY7Qm5OK84Xu5v9B/CrSz4iIxn6mRKe1IuBH5GhiLnx6I0X3c\nTRXqas4W2NoKfnCH82jiSOeggZ0ihVOJy9c7iZaRLVaGjcjBmFtqApToLkub\n5uBPZO0uuo54v8Z/mfK4efu8k7I9wtF+sLX+MXpa73NWORrhjqRNQB8QyStF\nbrvGN8y6fwJgzc1rmPkAOJQRnM0azNZCsDp9bq8sLLJQWlb+KoMIRGXn4Do1\n9K5PHLncM7oiEd7kgvkWnW0yjT1PgmczHEueWumYwLEaUKBY15iiKwRemeOg\n/2xYp4WUJpO6hn+Pd37NftuH04JkZCRPIddCjWXHA4RdCK8p0wDQ5sFQT7yk\nwPZs\r\n=RMdS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3LjuwDZ9HwTFb36v5JI6CqUxJshh/su7ufahC/72/WQIhALSmeoR0So2PfXddDSpBhZUvUXRJ7gYkaKHGg7d1nP+C"}]},"maintainers":[{"name":"alexseitsinger","email":"alexseitsinger@gmail.com"}],"_npmUser":{"name":"alexseitsinger","email":"alexseitsinger@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-text-components_0.1.0_1582363570667_0.735480842019957"},"_hasShrinkwrap":false}},"time":{"created":"2020-02-22T09:26:10.638Z","0.1.0":"2020-02-22T09:26:10.860Z","modified":"2022-04-04T12:41:40.613Z"},"maintainers":[{"name":"alexseitsinger","email":"alexseitsinger@gmail.com"}],"description":"Some generic React components for displaying text","homepage":"https://github.com/alexseitsinger/react-text-components","keywords":["react","text"],"repository":{"type":"git","url":"https://github.com/alexseitsinger/react-text-components.git"},"author":{"name":"Alex Seitsinger","email":"software@alexseitsinger.com"},"bugs":{"url":"https://github.com/alexseitsinger/react-text-components/issues"},"license":"BSD-2-Clause","readme":"# Text Components\n\nComponents for displaying text. Best used with a global `font-size: 10px`.\n\n## Installation\n\n```bash\nyarn add @alexseitsinger/react-text-components\n```\n\n## Exports\n\n#### setTheme\n\nSet the configuration settings for the components to use.\n\n```javascript\nimport { setTheme } from \"@alexseitsinger/react-text-components\"\n\nsetTheme({\n  normalSize: 14,\n  dark: \"#666\",\n  darker: \"#444\",\n  darkest: \"#222\",\n  light: \"#AAA\",\n  lighter: \"#CCC\"\n  lightest: \"#EEE\",\n})\n```\n\n#### Headings\n\nAll headings have `font: inherit` and `font-weight: 600`\n\nName            | Description\n---             | ---\nBigHeading      | `h3` tag with `font-size: <NORMAL_SIZE> + 6px`\nBiggerHeading   | `h2` tag with `font-size: <NORMAL_SIZE> + 12px`\nBiggestHeading  | `h1` tag with `font-size: <NORMAL_SIZE> + 18px`\nSmallHeading    | `h4` tag with `font-size: <NORMAL_SIZE> - 1px`\nSmallerHeading  | `h5` tag with `font-size: <NORMAL_SIZE> - 2px`\nSmallestHeading | `h6` tag with `font-size: <NORMAL_SIZE> - 3px`\n\n#### Sizes\n\nAll sizes accept the following props:\n\nName    | Description          | Default   | Required?\n---     | ---                  | ---       | ---\nisBlock | Use `display: block` | undefined | no\n\nName         | Description\n---          | ---\nNormalText   | `span` tag with `font-size: <NORMAL_SIZE>`\nBigText      | `span` tag with `font-size: <NORMAL_SIZE> + 2px`\nBiggerText   | `span` tag with `font-size: <NORMAL_SIZE> + 4px`\nBiggestText  | `span` tag with `font-size: <NORMAL_SIZE> + 6px`\nSmallText    | `span` tag with `font-size: <NORMAL_SIZE> - 1px`\nSmallerText  | `span` tag with `font-size: <NORMAL_SIZE> - 2px`\nSmallestText | `span` tag with `font-size: <NORMAL_SIZE> - 3px`\n\n#### Weights\n\nName        | Description\n---         | ---\nBoldText    | `span` tag with `font-weight: 500`\nBoldestText | `span` tag with `font-weight: 600`\n\n#### Colors\n\nAll colors require the theme to be set at runtime via `setTheme`.\n\nName         | Description\n---          | ---\nDarkText     | `span` tag with `color: <DARK>`\nDarkerText   | `span` tag with `color: <DARKER>`\nDarkestText  | `span` tag with `color: <DARKEST>`\nLightText    | `span` tag with `color: <LIGHT>`\nLighterText  | `span` tag with `color: <LIGHTER>`\nLightestText | `span` tag with `color: <LIGHTEST>`\n\n\n#### Special\n\nName      | Description\n---       | ---\nInsetText | `span` tag with `color: <DARK>` and `text-shadow: 0 1px 0 #FFFFFF`\nSuperText | `span` tag using both `BoldestText` and `SmallerText` with `text-transform: uppercase`\n","readmeFilename":"README.md"}