{"_id":"e-citizen-design-system","_rev":"5-3326c586d58a2167f64f47e043755ef5","name":"e-citizen-design-system","dist-tags":{"latest":"17.0.0"},"versions":{"0.0.29":{"name":"e-citizen-design-system","version":"0.0.29","_id":"e-citizen-design-system@0.0.29","maintainers":[{"name":"paradigm-design-system","email":"ngillard@paradigm.brussels"}],"dist":{"shasum":"10e7ee9ca50b42730db2e62c36f9b8aa188f5b8b","tarball":"https://registry.npmjs.org/e-citizen-design-system/-/e-citizen-design-system-0.0.29.tgz","fileCount":109,"integrity":"sha512-8e2gDCMmuFHQVuKtQFd07FbWZEEcWBFZ3fvZs56w4YXmwEZDimZfqOwKqxxWnkaEIe0VaEezyhSQ3Kv/CwecOQ==","signatures":[{"sig":"MEUCIHYBmeoVcr7UYmoMeeOyFXD/vrVwCa7z5xWOE7sDJZL6AiEAr7yHYL5AjGgkrseDiiQ+ljbNMSGQu6LIidJ8S4+hpz0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1101013},"module":"fesm2022/e-citizen-design-system.mjs","exports":{".":{"esm":"./esm2022/e-citizen-design-system.mjs","types":"./index.d.ts","default":"./fesm2022/e-citizen-design-system.mjs","esm2022":"./esm2022/e-citizen-design-system.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8b5f9e1720d4ef2ca816c35d73296d8468a69da9","typings":"index.d.ts","_npmUser":{"name":"paradigm-design-system","email":"ngillard@paradigm.brussels"},"_npmVersion":"10.9.0","description":"

eCitizen DS

eCitizen DS is a design system library for Angular, built to streamline the development of user interfaces for civic and public-sector applications.

","directories":{},"sideEffects":false,"_nodeVersion":"23.3.0","dependencies":{"tslib":"^2.3.0","brussels-design-system":">=0.0.4"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^17.1.0","@angular/common":"^17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/e-citizen-design-system_0.0.29_1734355298473_0.5638004286390825","host":"s3://npm-registry-packages-npm-production"}},"19.0.0":{"name":"e-citizen-design-system","version":"19.0.0","_id":"e-citizen-design-system@19.0.0","maintainers":[{"name":"paradigm-design-system","email":"ngillard@paradigm.brussels"}],"dist":{"shasum":"bfe3185f5336b365334b158da4d0f3a6e52486d6","tarball":"https://registry.npmjs.org/e-citizen-design-system/-/e-citizen-design-system-19.0.0.tgz","fileCount":59,"integrity":"sha512-vDZpobQymW1y/kRJDMujSWSiihgwrwzTeHTsUMStDUfc5faBdut+AEnVleRO5xGH1vaQY/NHE0e0/6QRZQcZbQ==","signatures":[{"sig":"MEUCICTMdiPYpT+0t8pwa8A4Gy7jebVPtmESTbswDEd3t8BEAiEA5DBMkJi1lFAofd/5ZWyS7tDlHSkdg+chPeZKAWKDtKw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":620759},"module":"fesm2022/e-citizen-design-system.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/e-citizen-design-system.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"4cd40bded61b7d72d1b844ce403d249a3f744d5f","typings":"index.d.ts","_npmUser":{"name":"paradigm-design-system","email":"ngillard@paradigm.brussels"},"_npmVersion":"10.9.2","description":"

eCitizen DS

eCitizen DS is a design system library for Angular, built to streamline the development of user interfaces for civic and public-sector applications.

","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","dependencies":{"tslib":"^2.3.0","brussels-design-system":">=0.0.4"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^19.2.1","@angular/common":"^19.2.1"},"_npmOperationalInternal":{"tmp":"tmp/e-citizen-design-system_19.0.0_1745849516242_0.23021909674740781","host":"s3://npm-registry-packages-npm-production"}},"17.0.0":{"name":"e-citizen-design-system","version":"17.0.0","peerDependencies":{"@angular/common":"^17.1.0","@angular/core":"^17.1.0"},"dependencies":{"tslib":"^2.3.0","brussels-design-system":">=0.0.4"},"sideEffects":false,"module":"fesm2022/e-citizen-design-system.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/e-citizen-design-system.mjs","esm":"./esm2022/e-citizen-design-system.mjs","default":"./fesm2022/e-citizen-design-system.mjs"}},"_id":"e-citizen-design-system@17.0.0","gitHead":"a05bb6890f2d292c7d72fb4652744ce51c2d1cb6","description":"

eCitizen DS

eCitizen DS is a design system library for Angular, built to streamline the development of user interfaces for civic and public-sector applications.

","_nodeVersion":"23.11.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-gxKfCr2Ug5Uhz1jtb8WLT7UPEkGhKgcOswmrtUW5rlxIXATEauGV1k3a5y7uBr6Nweih7OYtn8xhMPdOtvIH3Q==","shasum":"f5d134f0e09be3f6fe5adb6e477469162be7f97c","tarball":"https://registry.npmjs.org/e-citizen-design-system/-/e-citizen-design-system-17.0.0.tgz","fileCount":113,"unpackedSize":1285840,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFyPJ5ItlvmqKGECKeLHCrFi7yxKJyAHWVG7M5LM8E2VAiEAsETMEHsaXvdsfN9H/5odx8UbDgaE35rHLsCXZ6aHjD4="}]},"_npmUser":{"name":"paradigm-design-system","email":"ngillard@paradigm.brussels"},"directories":{},"maintainers":[{"name":"paradigm-design-system","email":"ngillard@paradigm.brussels"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/e-citizen-design-system_17.0.0_1745850231834_0.03686185505379069"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-16T13:21:38.472Z","modified":"2025-04-28T14:23:52.540Z","0.0.0":"2024-12-12T10:10:30.178Z","0.0.29":"2024-12-16T13:21:38.643Z","19.0.0":"2025-04-28T14:11:56.436Z","17.0.0":"2025-04-28T14:23:52.049Z"},"description":"

eCitizen DS

eCitizen DS is a design system library for Angular, built to streamline the development of user interfaces for civic and public-sector applications.

","maintainers":[{"name":"paradigm-design-system","email":"ngillard@paradigm.brussels"}],"readme":"

eCitizen DS

\n

\n eCitizen DS is a design system library for Angular, built to streamline the development of user interfaces for civic and public-sector applications.\n

\n\n

Getting Started

\n

\n eCitizen DS provides Angular components that can be reused in your Angular applications. \n Check our Installation guide for detailed steps to integrate it into your project.\n

\n\n

Installation

\n

Installing the dependency

\n\n```bash\nnpm install e-citizen-design-system\n```\n\n

The @ngx-translate/core library is required as eCitizen DS uses it to provide seamless multilingual support for your application.

\n\n```bash\nnpm install @ngx-translate/core\n```\n\n\n\n\n

Configuration

\n

Add the library's global styles to your project by updating the angular.json file:

\n\n```json\n\"styles\": [\n\"node_modules/e-citizen-design-system/src/assets/scss/design-system.scss\"\n],\n```\n

Importing Components

\n

All components in eCitizen DS are standalone. Simply import the required components into the desired module:

\n\n```javascript\nimport { ItemComponent } from 'e-citizen-design-system';\n\n@NgModule({\n declarations: [],\n imports: [\n ItemComponent\n ],\n providers: [],\n bootstrap: [AppComponent]\n})\n```\n\n

Ensure that all eCitizen DS components are wrapped in a parent element with the class ectz. For example:

\n\n```html\n\n```\n\n

Usage Example

\n

Below is an example of how to use the ItemComponent to display an item card in your application. This could be part of a product catalog or a service dashboard.

\n\n\n\n```html\n\n\n```\n\n

Compatibility

\n

The library requires Angular and @ngx-translate/core. Here are the compatible versions:

\n\n \n \n \n \n \n \n \n \n \n \n \n \n
Angular@ngx-translate/core
17.x.x15.x.x
\n\n

Further Information

\n\n \nTODO\n\n\n\n","readmeFilename":"README.md"}