@ui-organized/angular 0.0.0-stage → 0.1.0

package/overlay.css

@@ -0,0 +1,23 @@
+/**
+ * The one rule this package adds to the shared stylesheet, and only for Angular.
+ *
+ * `@ui-organized/angular/styles.css` is byte-identical to what the React, Svelte
+ * and Vue packages ship — that is the whole premise, and it is not going to be
+ * quietly forked. This lives beside it because the thing it fixes is an Angular
+ * concept: the CDK parents every overlay to one container and stacks that
+ * container at `z-index: 1000`, below every surface this design system defines.
+ *
+ * Relative order *inside* the container is handled by `UioOverlayStacking`,
+ * which gives each pane the level its own popup declares. This is about the
+ * container as a whole against the rest of the page, so it takes the highest
+ * level the system defines: overlays belong above application content.
+ *
+ * Import it once, next to the CDK's own:
+ *
+ *   @import "@angular/cdk/overlay-prebuilt.css";
+ *   @import "@ui-organized/angular/styles.css";
+ *   @import "@ui-organized/angular/overlay.css";
+ */
+.cdk-overlay-container {
+  z-index: var(--z-index-toast, 1400);
+}

package/package.json

@@ -1,6 +1,117 @@
 {
   "name": "@ui-organized/angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Angular component library for the ui-organized design system, built on the Angular CDK.",
+  "keywords": [
+    "design-system",
+    "angular",
+    "components",
+    "ui",
+    "cdk",
+    "accessible"
+  ],
+  "license": "Apache-2.0",
+  "author": "arossi58 <arossi5861@gmail.com>",
+  "homepage": "https://github.com/arossi58/ui-organized/tree/main/packages/angular#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/arossi58/ui-organized.git",
+    "directory": "packages/angular"
+  },
+  "bugs": {
+    "url": "https://github.com/arossi58/ui-organized/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "styles.css",
+    "overlay.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/ui-organized-angular.d.ts",
+      "default": "./dist/fesm2022/ui-organized-angular.mjs"
+    },
+    "./styles": {
+      "default": "./styles.css"
+    },
+    "./styles.css": {
+      "default": "./styles.css"
+    },
+    "./overlay.css": {
+      "default": "./overlay.css"
+    },
+    "./icons/lucide": {
+      "types": "./dist/types/ui-organized-angular-icons-lucide.d.ts",
+      "default": "./dist/fesm2022/ui-organized-angular-icons-lucide.mjs"
+    },
+    "./icons/tabler": {
+      "types": "./dist/types/ui-organized-angular-icons-tabler.d.ts",
+      "default": "./dist/fesm2022/ui-organized-angular-icons-tabler.mjs"
+    },
+    "./icons/heroicons": {
+      "types": "./dist/types/ui-organized-angular-icons-heroicons.d.ts",
+      "default": "./dist/fesm2022/ui-organized-angular-icons-heroicons.mjs"
+    }
+  },
+  "type": "module",
+  "peerDependencies": {
+    "@angular/cdk": ">=21",
+    "@angular/common": ">=21",
+    "@angular/core": ">=21",
+    "@angular/forms": ">=21",
+    "@ng-icons/heroicons": ">=33",
+    "@ng-icons/lucide": ">=33",
+    "@ng-icons/tabler-icons": ">=33"
+  },
+  "dependencies": {
+    "clsx": "^2.1.0",
+    "tslib": "^2.6.0",
+    "@ui-organized/core": "0.1.0",
+    "@ui-organized/utils": "3.2.0"
+  },
+  "devDependencies": {
+    "@angular/cdk": "^21.2.14",
+    "@angular/common": "^21.2.20",
+    "@angular/compiler": "^21.2.20",
+    "@angular/compiler-cli": "^21.2.20",
+    "@angular/core": "^21.2.20",
+    "@angular/forms": "^21.2.20",
+    "@angular/platform-browser": "^21.2.20",
+    "@ng-icons/heroicons": "^34.0.0",
+    "@ng-icons/lucide": "^34.0.0",
+    "@ng-icons/tabler-icons": "^34.0.0",
+    "@types/node": "^20.0.0",
+    "jsdom": "^29.1.1",
+    "ng-packagr": "^21.2.7",
+    "rxjs": "^7.8.0",
+    "typescript": "^5.9.0",
+    "vitest": "^2.0.0",
+    "zone.js": "^0.15.0",
+    "@ui-organized/tsconfig": "0.0.0"
+  },
+  "sideEffects": [
+    "**/ui-organized-angular-icons-*.mjs"
+  ],
+  "peerDependenciesMeta": {
+    "@ng-icons/heroicons": {
+      "optional": true
+    },
+    "@ng-icons/lucide": {
+      "optional": true
+    },
+    "@ng-icons/tabler-icons": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json && node scripts/copy-styles.mjs",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test:smoke": "node scripts/smoke-icons.mjs"
+  }
 }