@gstack/gds-core

Acest conținut nu este încă disponibil în limba selectată.

Documentație online (fără download) — citește aici pe Wiki.
Pachete npm: Package Registry · contracte în @gstack/gds-core.

GovStack Design System — contracte de date, tokens (accente), CSS (GDS_CSS) și renderere HTML statice.

Package Registry: https://git.esempla.systems/govtech/gstack/gstyle/-/packages

Instalare

@gstack:registry=https://git.esempla.systems/api/v4/projects/581/packages/npm/
//git.esempla.systems/api/v4/projects/581/packages/npm/:_authToken=${NPM_TOKEN}

npm install @gstack/gds-core

Ce exportă

Export	Rol
Tipuri din `blocks.ts`	`KpiRowData`, `TableData`, `SidenavData`, `Block`, `GdsMockDoc`, …
`BlockKind` / `BLOCK_KINDS`	Kind-urile din paleta BLOCKS
`GDS_CSS` / `gdsThemedCss(accent)`	Foaia de stil a design-system-ului
`GDS_ACCENTS` / `AccentName`	`indigo` \| `emerald` \| `amber` \| `rose`
`render*` helpers	HTML static pentru export (aceleași clase ca Angular)

Accent

:root { --gds-accent: var(--gds-accent-indigo); }

Documentație componente

Contractele de date pentru fiecare bloc sunt documentate în monorepo:

Catalog: https://git.esempla.systems/govtech/gstack/gstyle (vezi docs/components/)
Pereche UI: @gstack/gds-angular (aceleași tipuri)

BlockKinds (BLOCKS)

Kind	Tip date	Componentă Angular
`kpi-row`	`KpiRowData`	`gds-kpi-row`
`chart`	`ChartData`	`gds-chart`
`table`	`TableData`	`gds-table`
`form`	`FormData`	`gds-form`
`alert`	`AlertData`	`gds-alert`
`activity`	`ActivityData`	`gds-activity`
`cta`	`CtaData`	`gds-cta`
`search`	`SearchData`	`gds-search`
`cards`	`CardsData`	`gds-cards`
`image`	`ImageData`	`gds-image`
`video`	`VideoData`	`gds-video`
`progress`	`ProgressData`	`gds-progress`
`faq`	`FaqData`	`gds-faq`
`slider`	`SliderData`	`gds-slider`
`chat`	`ChatData`	`gds-chat`

STRUCTURE

	Tip	Componentă
Sidenav	`SidenavData`	`gds-sidenav`

Pentru agenți (Cursor)

Nu inventa câmpuri pe tipuri — respectă blocks.ts.
UI-ul se montează cu @gstack/gds-angular folosind aceleași tipuri.
Vezi README-ul @gstack/gds-angular pentru exemple pe componentă.

Componente UI

Documentația pe selector: packages/components