{"_id":"@daydi3/primevue-overrides","name":"@daydi3/primevue-overrides","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@daydi3/primevue-overrides","version":"1.0.0","description":"Custom design overrides for PrimeVue components","main":"dist/primevue-overrides.umd.js","module":"dist/primevue-overrides.es.js","scripts":{"dev":"vite","build":"vite build","serve":"vite preview","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore","prepublishOnly":"npm run build"},"keywords":["primevue","vue","ui","components","custom-design"],"author":"","license":"ISC","peerDependencies":{"primevue":"^3.35.0","vue":"^3.3.4"},"dependencies":{"primeicons":"^6.0.1","primeflex":"^3.3.1"},"devDependencies":{"@vitejs/plugin-vue":"^4.3.4","sass":"^1.66.1","vite":"^4.4.9","eslint":"^8.49.0","eslint-plugin-vue":"^9.17.0","primevue":"^3.35.0","vue":"^3.3.4"},"publishConfig":{"access":"public"},"_id":"@daydi3/primevue-overrides@1.0.0","_nodeVersion":"20.12.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-zEYkYSQ6un5KCFSPySmezEzHtbb9KB4I/4hQ98w5NJ4j3dgT7ddiuTx7n2wZ3Arol9Lj2BhkGi5OLchaz21HJQ==","shasum":"4d07e8969062b25b4e78a9c61228c7b2b53fb288","tarball":"https://registry.npmjs.org/@daydi3/primevue-overrides/-/primevue-overrides-1.0.0.tgz","fileCount":13,"unpackedSize":1944655,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCCu87M1pKNKfMEbSri9AibRgpNZurhIk2fV0tBCZ+rBwIgdxHbxONCAyEnWDJLZc/sOi3Jv5paMHx3G88Stj+d5uQ="}]},"_npmUser":{"name":"rassem.bs","email":"rassem.bs@gmail.com","actor":{"name":"rassem.bs","email":"rassem.bs@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"rassem.bs","email":"rassem.bs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/primevue-overrides_1.0.0_1751625278501_0.06671525287280766"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-04T10:34:38.422Z","1.0.0":"2025-07-04T10:34:38.740Z","modified":"2025-07-04T10:34:39.099Z"},"maintainers":[{"name":"rassem.bs","email":"rassem.bs@gmail.com"}],"description":"Custom design overrides for PrimeVue components","keywords":["primevue","vue","ui","components","custom-design"],"license":"ISC","readme":"# PrimeVue Overrides\n\nThis package provides custom design overrides for PrimeVue components, allowing you to implement your own styled elements including buttons, dialogs, inputs, and more.\n\n## Installation\n\nFirst, install the dependencies:\n\n```bash\nnpm install\n```\n\n## Development\n\nTo start the development server:\n\n```bash\nnpm run dev\n```\n\n## Publishing as a Private npm Package\n\nTo publish this package as a private npm package, follow these steps:\n\n1. **Update the package name** in `package.json` with your organization's scope:\n\n```json\n{\n  \"name\": \"@your-organization/primevue-overrides\"\n}\n```\n\n2. **Login to npm** with your account that has access to your organization:\n\n```bash\nnpm login\n```\n\n3. **Build the package**:\n\n```bash\nnpm run build\n```\n\n4. **Publish the package**:\n\n```bash\nnpm publish\n```\n\nSince the package is marked as private (`\"private\": true`), you'll need an npm paid account or organization to publish it.\n\n## Using in Other Projects\n\nAfter publishing, you can use this package in your other projects instead of PrimeVue:\n\n### Install the package\n\n```bash\nnpm install @your-organization/primevue-overrides\n```\n\n### Method 1: Use as a Vue Plugin (Recommended)\n\n```javascript\n// main.js\nimport { createApp } from 'vue';\nimport App from './App.vue';\n\n// Import your custom PrimeVue package\nimport PrimeVueOverrides from '@your-organization/primevue-overrides';\n\n// Import PrimeIcons if needed\nimport 'primeicons/primeicons.css';\n\nconst app = createApp(App);\n\n// Use your custom package (this will register all components globally)\napp.use(PrimeVueOverrides, {\n  // Optional PrimeVue configuration\n  ripple: true,\n  inputStyle: 'filled'\n});\n\napp.mount('#app');\n```\n\n### Method 2: Import Individual Components\n\n```vue\n<template>\n  <div>\n    <Button label=\"Custom Button\" />\n    <InputText v-model=\"text\" placeholder=\"Custom Input\" />\n  </div>\n</template>\n\n<script>\nimport { Button, InputText } from '@your-organization/primevue-overrides';\n\nexport default {\n  components: {\n    Button,\n    InputText\n  },\n  data() {\n    return {\n      text: ''\n    };\n  }\n};\n</script>\n```\n\n### Method 3: Import Only the Styles\n\nIf you want to use the standard PrimeVue components but with your custom styling:\n\n```javascript\n// Import just the styles from your package\nimport '@your-organization/primevue-overrides/src/assets/styles/theme.scss';\n\n// Then use regular PrimeVue components\nimport { Button } from 'primevue/button';\n```\n\n## Customization\n\nYou can customize the design by modifying the variables in:\n\n```\nsrc/assets/styles/variables.scss\n```\n\nThis file contains all the design tokens used throughout the components, including:\n\n- Color palette\n- Typography\n- Border radius\n- Spacing\n- Shadows\n- Transitions\n\n## Component Overrides\n\nThe following components have been customized:\n\n- Buttons (primary, secondary, success, info, warning, help, danger)\n- Input fields (text inputs, password inputs)\n- Dialogs\n- Dropdowns\n- Checkboxes\n- Radio buttons\n- And more\n\n## Building for Production\n\nTo build the library for production:\n\n```bash\nnpm run build\n```\n\n## License\n\nISC\n","readmeFilename":"README.md","_rev":"1-776bdc8393deae211ebc65df8bfb60dd"}