{"_id":"@adres/adrec-dls","name":"@adres/adrec-dls","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@adres/adrec-dls","version":"0.1.0","type":"module","sideEffects":false,"publishConfig":{"access":"public"},"main":"./dist-lib/index.js","module":"./dist-lib/index.js","types":"./dist-lib/index.d.ts","exports":{".":{"types":"./dist-lib/index.d.ts","default":"./dist-lib/index.js"},"./tokens.css":"./dist-lib/tokens.css"},"scripts":{"dev":"vite","build":"tsc -b && vite build","build:lib":"tsc -b tsconfig.build.json && vite build --config vite.lib.config.ts && cp src/styles/tokens.css dist-lib/tokens.css","lint":"oxlint","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0"},"dependencies":{"@radix-ui/react-collapsible":"^1.1.20","@radix-ui/react-popover":"^1.1.23","tailwind-variants":"^3.3.1"},"devDependencies":{"@chromatic-com/storybook":"latest","@storybook/addon-a11y":"^10.6.0","@storybook/addon-docs":"^10.6.0","@storybook/addon-vitest":"^10.6.0","@storybook/react-vite":"^10.6.0","@tailwindcss/vite":"^4.3.3","@types/node":"^24.13.3","@types/react":"^19.2.18","@types/react-dom":"^19.2.4","@vitejs/plugin-react":"^6.1.0","@vitest/browser-playwright":"latest","@vitest/coverage-v8":"latest","oxlint":"^1.79.0","playwright":"latest","react":"^19.2.8","react-dom":"^19.2.8","storybook":"^10.6.0","tailwindcss":"^4.3.3","typescript":"~6.0.2","vite":"^8.2.2","vitest":"latest"},"gitHead":"ab02f7e4c808fd3df53e77d418ab632b5214e438","_id":"@adres/adrec-dls@0.1.0","description":"React components implementing the ADREC Design System, for ADREC admin-panel apps (Tawtheeq and others) to install instead of rebuilding.","_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-vCFk+YBadHi78SA318l/sVu6VVsSjHHVyIEB//o8zkD7c94Wcod6fvCKZ/cGpXhMztcaE4emrKWIG23GUZ2BIA==","shasum":"86debc23aef47f78219555bbc85f86044e715e25","tarball":"https://registry.npmjs.org/@adres/adrec-dls/-/adrec-dls-0.1.0.tgz","fileCount":46,"unpackedSize":269953,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCZGM97r973JX8Hgk/T0EIHxsn43m6G5qRtgcuWCdj7agIhAPFcbZGkBQU8DU2oRTJCfE88YdVBegwQFy6mQzFvpsMJ"}]},"_npmUser":{"name":"adres_npm","email":"designsystems@adres.ae"},"directories":{},"maintainers":[{"name":"adres_npm","email":"designsystems@adres.ae"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/adrec-dls_0.1.0_1788762659348_0.5163263685155479"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-07T06:30:59.140Z","0.1.0":"2026-09-07T06:30:59.482Z","modified":"2026-09-07T06:30:59.797Z"},"maintainers":[{"name":"adres_npm","email":"designsystems@adres.ae"}],"description":"React components implementing the ADREC Design System, for ADREC admin-panel apps (Tawtheeq and others) to install instead of rebuilding.","readme":"# @adres/adrec-dls\n\nReact components implementing the ADREC Design System, for ADREC admin-panel\napps (Tawtheeq and others) to install instead of rebuilding.\n\n## Install\n\n```sh\nnpm install @adres/adrec-dls\n```\n\n`react` and `react-dom` (`^19.0.0`) are peer dependencies - install them in\nyour app if they aren't already there.\n\n## Set up the design tokens\n\nComponents use Tailwind CSS v4 utility classes from the `ads-*` design\ntokens. Without importing this package's token sheet, those utilities don't\nexist and components will render unstyled. Import it once, in your app's\nTailwind entry CSS:\n\n```css\n@import \"@adres/adrec-dls/tokens.css\";\n```\n\n## Usage\n\n```tsx\nimport { Badge } from '@adres/adrec-dls';\n\nfunction Example() {\n  return <Badge text=\"Active\" color=\"Success green\" type=\"Light\" />;\n}\n```\n\nEvery component supports `dir=\"ltr\"`/`dir=\"rtl\"` via its `content`/language\nprops for EN/AR layouts - see each component's exported props `interface`\nfor the full API.\n","readmeFilename":"README.md","_rev":"1-4c109b25f739106dbcd30e9f3f889ffc"}