{"_id":"@arminmajerie/pragmatic-drag-and-drop-accessibility","name":"@arminmajerie/pragmatic-drag-and-drop-accessibility","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@arminmajerie/pragmatic-drag-and-drop-accessibility","version":"1.0.0","description":"Solid components to assist with accessible drag-and-drop (ARIA live region + drag handle)","keywords":["drag-and-drop","pragmatic-drag-and-drop","accessibility","a11y","solid","solidjs"],"author":{"name":"Armin Majerie"},"license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/arminmajerie/pragmatic-drag-and-drop-solid.git"},"homepage":"https://github.com/arminmajerie/pragmatic-drag-and-drop-solid","bugs":{"url":"https://github.com/arminmajerie/pragmatic-drag-and-drop-solid/issues"},"sideEffects":["*.css"],"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"},"./drag-handle-button":{"types":"./dist/drag-handle-button.d.ts","import":"./dist/drag-handle-button.jsx","require":"./dist/drag-handle-button.jsx"},"./drag-handle-button-small":{"types":"./dist/drag-handle-button-small.d.ts","import":"./dist/drag-handle-button-small.jsx","require":"./dist/drag-handle-button-small.jsx"},"./styles.css":"./dist/styles.css"},"typesVersions":{"*":{"drag-handle-button":["dist/drag-handle-button.d.ts"],"drag-handle-button-small":["dist/drag-handle-button-small.d.ts"]}},"peerDependencies":{"solid-js":"^1.9.7"},"dependencies":{},"devDependencies":{"eslint":"^9.33.0","rimraf":"^6.0.1","typescript":"5.9.2"},"scripts":{"clean":"rimraf dist","build":"tsc -p tsconfig.json && node scripts/copy-css.js","prepublishOnly":"npm run build","rebuild":"npm run clean && npm run build"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_id":"@arminmajerie/pragmatic-drag-and-drop-accessibility@1.0.0","gitHead":"88f74daf40000ab5cc88594a3a2f4e65822d43a6","_nodeVersion":"20.18.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-AKEZJcedJ4DPrMkp1qQxEK6QNk6qNrMXD3gz8WO/aCP82rT5iIy2n8Pl8iITvUwGdY7HSmXWxlNrJM3xX1KFlw==","shasum":"c53942b3641f89e24ac9fb796160814ed946be0c","tarball":"https://registry.npmjs.org/@arminmajerie/pragmatic-drag-and-drop-accessibility/-/pragmatic-drag-and-drop-accessibility-1.0.0.tgz","fileCount":25,"unpackedSize":19832,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDiRQr/T9A6taSszmAsyWBu1xqr5Lb4ZX0Q28lEzIJ9ewIgZ6o5Jqi2ZKZ03mazQrRLkcG8aKof0qc4GW6K3K37Ezk="}]},"_npmUser":{"name":"arminmajerie","email":"majeriemail@gmail.com"},"directories":{},"maintainers":[{"name":"arminmajerie","email":"majeriemail@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pragmatic-drag-and-drop-accessibility_1.0.0_1755431411628_0.08030901249805367"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-17T11:50:11.535Z","1.0.0":"2025-08-17T11:50:11.803Z","modified":"2025-08-17T11:50:12.085Z"},"maintainers":[{"name":"arminmajerie","email":"majeriemail@gmail.com"}],"description":"Solid components to assist with accessible drag-and-drop (ARIA live region + drag handle)","homepage":"https://github.com/arminmajerie/pragmatic-drag-and-drop-solid","keywords":["drag-and-drop","pragmatic-drag-and-drop","accessibility","a11y","solid","solidjs"],"repository":{"type":"git","url":"git+https://github.com/arminmajerie/pragmatic-drag-and-drop-solid.git"},"author":{"name":"Armin Majerie"},"bugs":{"url":"https://github.com/arminmajerie/pragmatic-drag-and-drop-solid/issues"},"license":"Apache-2.0","readme":"## Pragmatic drag and drop\n\nAn optional package for Pragmatic drag and drop containing `Solid.js` components to assist with setting up accessible experiences.\n\nIf you want these buttons to pick up the same Atlassian token colors, define CSS vars in your app theme (optional):\n// Bring in default tokens\nimport '@arminmajerie/pragmatic-drag-and-drop-accessibility/styles.css';\n\n// Later, they can override any variable in their own CSS (loaded after)\n```css\n:root {\n--pddd-color-background-neutral: #f1f2f4;\n--pddd-color-background-neutral-subtle: transparent;\n--pddd-color-background-selected: #0c66e4;\n--pddd-color-text: #172b4d;\n--pddd-color-text-selected: #ffffff;\n}\n```\n[📖 Documentation](https://atlassian.design/components/pragmatic-drag-and-drop/)\n","readmeFilename":"README.md","_rev":"1-2b3118da73dc797d8284a6db810149fd"}