{"_id":"simplygrow-ui","_rev":"109-0c02195f878f4ff05fdac17fa661e358","name":"simplygrow-ui","dist-tags":{"latest":"0.8.29"},"versions":{"0.8.28":{"name":"simplygrow-ui","version":"0.8.28","keywords":["react","typescript","components","hooks","ui-library","simplygrow"],"author":{"name":"Stephen Scholtz"},"license":"MIT","_id":"simplygrow-ui@0.8.28","maintainers":[{"name":"scholtz.gnome","email":"scholtz.gnome@gmail.com"}],"homepage":"https://github.com/scholtz-gnome/simplygrow-ui#readme","bugs":{"url":"https://github.com/scholtz-gnome/simplygrow-ui/issues"},"dist":{"shasum":"78d5c20a303bae2dfcea720dfbd87171cd7c5fe2","tarball":"https://registry.npmjs.org/simplygrow-ui/-/simplygrow-ui-0.8.28.tgz","fileCount":216,"integrity":"sha512-iOZcVpJsUS0BEWgofNpksxME2m7nGmUFF36ltbl2DTxkEbPL4M2O3RQByGh9/HSfdVRLjRnpy0RWasz+OrECqw==","signatures":[{"sig":"MEUCIF+X5pa59J+2nUJUEwPV/ZgLZydvbyeb07z+rwdkJz4UAiEAi75wOWzTNRGaYkKbETKFhj/1CyUe8uaVk3fFDUVANUo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29762826},"main":"dist/cjs/index.js","types":"dist/index.d.ts","module":"dist/esm/index.js","gitHead":"10565e3b23777c05058558ec801f6ecdf0082ebf","scripts":{"dev":"serve ./public","lint":"eslint './{src,app}/**/*.{ts,tsx}'","size":"size-limit","build":"rollup -c","prepare":"npm run build","build:watch":"rollup -c -w"},"_npmUser":{"name":"scholtz.gnome","actor":{"name":"scholtz.gnome","type":"user","email":"scholtz.gnome@gmail.com"},"email":"scholtz.gnome@gmail.com"},"repository":{"url":"git+https://github.com/scholtz-gnome/simplygrow-ui.git","type":"git"},"size-limit":[{"path":"public/bundle.js","limit":"10 kB"}],"_npmVersion":"10.7.0","description":"A library of React components, hooks and utility functions built with TypeScript and CSS Modules.","directories":{},"_nodeVersion":"18.20.4","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"serve":"^14.2.3","tslib":"^2.6.2","deepmerge":"^4.3.1","@mui/material":"^6.4.1","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","react-otp-input":"^3.1.1","@rollup/plugin-terser":"^0.4.3"},"_hasShrinkwrap":false,"devDependencies":{"i":"^0.3.7","ajv":"^7.2.4","npm":"^10.8.2","next":"^15.3.1","react":"^18.2.0","eslint":"^8.49.0","rollup":"^3.29.2","fuse.js":"^7.1.0","postcss":"^8.4.30","prettier":"^3.0.3","react-dom":"^18.2.0","size-limit":"^9.0.0","typescript":"^5.2.2","@babel/core":"^7.25.2","@types/react":"^18.2.22","@mui/x-data-grid":"^7.28.0","@types/react-dom":"^18.2.7","rollup-plugin-dts":"^6.1.1","identity-obj-proxy":"^3.0.0","rollup-plugin-copy":"^3.5.0","@babel/preset-react":"^7.24.7","eslint-plugin-react":"^7.33.2","@rollup/plugin-babel":"^6.0.4","rollup-plugin-delete":"^2.0.0","rollup-plugin-banner2":"^1.3.0","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-replace":"^5.0.7","@testing-library/react":"^14.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.0","@rollup/plugin-commonjs":"^25.0.4","format-string-by-pattern":"^1.2.2","rollup-plugin-use-client":"^1.4.0","@rollup/plugin-typescript":"^11.1.3","@typescript-eslint/parser":"^6.7.2","rollup-preserve-directives":"^1.1.1","@rollup/plugin-node-resolve":"^15.2.1","@size-limit/preset-small-lib":"^9.0.0","@typescript-eslint/eslint-plugin":"^6.7.2","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-preserve-directives":"^0.4.0","rollup-plugin-generate-package-json":"^3.2.0","@types/rollup-plugin-peer-deps-external":"^2.2.5"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0","typescript":">=3.7.0"},"_npmOperationalInternal":{"tmp":"tmp/simplygrow-ui_0.8.28_1752074179620_0.554735106975095","host":"s3://npm-registry-packages-npm-production"}},"0.8.29":{"name":"simplygrow-ui","version":"0.8.29","description":"A library of React components, hooks and utility functions built with TypeScript and CSS Modules.","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","build:watch":"rollup -c -w","lint":"eslint './{src,app}/**/*.{ts,tsx}'","size":"size-limit","prepare":"npm run build","dev":"serve ./public"},"repository":{"type":"git","url":"git+https://github.com/scholtz-gnome/simplygrow-ui.git"},"keywords":["react","typescript","components","hooks","ui-library","simplygrow"],"author":{"name":"Stephen Scholtz"},"license":"MIT","peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0","typescript":">=3.7.0"},"devDependencies":{"@babel/core":"^7.25.2","@babel/preset-react":"^7.24.7","@mui/x-data-grid":"^7.28.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-node-resolve":"^15.2.1","@rollup/plugin-replace":"^5.0.7","@rollup/plugin-typescript":"^11.1.3","@size-limit/preset-small-lib":"^9.0.0","@testing-library/react":"^14.0.0","@types/react":"^18.2.22","@types/react-dom":"^18.2.7","@types/rollup-plugin-peer-deps-external":"^2.2.5","@typescript-eslint/eslint-plugin":"^6.7.2","@typescript-eslint/parser":"^6.7.2","ajv":"^7.2.4","eslint":"^8.49.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.0","eslint-plugin-react":"^7.33.2","format-string-by-pattern":"^1.2.2","fuse.js":"^7.1.0","i":"^0.3.7","identity-obj-proxy":"^3.0.0","npm":"^10.8.2","postcss":"^8.4.30","prettier":"^3.0.3","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.29.2","rollup-plugin-banner2":"^1.3.0","rollup-plugin-copy":"^3.5.0","rollup-plugin-delete":"^2.0.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-generate-package-json":"^3.2.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-preserve-directives":"^0.4.0","rollup-plugin-use-client":"^1.4.0","rollup-preserve-directives":"^1.1.1","size-limit":"^9.0.0","typescript":"^5.2.2"},"dependencies":{"@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@mui/material":"^6.4.1","@rollup/plugin-terser":"^0.4.3","deepmerge":"^4.3.1","react-otp-input":"^3.1.1","serve":"^14.2.3","tslib":"^2.6.2"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"size-limit":[{"path":"public/bundle.js","limit":"10 kB"}],"_id":"simplygrow-ui@0.8.29","gitHead":"0b4cf4e99306ba8eb49867eba7af0abbc57a5362","bugs":{"url":"https://github.com/scholtz-gnome/simplygrow-ui/issues"},"homepage":"https://github.com/scholtz-gnome/simplygrow-ui#readme","_nodeVersion":"18.20.4","_npmVersion":"10.7.0","dist":{"integrity":"sha512-79lO55Rr8lALA5G9KcYbajUhQt5UmW94dZnD26//PJTBJESFIjlWeW18moyi7Qlezj4hzjWMuLWg66UxYpqqjw==","shasum":"add7b831142131ddf00790092031c5f5b42bfa69","tarball":"https://registry.npmjs.org/simplygrow-ui/-/simplygrow-ui-0.8.29.tgz","fileCount":216,"unpackedSize":28315990,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCsK9yTUOmkvlSyLIkrDTgM4OdMG7pypE5UnZcA0zrDjwIgQOaT00CBfrB2MPbtVmoPvNFJ707Y+ZSMaV2/cwPzQww="}]},"_npmUser":{"name":"scholtz.gnome","email":"scholtz.gnome@gmail.com","actor":{"name":"scholtz.gnome","email":"scholtz.gnome@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"scholtz.gnome","email":"scholtz.gnome@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/simplygrow-ui_0.8.29_1752074763919_0.7382691922442031"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-09T15:16:19.619Z","modified":"2025-07-09T15:26:04.361Z","0.1.0":"2024-08-02T13:15:41.176Z","0.2.0":"2024-08-02T13:43:18.560Z","0.2.1":"2024-08-02T13:50:16.570Z","0.2.2":"2024-08-02T13:58:59.658Z","0.2.3":"2024-08-02T14:27:41.469Z","0.2.4":"2024-08-02T14:34:17.376Z","0.2.6":"2024-08-02T14:39:52.239Z","0.2.7":"2024-08-02T14:58:34.691Z","0.3.0":"2024-08-02T15:02:49.522Z","0.3.1":"2024-08-02T15:21:16.283Z","0.3.2":"2024-08-02T15:22:18.801Z","0.4.0":"2024-08-05T09:04:04.351Z","0.4.1":"2024-08-05T13:39:53.742Z","0.4.2":"2024-08-05T14:09:27.212Z","0.4.3":"2024-08-06T06:57:13.057Z","0.4.4":"2024-08-07T12:51:31.232Z","0.4.5":"2024-08-07T13:06:56.714Z","0.4.6":"2024-08-07T13:08:55.376Z","0.4.7":"2024-08-08T07:22:37.825Z","0.4.8":"2024-08-08T08:42:35.798Z","0.4.9":"2024-08-12T07:36:20.076Z","0.4.10":"2024-08-12T07:53:39.393Z","0.4.11":"2024-08-12T08:53:18.364Z","0.4.13":"2024-08-12T09:07:57.860Z","0.4.14":"2024-08-12T09:18:27.119Z","0.4.16":"2024-08-12T09:57:35.078Z","0.4.17":"2024-08-12T10:12:05.602Z","0.4.18":"2024-08-12T11:12:54.889Z","0.5.0":"2024-08-12T12:10:11.315Z","0.5.1":"2024-08-12T12:23:03.534Z","0.5.3":"2024-08-12T12:39:39.832Z","0.6.3":"2024-08-13T06:21:35.413Z","0.6.4":"2024-08-13T06:54:10.104Z","0.6.5":"2024-08-13T08:42:43.539Z","0.6.6":"2024-08-13T08:54:09.431Z","0.6.7":"2024-08-13T11:37:28.782Z","0.6.8":"2024-08-13T14:26:09.519Z","0.6.9":"2024-08-14T09:13:41.091Z","0.6.10":"2024-08-16T10:22:50.212Z","0.6.11":"2024-08-16T13:43:27.784Z","0.6.12":"2024-08-20T13:09:58.710Z","0.6.13":"2024-08-22T08:39:26.151Z","0.7.0":"2024-08-22T11:50:41.621Z","0.7.1":"2024-08-23T09:51:11.899Z","0.7.2":"2024-08-23T11:36:18.483Z","0.7.3":"2024-08-23T13:40:53.810Z","0.7.4":"2024-09-12T08:02:35.376Z","0.7.5":"2024-09-18T09:36:15.036Z","0.7.6":"2024-12-18T13:39:59.478Z","0.7.7":"2024-12-18T13:53:03.091Z","0.7.8":"2025-01-14T09:40:35.551Z","0.7.9":"2025-01-14T09:45:08.460Z","0.7.10":"2025-01-24T09:58:18.929Z","0.7.11":"2025-01-27T12:56:08.199Z","0.7.12":"2025-01-28T14:48:05.939Z","0.7.13":"2025-01-29T11:10:00.231Z","0.7.15":"2025-01-30T09:26:03.451Z","0.7.16":"2025-02-20T08:35:33.769Z","0.7.17":"2025-03-05T11:26:16.057Z","0.7.18":"2025-03-06T09:58:09.477Z","0.7.19":"2025-03-07T07:25:46.444Z","0.7.20":"2025-03-10T09:28:38.923Z","0.7.21":"2025-03-10T13:23:40.983Z","0.7.22":"2025-03-17T07:30:15.444Z","0.7.23":"2025-03-18T12:04:23.800Z","0.7.24":"2025-03-19T11:50:47.639Z","0.7.25":"2025-03-20T12:33:47.680Z","0.7.26":"2025-03-24T10:34:58.224Z","0.7.27":"2025-03-24T10:51:14.120Z","0.7.28":"2025-03-24T13:52:53.798Z","0.7.29":"2025-03-25T08:48:08.235Z","0.7.30":"2025-03-25T13:06:57.373Z","0.7.31":"2025-03-26T13:03:47.389Z","0.7.32":"2025-03-28T11:00:10.787Z","0.7.33":"2025-04-01T09:43:56.491Z","0.7.34":"2025-04-02T09:54:38.084Z","0.7.35":"2025-04-03T11:27:33.838Z","0.8.0":"2025-04-09T12:29:09.074Z","0.8.1":"2025-04-11T14:13:57.037Z","0.8.2":"2025-05-05T08:30:11.977Z","0.8.3":"2025-05-05T08:34:17.177Z","0.8.4":"2025-05-05T12:52:46.954Z","0.8.5":"2025-05-05T13:03:34.394Z","0.8.6":"2025-05-05T13:09:04.072Z","0.8.7":"2025-05-05T13:11:14.573Z","0.8.8":"2025-05-05T13:25:09.117Z","0.8.9":"2025-05-05T13:30:29.415Z","0.8.10":"2025-05-05T13:32:55.751Z","0.8.11":"2025-05-05T13:35:54.259Z","0.8.12":"2025-05-05T13:41:52.552Z","0.8.13":"2025-05-05T13:55:57.348Z","0.8.14":"2025-05-05T14:00:31.669Z","0.8.15":"2025-05-05T14:02:46.531Z","0.8.16":"2025-05-05T14:05:38.748Z","0.8.17":"2025-05-05T14:12:59.305Z","0.8.18":"2025-05-06T07:34:55.830Z","0.8.19":"2025-05-06T07:58:15.382Z","0.8.20":"2025-05-06T08:48:46.586Z","0.8.21":"2025-05-06T09:36:13.410Z","0.8.22":"2025-05-06T09:44:20.804Z","0.8.23":"2025-05-06T11:50:37.147Z","0.8.24":"2025-05-06T12:01:48.256Z","0.8.25":"2025-05-08T08:11:30.664Z","0.8.26":"2025-05-08T10:18:57.569Z","0.8.27":"2025-05-09T11:54:40.491Z","0.8.28":"2025-07-09T15:16:19.893Z","0.8.29":"2025-07-09T15:26:04.194Z"},"bugs":{"url":"https://github.com/scholtz-gnome/simplygrow-ui/issues"},"author":{"name":"Stephen Scholtz"},"license":"MIT","homepage":"https://github.com/scholtz-gnome/simplygrow-ui#readme","keywords":["react","typescript","components","hooks","ui-library","simplygrow"],"repository":{"type":"git","url":"git+https://github.com/scholtz-gnome/simplygrow-ui.git"},"description":"A library of React components, hooks and utility functions built with TypeScript and CSS Modules.","maintainers":[{"name":"scholtz.gnome","email":"scholtz.gnome@gmail.com"}],"readme":"# SimplyGrow UI\n\nA library of React components, hooks and utility functions built with TypeScript and CSS Modules.\n\n- [Usage](#usage)\n  - [Install package](#install-package)\n  - [Global CSS](#global-css)\n  - [`<UIProvider />` Component](#uiprovider-component)\n    - [Next.js](#nextjs)\n    - [Create React App](#create-react-app)\n- [Components](#components)\n- [Developing](#developing)\n\n# Usage\n\n## Install package\n\n```bash\nnpm install simplygrow-ui\n```\n\n## Global CSS\n\nIn your root component/layout, paste the following code:\n\n```typescript\nimport 'simplygrow-ui/dist/esm/index.css';\n```\n\n## UIProvider component\n\nIn your root component/layout, import the `<UIProvider />` component and wrap your React children (as well as any other React context providers involving UI). This allows you to select the SimplyGrow app you are using, which will update the colours of all components.\n\n### Next.js\n\n```typescript\nimport { UIProvider } from 'simplygrow-ui';\n\ninterface RootLayoutProps {\n  children: ReactNode\n}\n\nconst RootLayout: FC<RootLayoutProps> = ({ children }) => {\n  return (\n    <html lang=\"en\">\n      <body>\n        <UIProvider appTheme={'skillbook'}>\n          <main>{children}</main>\n        </UIProvider>\n      </body>\n    </html>\n  )\n}\n\nexport default RootLayout\n```\n\n### Create React App\n\n```typescript\nimport { UIProvider } from 'simplygrow-ui';\n\nfunction App({ children }) {\n  return (\n    <UIProvider appTheme={'peopleflow'}>\n      {children}\n    </UIProvider>\n  );\n}\n\nexport default App\n```\n\n# Components\n\n- ActionButton\n- LinkButton\n- FileInputButton\n- CheckboxInput\n- FlexContainer\n- FormContainer\n- GridContainer\n- Header\n- Heading\n- Input\n- LinkText\n- LoadingSpinner\n- Modal\n- OTPInput\n- Paragraph\n- Select\n- UnorderedList\n- Code\n\n# Developing\n\nTo contribute to `simplygrow-ui`, following these steps:\n\nEnsure you have Node v20.14.0 installed. If you use `nvm`, run the following command to use the version of Node stipulated in `nvmrc`.\n\n```bash\nnvm use\n```\n\nInstall the project dependencies.\n\n```bash\nnpm install\n```\n\nIn order to test out the components in a realistic React context while developing, use the simple React app bundled with Rollup. Import any components into `src/app.js` to test them out. To run the React app, run the following terminal commands in two terminal instances at the same time:\n\n```bash\nnpm run build:watch\n```\n\nThis will bundle your code with Rollup and re-run the bundle on file changes.\n\n```bash\nnpm run dev\n```\n\nThis will spin up a simple server accessed at [localhost:3000](http://localhost:3000) to host the file in `public/index.html`.\n","readmeFilename":"README.md"}