Design system · released package 0.6.2

Design system

Shared foundations and components for Raisd portals, with student-owned examples clearly separated.

FoundationsTokens, typography, colour roles and scrolling Shared controlsActions, status, fields and overlays from the package Shared patternsReusable page, card, table, media and feedback layouts Student portal componentsStudent-owned workflows composed with shared visuals

Choose the right owner

Install @raisd-campus/design-system@0.6.2 for portal-neutral visuals. Keep student enrolment, routing, account issues and Community draft policy in the student portal. Do not copy shared component source into a portal.

Read the canonical component guide before building a UI element; use the versioned package catalogue and installed TypeScript declarations for exact props. The screenshots are visual references, not interactive demos.

Install in a portal

@raisd-campus:registry=https://npm.pkg.github.com
npm install --save-exact @raisd-campus/design-system@0.6.2

@import "tailwindcss";
@import "@raisd-campus/design-system/styles.css";
@source "../node_modules/@raisd-campus/design-system/dist";

Configure GitHub Packages read access in local npm settings or CI; never commit a token. Import individual ui/* or system/* subpaths.

Capture provenance

Current package release 0.6.2; student portal source commit 84c6bf541a4e. Captures use demonstration data; each caption and the capture manifest retain their source version and date. Public GitHub Pages files can be retrieved without the visual sign-in overlay.