@diia-inhouse/design-system

中文文档
5.32.4发布于 2026/11/05MITTypeScriptES Module近 30 天下载 1.1万

Design system types and utils

原始使用文档
文档目录9 节
  1. Useful Links
  2. Getting Started
  3. Build Process
  4. 1. Clone codebase via git clone command
  5. 2. Go to code base root directory
  6. 3. Install npm dependencies
  7. 4. Build package
  8. How to contribute
  9. Licensing

Diia

This repository provides an overview over the flagship product Diia developed by the Ministry of Digital Transformation of Ukraine.

Diia is an app with access to citizen’s digital documents and government services.

The application was created so that Ukrainians could interact with the state in a few clicks, without spending their time on queues and paperwork - Diia open source application will help countries, companies and communities build a foundation for long-term relationships. At the heart of these relations are openness, efficiency and humanity.

We're pleased to share the Diia project with you.

TopicLinkDescription
Ministry of Digital Transformation of Ukrainehttps://thedigital.gov.ua/The Official homepage of the Ministry of Digital Transformation of Ukraine
Diia Apphttps://diia.gov.ua/The Official website for the Diia application

Getting Started

This repository contains the package with shared node.js design system protobuf components.

Build Process

1. Clone codebase via git clone command

Example:

git clone https://github.com/diia-open-source/be-pkg-design-system.git pkg-design-system

2. Go to code base root directory

cd ./pkg-design-system

3. Install npm dependencies

The installation of dependencies consists of the following 2 steps:

Each Diia service depends on dependencies from @diia-inhouse/<package> scope which are distributed across different repositories, are built separately, and aren't published into public npm registry.

The full list of such dependencies can be found in the target service package.json file in dependencies and devDependencies sections respectively.

Detailed instructions on how to link dependencies from @diia-inhouse/<package> scope are described in LINKDEPS.md which can be found here https://github.com/diia-open-source/diia-setup-howto/tree/main/backend

2. Install public npm dependencies and use those linked from @diia-inhouse scope

In order to install and use the linked dependencies for pkg-design-system the following command can be used:

$ cd ./pkg-design-system
$ npm link @diia-inhouse/db @diia-inhouse/redis ... @diia-inhouse/<package-name>

In case all dependencies from @diia-inhouse scope are linked, and can be resolved, you will then have a complete list of dependencies installed for the service code base.


4. Build package

In order to build the service you have to run the command npm run build inside the root directory of service code base as per:

$ cd ./pkg-design-system
$ npm run build

How to contribute

The Diia project welcomes contributions into this solution; please refer to the CONTRIBUTING.md file for details

Licensing

Copyright (C) Diia and all other contributors.

Licensed under the EUPL (the "License"); you may not use this file except in compliance with the License. Re-use is permitted, although not encouraged, under the EUPL, with the exception of source files that contain a different license.

You may obtain a copy of the License at https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12.

Questions regarding the Diia project, the License and any re-use should be directed to [email protected].

This project incorporates third party material. In all cases the original copyright notices and the license under which these third party dependencies were provided remains as so. In relation to the Typescript dependency you should also review the Typescript Third Party Notices.

版本与发布记录

@diia-inhouse/design-system 共发布 168 个版本,首次发布于 2026/02/03;过去 12 个月发布了 168 个版本。

版本发布日期距今
5.32.4latest2026/11/056 天前
5.32.32026/11/057 天前
5.32.1backfill2026/11/047 天前
5.32.22026/11/048 天前
5.32.02026/11/029 天前
5.31.02026/11/029 天前

关于 @diia-inhouse/design-system 的常见问题

@diia-inhouse/design-system 是什么?

Design system types and utils

如何安装 @diia-inhouse/design-system?

在项目目录运行 npm install @diia-inhouse/design-system,或使用 pnpm add / yarn add / bun add。

@diia-inhouse/design-system 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@diia-inhouse/design-system 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@diia-inhouse/design-system 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=24。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@diia-inhouse/design-system 可以商用吗?

@diia-inhouse/design-system 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@diia-inhouse/design-system 的下载量有多少?

根据 npm 官方下载统计,@diia-inhouse/design-system 在 2026/10/12 – 2026/11/10 这 30 天内被下载 11,050 次,日均约 368 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@diia-inhouse/design-system 还在维护吗?

最新版本 5.32.4 发布于 2026/11/05(6 天前);至今共发布 168 个版本,其中过去 12 个月发布了 168 个;首次发布于 2026/02/03。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。