{"_id":"@connexion-mobility-ltd/ui-library","_rev":"5-84f40db888d9d9c20fc0b7827a505bca","name":"@connexion-mobility-ltd/ui-library","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.1":{"name":"@connexion-mobility-ltd/ui-library","version":"1.0.1","_id":"@connexion-mobility-ltd/ui-library@1.0.1","maintainers":[{"name":"mo.adnan.connexion-mobility","email":"cto@connexionltd.com"},{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"}],"dist":{"shasum":"79373eea6d67406bc749dbe16220955088e635aa","tarball":"https://registry.npmjs.org/@connexion-mobility-ltd/ui-library/-/ui-library-1.0.1.tgz","fileCount":268,"integrity":"sha512-myz5uveJOZNfljiW2NiUO8XwxIWEqgPBCvJypnl87SqZSACN5Ya0iV/ofW4oT5bDQ9MtuEzqvYvtHNEsrvW3mA==","signatures":[{"sig":"MEQCIE42k8X3Nfqbmp3dharn1s+83OU3uaD+RlGO7BXXBMCOAiB7Gg4AwAYiX/Bq6ed6+2Vu4uTnLumKawmLw4Viuv6g6g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":272659},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"fe0332454fd62b7668ef3790ced01ed19a8bd0b3","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -p tsconfig.app.json","serve":"serve storybook-static","preview":"vite preview","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"},"_npmVersion":"11.1.0","description":"This repository contains a **shared UI component library** built using **React** and **Vite**, designed for reuse across multiple applications. The goal is to provide a consistent, easily maintainable, and scalable design system that accelerates developme","directories":{},"_nodeVersion":"20.17.0","dependencies":{"clsx":"^2.1.1","dayjs":"^1.11.13","react":"^19.0.0","date-fns":"^4.1.0","react-dom":"^19.0.0","@mui/material":"^6.4.11","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@tailwindcss/vite":"^4.0.9","styled-components":"^6.1.15","@mui/icons-material":"^7.1.0","@mui/x-date-pickers":"^8.3.1","@mui/styled-engine-sc":"^6.4.6","class-variance-authority":"^0.7.1"},"eslintConfig":{"extends":["plugin:storybook/recommended"]},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^6.2.0","eslint":"^9.21.0","vitest":"^3.0.7","globals":"^15.15.0","postcss":"^8.5.3","storybook":"^8.6.2","@eslint/js":"^9.21.0","playwright":"^1.50.1","typescript":"~5.7.2","tailwindcss":"^4.0.9","@types/react":"^19.0.10","autoprefixer":"^10.4.20","@storybook/test":"^8.6.2","@vitest/browser":"^3.0.7","@storybook/react":"^8.6.2","@types/react-dom":"^19.0.4","@storybook/blocks":"^8.6.2","typescript-eslint":"^8.24.1","@vitest/coverage-v8":"^3.0.7","@vitejs/plugin-react":"^4.3.4","@storybook/addon-jest":"^8.6.3","@storybook/react-vite":"^8.6.2","@storybook/addon-themes":"^8.6.10","eslint-plugin-storybook":"^0.11.3","@chromatic-com/storybook":"^3.2.5","eslint-plugin-react-hooks":"^5.1.0","@storybook/addon-essentials":"^8.6.2","@storybook/addon-onboarding":"^8.6.2","eslint-plugin-react-refresh":"^0.4.19","@storybook/experimental-addon-test":"^8.6.2"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_1.0.1_1750037079940_0.6299815798448447","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@connexion-mobility-ltd/ui-library","version":"1.0.2","_id":"@connexion-mobility-ltd/ui-library@1.0.2","maintainers":[{"name":"mo.adnan.connexion-mobility","email":"cto@connexionltd.com"},{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"}],"dist":{"shasum":"d734fb18296dce9a66184a78f4e3041d1661f053","tarball":"https://registry.npmjs.org/@connexion-mobility-ltd/ui-library/-/ui-library-1.0.2.tgz","fileCount":268,"integrity":"sha512-n2+4mDuWpjKFdYezEQtrLv7yIN3Ww4IgUaPzEcpUNCDQoRU4Ej6CHYtFdIip+ppEAxI11Fv0cbw9aOCz/xtuRw==","signatures":[{"sig":"MEUCIQD5tq7rwGQ7Ym+VTWV4LNbnXPbbHc9WEaR0CwCW/Fyl2gIgVNK6dgsYMLgTvgk94yNE3x+afU446HWeMEibCTr7yTc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":271645},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"fe0332454fd62b7668ef3790ced01ed19a8bd0b3","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -p tsconfig.app.json","serve":"serve storybook-static","preview":"vite preview","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"},"_npmVersion":"11.1.0","description":"This repository contains a **shared UI component library** built using **React** and **Vite**, designed for reuse across multiple applications. The goal is to provide a consistent, easily maintainable, and scalable design system that accelerates developme","directories":{},"_nodeVersion":"20.17.0","dependencies":{"clsx":"^2.1.1","dayjs":"^1.11.13","react":"^19.0.0","date-fns":"^4.1.0","react-dom":"^19.0.0","@mui/material":"^6.4.11","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@tailwindcss/vite":"^4.0.9","styled-components":"^6.1.15","@mui/icons-material":"^7.1.0","@mui/x-date-pickers":"^8.3.1","@mui/styled-engine-sc":"^6.4.6","class-variance-authority":"^0.7.1"},"eslintConfig":{"extends":["plugin:storybook/recommended"]},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^6.2.0","eslint":"^9.21.0","vitest":"^3.0.7","globals":"^15.15.0","postcss":"^8.5.3","storybook":"^8.6.2","@eslint/js":"^9.21.0","playwright":"^1.50.1","typescript":"~5.7.2","tailwindcss":"^4.0.9","@types/react":"^19.0.10","autoprefixer":"^10.4.20","@storybook/test":"^8.6.2","@vitest/browser":"^3.0.7","@storybook/react":"^8.6.2","@types/react-dom":"^19.0.4","@storybook/blocks":"^8.6.2","typescript-eslint":"^8.24.1","@vitest/coverage-v8":"^3.0.7","@vitejs/plugin-react":"^4.3.4","@storybook/addon-jest":"^8.6.3","@storybook/react-vite":"^8.6.2","@storybook/addon-themes":"^8.6.10","eslint-plugin-storybook":"^0.11.3","@chromatic-com/storybook":"^3.2.5","eslint-plugin-react-hooks":"^5.1.0","@storybook/addon-essentials":"^8.6.2","@storybook/addon-onboarding":"^8.6.2","eslint-plugin-react-refresh":"^0.4.19","@storybook/experimental-addon-test":"^8.6.2"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_1.0.2_1750037633241_0.9250237217998181","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@connexion-mobility-ltd/ui-library","version":"1.0.3","_id":"@connexion-mobility-ltd/ui-library@1.0.3","maintainers":[{"name":"mo.adnan.connexion-mobility","email":"cto@connexionltd.com"},{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"}],"dist":{"shasum":"befbdb36d29a967c57086b40c8c4d57318c707c8","tarball":"https://registry.npmjs.org/@connexion-mobility-ltd/ui-library/-/ui-library-1.0.3.tgz","fileCount":268,"integrity":"sha512-YNsQyjheQuhwx3T3zDwYUAWekbtV32rFVUeKAQuT+QETjfCI1b0Z6gwm+GoQtuVRat02N5rzp5wBncJsurfjXw==","signatures":[{"sig":"MEUCIQDk1OeTMZbXLpq8dw1AGjCz1YUwkHNu5BtaORw6H7MMSwIgf0BgVnvXXMyIqruenKhsEb8obg8zkWwD0aOoGqKRqZs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":272335},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"fe0332454fd62b7668ef3790ced01ed19a8bd0b3","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -p tsconfig.app.json","serve":"serve storybook-static","preview":"vite preview","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"},"_npmVersion":"11.1.0","description":"This repository contains a **shared UI component library** built using **React** and **Vite**, designed for reuse across multiple applications. The goal is to provide a consistent, easily maintainable, and scalable design system that accelerates developme","directories":{},"_nodeVersion":"20.17.0","dependencies":{"clsx":"^2.1.1","dayjs":"^1.11.13","react":"^19.0.0","date-fns":"^4.1.0","react-dom":"^19.0.0","@mui/material":"^6.4.11","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@tailwindcss/vite":"^4.0.9","styled-components":"^6.1.15","@mui/icons-material":"^7.1.0","@mui/x-date-pickers":"^8.3.1","@mui/styled-engine-sc":"^6.4.6","class-variance-authority":"^0.7.1"},"eslintConfig":{"extends":["plugin:storybook/recommended"]},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^6.2.0","eslint":"^9.21.0","vitest":"^3.0.7","globals":"^15.15.0","postcss":"^8.5.3","storybook":"^8.6.2","@eslint/js":"^9.21.0","playwright":"^1.50.1","typescript":"~5.7.2","tailwindcss":"^4.0.9","@types/react":"^19.0.10","autoprefixer":"^10.4.20","@storybook/test":"^8.6.2","@vitest/browser":"^3.0.7","@storybook/react":"^8.6.2","@types/react-dom":"^19.0.4","@storybook/blocks":"^8.6.2","typescript-eslint":"^8.24.1","@vitest/coverage-v8":"^3.0.7","@vitejs/plugin-react":"^4.3.4","@storybook/addon-jest":"^8.6.3","@storybook/react-vite":"^8.6.2","@storybook/addon-themes":"^8.6.10","eslint-plugin-storybook":"^0.11.3","@chromatic-com/storybook":"^3.2.5","eslint-plugin-react-hooks":"^5.1.0","@storybook/addon-essentials":"^8.6.2","@storybook/addon-onboarding":"^8.6.2","eslint-plugin-react-refresh":"^0.4.19","@storybook/experimental-addon-test":"^8.6.2"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_1.0.3_1750038106273_0.14631807556875853","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@connexion-mobility-ltd/ui-library","version":"1.0.5","_id":"@connexion-mobility-ltd/ui-library@1.0.5","maintainers":[{"name":"mo.adnan.connexion-mobility","email":"cto@connexionltd.com"},{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"}],"dist":{"shasum":"a11ec9ca07912c0bfd9fcaf95a14ddbc975f0ecf","tarball":"https://registry.npmjs.org/@connexion-mobility-ltd/ui-library/-/ui-library-1.0.5.tgz","fileCount":274,"integrity":"sha512-lLNFNt0+I4og5h/9V6PXfvNSqHy+rkZW2MKyMpWTwPrp/vhEH0S9qXvxmEIoTuPRTjz2Q00l4Vnykn2eKBb7Ww==","signatures":[{"sig":"MEUCIH+3MbgtvkYef9LDQw25GuKhqGmMVQasZmgn6pNA1ds5AiEAowl/pnK2nSV/ppxpLlneC0cupcsXGqhzMpmZnDMCgc4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":276509},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"0535c3ac58b7cd4dfa8fa1965181f2dd68de23ef","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -p tsconfig.app.json","serve":"serve storybook-static","preview":"vite preview","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"renso.connexion","actor":{"name":"renso.connexion","type":"user","email":"romeo.enso@connexionltd.com"},"email":"romeo.enso@connexionltd.com"},"_npmVersion":"11.1.0","description":"[Storybook Demo](https://master.d32sji45w4dv29.amplifyapp.com) — View the latest published component library.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"clsx":"^2.1.1","dayjs":"^1.11.13","react":"^19.0.0","date-fns":"^4.1.0","react-dom":"^19.0.0","@mui/material":"^6.4.11","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@tailwindcss/vite":"^4.0.9","styled-components":"^6.1.15","@mui/icons-material":"6.4.11","@mui/x-date-pickers":"^8.3.1","@mui/styled-engine-sc":"^6.4.6","class-variance-authority":"^0.7.1"},"eslintConfig":{"extends":["plugin:storybook/recommended"]},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^6.2.0","eslint":"^9.21.0","vitest":"^3.0.7","globals":"^15.15.0","postcss":"^8.5.3","storybook":"^8.6.2","@eslint/js":"^9.21.0","playwright":"^1.50.1","typescript":"~5.7.2","tailwindcss":"^4.0.9","@types/react":"^19.0.10","autoprefixer":"^10.4.20","@storybook/test":"^8.6.2","@vitest/browser":"^3.0.7","@storybook/react":"^8.6.2","@types/react-dom":"^19.0.4","@storybook/blocks":"^8.6.2","typescript-eslint":"^8.24.1","@vitest/coverage-v8":"^3.0.7","@vitejs/plugin-react":"^4.3.4","@storybook/addon-jest":"^8.6.3","@storybook/react-vite":"^8.6.2","@storybook/addon-themes":"^8.6.10","eslint-plugin-storybook":"^0.11.3","@chromatic-com/storybook":"^3.2.5","eslint-plugin-react-hooks":"^5.1.0","@storybook/addon-essentials":"^8.6.2","@storybook/addon-onboarding":"^8.6.2","eslint-plugin-react-refresh":"^0.4.19","@storybook/experimental-addon-test":"^8.6.2"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_1.0.5_1750647737388_0.6517226587380429","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@connexion-mobility-ltd/ui-library","version":"1.0.6","type":"module","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"dev":"vite","build":"tsc -p tsconfig.app.json","lint":"eslint .","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build","serve":"serve storybook-static","prepublishOnly":"npm run build"},"dependencies":{"@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@mui/icons-material":"6.4.11","@mui/material":"^6.4.11","@mui/styled-engine-sc":"^6.4.6","@mui/x-date-pickers":"^8.3.1","@tailwindcss/vite":"^4.0.9","class-variance-authority":"^0.7.1","clsx":"^2.1.1","date-fns":"^4.1.0","dayjs":"^1.11.13","react":"^19.0.0","react-dom":"^19.0.0","styled-components":"^6.1.15"},"devDependencies":{"@chromatic-com/storybook":"^3.2.5","@eslint/js":"^9.21.0","@storybook/addon-essentials":"^8.6.2","@storybook/addon-jest":"^8.6.3","@storybook/addon-onboarding":"^8.6.2","@storybook/addon-themes":"^8.6.10","@storybook/blocks":"^8.6.2","@storybook/experimental-addon-test":"^8.6.2","@storybook/react":"^8.6.2","@storybook/react-vite":"^8.6.2","@storybook/test":"^8.6.2","@types/react":"^19.0.10","@types/react-dom":"^19.0.4","@vitejs/plugin-react":"^4.3.4","@vitest/browser":"^3.0.7","@vitest/coverage-v8":"^3.0.7","autoprefixer":"^10.4.20","eslint":"^9.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.19","eslint-plugin-storybook":"^0.11.3","globals":"^15.15.0","jest":"^29.7.0","playwright":"^1.50.1","postcss":"^8.5.3","storybook":"^8.6.2","tailwindcss":"^4.0.9","typescript":"~5.7.2","typescript-eslint":"^8.24.1","vite":"^6.2.0","vitest":"^3.0.7"},"eslintConfig":{"extends":["plugin:storybook/recommended"]},"_id":"@connexion-mobility-ltd/ui-library@1.0.6","gitHead":"0535c3ac58b7cd4dfa8fa1965181f2dd68de23ef","description":"[Storybook Demo](https://master.d32sji45w4dv29.amplifyapp.com) — View the latest published component library.","_nodeVersion":"20.17.0","_npmVersion":"11.1.0","dist":{"integrity":"sha512-mztY3l3hzB+6Xf+whysIMqOv4AJFOlqoIPOlCtodBwksVUtgDRPJK68BjG/hWTdJYcnh+EJ0HALGl1obNvRCUA==","shasum":"b3a0e43c41ce88caddf3827f15a2b3501ba93f70","tarball":"https://registry.npmjs.org/@connexion-mobility-ltd/ui-library/-/ui-library-1.0.6.tgz","fileCount":274,"unpackedSize":276625,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDDDLL7B0PGz/7O2TJSoxZDjEjvBYztr0N6PX/WdU1gGQIgIKrpGb3myT+RzjHDa3rAdd7N0mEnxVnlU73ApOu92v0="}]},"_npmUser":{"name":"renso.connexion","email":"romeo.enso@connexionltd.com","actor":{"name":"renso.connexion","email":"romeo.enso@connexionltd.com","type":"user"}},"directories":{},"maintainers":[{"name":"mo.adnan.connexion-mobility","email":"cto@connexionltd.com"},{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-library_1.0.6_1750648081423_0.6807179941265527"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-16T01:24:39.835Z","modified":"2025-06-23T03:08:01.790Z","1.0.1":"2025-06-16T01:24:40.208Z","1.0.2":"2025-06-16T01:33:53.485Z","1.0.3":"2025-06-16T01:41:46.445Z","1.0.5":"2025-06-23T03:02:17.592Z","1.0.6":"2025-06-23T03:08:01.602Z"},"description":"[Storybook Demo](https://master.d32sji45w4dv29.amplifyapp.com) — View the latest published component library.","maintainers":[{"name":"mo.adnan.connexion-mobility","email":"cto@connexionltd.com"},{"name":"renso.connexion","email":"romeo.enso@connexionltd.com"}],"readme":"# UI Shared Library\n\n[Storybook Demo](https://master.d32sji45w4dv29.amplifyapp.com) — View the latest published component library.\n\nThis repository contains a **shared UI component library** built using **React** and **Vite**, designed for reuse across multiple applications. The goal is to provide a consistent, easily maintainable, and scalable design system that accelerates development and ensures visual consistency across products.\n\n## ✨ Features\n\n- ⚛️ **React** with fast refresh and HMR (Hot Module Replacement) via **Vite**\n- 🧱 Prebuilt **shared components** following the Connexion Design System\n- 🎨 Figma design integration for accurate visual matching\n- 📦 Ready to publish as an npm package (optional)\n- 🧹 Code linting with **ESLint**\n- 📚 Component documentation and previews via **Storybook**\n\n## 📁 Folder Structure\n\n```\nui-shared-library/\n├── .storybook/         # Storybook configuration\n├── src/\n│   ├── components/     # Shared UI components\n│   ├── hooks/          # Reusable custom React hooks (optional)\n│   └── index.ts        # Export components for consumption\n├── public/             # Static assets\n├── vite.config.ts      # Vite configuration\n├── tsconfig.json       # TypeScript configuration\n├── .eslintrc.js        # ESLint rules\n└── package.json\n```\n\n## 🎨 Design Reference\n\nAll components follow the design guidelines provided in the Connexion Design System. For reference, please consult the Figma file linked below:\n\n👉 [Figma File](https://www.figma.com/design/gwL0YfUs4PHz986Pt5HiaE/Connexion-Design-System---Component-Library?node-id=3532-309&t=cCwa6UutVS5toMZ9-0)\n\n## 🚀 Getting Started\n\n### 1. Install dependencies\n\n```bash\nnpm install\n```\n\n### 2. Run Storybook (Component Previews)\n\nStorybook is used to develop and showcase individual components in isolation.\n\n```bash\nnpm run storybook\n```\n\nStorybook will be available at [http://localhost:6006](http://localhost:6006) by default.\n\n### 3. Build the library\n\nTo generate a bundled version of the library for distribution:\n\n```bash\nnpm run build\n```\n\n### 4. Lint your code\n\nTo run ESLint:\n\n```bash\nnpm run lint\n```\n\n## 📦 Publishing (Optional)\n\nTo publish your library as a package to npm:\n\n1. Ensure your components are exported via `src/index.ts`\n2. Build the library:\n   ```bash\n   npm run build\n   ```\n3. Login and publish:\n   ```bash\n   npm login\n   npm publish\n   ```\n\n> 🔐 Consider setting `\"private\": true` in `package.json` if you don’t want it published.\n\n## 🧑‍💻 Tech Stack\n\n- **React**\n- **TypeScript**\n- **Vite**\n- **Storybook**\n- **ESLint**\n- **Figma** (for design specs)\n\n## 📬 Contributing\n\n1. Fork the repo\n2. Create your feature branch: `git checkout -b feat/my-new-component`\n3. Commit your changes: `git commit -m \"Add new component\"`\n4. Push to the branch: `git push origin feat/my-new-component`\n5. Open a Pull Request\n\n## 📝 License\n\nThis project is licensed under the MIT License.\n","readmeFilename":"README.md"}