GDS — GStack & GPay Design System

Sistem de design pentru familia de produse GStack (GSSO, GStorage, GRegistry, GLog, Cancelarie, GPortal) și GPay (Core, Hub, Portal Cetățean). Inspirat de modelul de guvernanță MUD (mud.egov.md), dar sistem propriu.

Instalare

Registru: GitLab Package Registry (proiect govtech/gstack/gstyle).

# .npmrc (o dată per mașină / CI)
@gstack:registry=https://git.esempla.systems/api/v4/projects/govtech%2Fgstack%2Fgstyle/packages/npm/
//git.esempla.systems/api/v4/projects/govtech%2Fgstack%2Fgstyle/packages/npm/:_authToken=${NPM_TOKEN}

npm install @gstack/gds-core @gstack/gds-angular

NPM_TOKEN = GitLab Personal Access Token sau Deploy Token cu read_api + read_package_registry.

styles.css

@import "@gstack/gds-core/gds-core.css";
:root { --gds-accent: var(--gds-accent-gpay); } /* accent per produs */

// import standalone — exact ce folosești
import { GdsTableComponent, GdsDrawerComponent, GdsSidenavComponent }
  from '@gstack/gds-angular';

Flutter (gds_flutter)

Doar din GitLab git (govtech/gstack/gstyle) — nu pub.dev. Același tag ca release-ul npm:

pubspec.yaml

dependencies:
  gds_flutter:
    git:
      url: git@git.esempla.systems:govtech/gstack/gstyle.git
      path: projects/gds_flutter
      ref: v0.0.7

Conținut pachete

• @gstack/gds-core — contracte de date + tokens + GDS_CSS.
• @gstack/gds-angular — componente din paletă (STRUCTURE + BLOCKS).
• Catalog detaliat: docs/components/README.md (și README-ul fiecărui pachet pe Package Registry).

STRUCTURE

gds-sidenav

BLOCKS

gds-kpi-row · gds-bar-chart · gds-hbar-chart · gds-line-chart · gds-donut-chart · gds-table · gds-form · gds-alert · gds-activity · gds-cta · gds-search · gds-card · gds-section-header · gds-image · gds-video · gds-progress · gds-faq · gds-slider · gds-chat

Documentație (online, fără download)

GitLab Package Registry nu afișează README pe pagina pachetului. Documentația se citește pe Wiki:

Pachet	Pagină Wiki
@gstack/gds-core	https://git.esempla.systems/govtech/gstack/gstyle/-/wikis/packages/gds-core
@gstack/gds-angular	https://git.esempla.systems/govtech/gstack/gstyle/-/wikis/packages/gds-angular
gds_flutter	https://git.esempla.systems/govtech/gstack/gstyle/-/wikis/packages/gds_flutter
Index componente	https://git.esempla.systems/govtech/gstack/gstyle/-/wikis/packages/components

În pachetul npm: homepage + README.md pointează la aceleași pagini. Agenți: docs/components/ + AGENTS.md în repo.

Reguli de bază

1. Nu suprascrie tokens în componente — doar --gds-accent la nivel de aplicație.
2. Fonturi: IBM Plex Sans (UI), IBM Plex Mono (coduri, ID-uri, sume, endpoint-uri).
3. Toate textele UI trec prin i18n (RO implicit, EN secundar).
4. Versionare semver: MAJOR = breaking tokens/API, MINOR = componente noi, PATCH = corecții.

Documentație completă: portalul GDS (GDS Portal.dc.html) · Contact: design@esempla.systems