@conciso/design-system-angular 2.1.0 → 2.1.1

package/README.md

@@ -11,13 +11,28 @@ nur deren CSS-Klassen zusammen und liefern **kein eigenes CSS**.
 > und importiert ausschließlich von hier
 > ([ADR-0002](../../../docs/adr/0002-topologie-und-quelle-der-wahrheit.md)).
 
-## Installation aus GitHub Packages
+## Installation von npmjs.org
 
-Beide Pakete (`@conciso/design-system-angular` **und** `@conciso/design-system`,
-[Lockstep](../../../CONTEXT.md#lockstep-versionierung)) liegen privat, org-scoped
-in [GitHub Packages](https://npm.pkg.github.com) (siehe
-[ADR-0004](../../../docs/adr/0004-verteilung-und-versionierung.md)) — nicht in der
-öffentlichen npm-Registry. Ein einziger `.npmrc`-Mechanismus deckt beide ab, weil
+Der empfohlene Weg: Beide Pakete (`@conciso/design-system-angular` **und**
+`@conciso/design-system`, [Lockstep](../../../CONTEXT.md#lockstep-versionierung))
+liegen auf der öffentlichen npm-Registry (seit
+[ADR-0011](../../../docs/adr/0011-veroeffentlichung-auf-npmjs.md)). Keine `.npmrc`,
+kein Token nötig:
+
+```bash
+npm install @conciso/design-system-angular @conciso/design-system
+```
+
+Gilt ab dem ersten echten Release nach dem Merge dieser Änderung; bis dahin liegt auf
+npmjs nur eine Bootstrap-Platzhalterversion (siehe ADR-0011).
+
+## Installation aus GitHub Packages (Alternative)
+
+Beide Pakete liegen **zusätzlich** weiterhin privat, org-scoped in
+[GitHub Packages](https://npm.pkg.github.com) (siehe
+[ADR-0004](../../../docs/adr/0004-verteilung-und-versionierung.md)) — z. B. für
+Consumer innerhalb der GitHub-Organisation `conciso`, die ohnehin schon so
+eingerichtet sind. Ein einziger `.npmrc`-Mechanismus deckt beide ab, weil
 beide unter dem `@conciso`-Scope veröffentlicht werden.
 
 **1. `.npmrc`** im Konsumenten-Projekt (oder `~/.npmrc` für den eigenen Rechner)
@@ -163,5 +178,6 @@ Das Artefakt (Angular Package Format, via ng-packagr) landet unter
 
 MIT, siehe [LICENSE](../../../LICENSE) im Repository-Root (im gebauten Paket unter
 `dist/design-system-angular/LICENSE`). Ausnahmen (Brand-Assets, Schriften, Icons)
-siehe [NOTICE](../../../NOTICE). Das betrifft nur die Lizenz — der Bezug über GitHub
-Packages statt der öffentlichen npm-Registry bleibt unverändert (siehe oben).
+siehe [NOTICE](../../../NOTICE). Das betrifft nur die Lizenz — an den beiden
+Bezugswegen (npmjs.org als Standard, GitHub Packages als Alternative, siehe oben)
+ändert sich dadurch nichts.

package/fesm2022/conciso-design-system-angular.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { signal, Injectable, input, output, computed, ChangeDetectionStrategy, Component, inject, ElementRef, model, Directive, forwardRef, DestroyRef, viewChild, linkedSignal, numberAttribute, afterNextRender, TemplateRef, contentChildren, effect, viewChildren, afterRenderEffect } from '@angular/core';
 import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
 import { provideIcons, NgIcon } from '@ng-icons/core';
-import { icons } from '@conciso/design-system/icons';
+import { uiCaretDown as uiCaretDown$1, uiCheck as uiCheck$1 } from '@conciso/design-system/icons';
 import { heroComputerDesktop, heroMoon, heroSun, heroXMark, heroMagnifyingGlass, heroBars3, heroChevronDown } from '@ng-icons/heroicons/outline';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -203,6 +203,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  *      · `ui-caret-down` — kräftiger Caret (10er-viewBox), kein Heroicon-Pendant.
  *      · `ui-check`      — eigener Haken (12er-viewBox), weicht vom heroCheck (24er) ab.
  *
+ *    Importiert werden ausschließlich die BENANNTEN Exporte der beiden gebrauchten Glyphen
+ *    (`uiCaretDown`, `uiCheck`), nie das aggregierte `icons`-Objekt — ein Property-Zugriff
+ *    darauf (`icons['ui-caret-down']`) ist für Bundler nicht tree-shakable und zöge alle
+ *    alle DS-Icons in jedes Consumer-Bundle (siehe icons/README.md „Verwendung“).
+ *
  * 2. **Heroicons**: für Glyphen, die im DS mit dem Heroicon glyph-identisch sind
  *    (chevron-down, magnifying-glass — gleicher Pfad, das DS setzt nur einen dünneren
  *    Stroke) sowie für die im DS-Set (noch) fehlenden Chrome-Icons (bars-3, x-mark,
@@ -212,13 +217,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  * Komponenten importieren ausschließlich aus dieser Datei, nie direkt aus
  * `@ng-icons/heroicons`.
  */
-// @ts-expect-error — @conciso/design-system liefert icons.js als reines generiertes JS ohne
-// eigene Typdeklaration; die Form ist in ds-icons-export.d.ts dokumentiert (ngtsc greift die
-// Ambient-Deklaration dort nicht, anders als tsc, deshalb die explizite Unterdrückung hier).
-// DS-eigene Glyphen aus dem generierten Export (kein Duplizieren des SVG-Markups).
+// DS-eigene Glyphen aus dem generierten, benannten Export (kein Duplizieren des SVG-Markups).
 // Als @ng-icons-Custom-Icons registrierbar: der Wert ist das komplette <svg>-Markup.
-const uiCaretDown = icons['ui-caret-down'].svg;
-const uiCheck = icons['ui-check'].svg;
+const uiCaretDown = uiCaretDown$1.svg;
+const uiCheck = uiCheck$1.svg;
 
 /**
  * Theme-Cycle-Button — ein einzelner Icon-Button (Stil `.ep-nav-icon-btn` aus der