@besaitech/ng-design-system 0.0.11 → 0.0.26

package/README.md

@@ -24,12 +24,7 @@ phone input, plus the app shell (top bar + sidebar).
 npm install @besaitech/ng-design-system
 ```
 
-Published to the public npm registry, so no `.npmrc` and no read token are needed.
-
-> Earlier releases were served from an internal GitLab Package Registry and this section carried the
-> `@besaitech:registry=…` + `_authToken=…` lines for it. Those instructions no longer match where the
-> package comes from — following them against a public install yields a 401 for a registry you do not
-> need to reach.
+Public npm registry — no `.npmrc`, no scope mapping and no read token required.
 
 ## 2. Tailwind setup
 
@@ -67,14 +62,17 @@ This is the step that makes the components look right. Tailwind v4 is CSS-first
    Path is relative to THIS file (src/styles.css → ../node_modules). */
 @source "../node_modules/@besaitech/ng-design-system";
 
-/* Brand ramp: pick a theme preset. Must come AFTER the tailwindcss import —
-   Tailwind v4 processes @theme in imported files and later declarations win. */
+/* Tokens. BOTH imports are required, and both must come AFTER the tailwindcss import —
+   Tailwind v4 processes @theme in imported files and later declarations win.
+   base.css = surfaces, ink, accents, status, radius, layout vars (15 tokens).
+   The brand preset = the 11 --color-brand-* steps, and nothing else. */
+@import "@besaitech/ng-design-system/themes/base.css";
 @import "@besaitech/ng-design-system/themes/saitech.css";  /* blues */
 /* @import "@besaitech/ng-design-system/themes/belvigo.css";   black */
 
-/* Everything else is yours to tune (Tailwind utilities + CSS vars). */
+/* Override any base default in your own @theme afterwards, e.g. the typeface. */
 @theme {
-  /* Neutrals / surfaces */
+  /* Neutrals / surfaces (already provided by base.css — shown for reference) */
   --color-canvas: #f5f6f8;
   --color-surface: #ffffff;
   --color-muted: #f8f9fb;
@@ -207,7 +205,6 @@ Import names are the `Sl…` classes; the markup selectors are `sds-…`.
 
 | Symptom | Cause / fix |
 | --- | --- |
-| `404 Project not found` on install | `.npmrc` missing the `@besaitech:registry` line, or token lacks access to project 922 |
 | `403 insufficient_scope` | Token is missing `read_package_registry` scope |
 | Components render unstyled | Missing/incorrect `@source` line, or no theme preset imported (step 3b) |
 | Brand colours are wrong / absent | The theme preset is imported BEFORE `@import "tailwindcss"`, so it is overridden |