Skip to content

Start

Adopt in an app

Rulestokens.json

Install

G-02
"@proexteriors/ds": "workspace:*"

/* app entry CSS, in this order */
@import "@proexteriors/ds/fonts.css";
@import "@proexteriors/ds/tokens.css";
@import "@proexteriors/ds/components.css";

<body class="pe-app"> … <script type="module">import "@proexteriors/ds/ds.js"</script>

Check it in CI

G-02
node packages/ds/scripts/lint.mjs apps/hr --baseline apps/hr/ds-baseline.json

The baseline lists today's debt. It may only shrink. A new finding fails the build.

Port a screen

G-01 G-04
  1. Wrap the page in the shell (Shell and logo).
  2. Replace local colours and sizes with --pe-* role tokens.
  3. Lists with an owner become a nest (Nesting). Unbounded tables become a ten-row pane (Tables).
  4. Attach desktop and phone screenshots beside the frame (SR-27), and cite the rule ids in the PR.