ng-comps 1.0.2 → 2.0.0

package/package.json

@@ -1,58 +1,54 @@
-{
-  "name": "ng-comps",
-  "version": "1.0.2",
-  "license": "MIT",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "build:lib": "ng-packagr -p ng-package.json",
-    "prepare:package": "node scripts/prepare-package.mjs",
-    "release:dry-run": "npm run build:lib && npm run prepare:package && npm pack ./dist/ng-comps --dry-run",
-    "publish:npm": "npm run build:lib && npm run prepare:package && npm publish ./dist/ng-comps --access public",
-    "version:patch": "npm version patch --no-git-tag-version",
-    "version:minor": "npm version minor --no-git-tag-version",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test",
-    "test:ci": "ng test --watch=false",
-    "storybook": "ng run ng-comps:storybook",
-    "build-storybook": "ng run ng-comps:build-storybook",
-    "ci": "npm run build:lib && npm run test:ci && npm run build-storybook"
-  },
-  "private": false,
-  "packageManager": "npm@10.8.2",
-  "dependencies": {
-    "@angular/animations": "^21.2.4",
-    "@angular/cdk": "^21.2.2",
-    "@angular/common": "^21.2.0",
-    "@angular/compiler": "^21.2.0",
-    "@angular/core": "^21.2.0",
-    "@angular/forms": "^21.2.0",
-    "@angular/material": "^21.2.2",
-    "@angular/platform-browser": "^21.2.0",
-    "@angular/router": "^21.2.0",
-    "@fontsource/material-icons": "^5.2.7",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0"
-  },
-  "devDependencies": {
-    "@angular-devkit/architect": "^0.2102.0",
-    "@angular-devkit/build-angular": "^21.2.0",
-    "@angular-devkit/core": "^21.2.0",
-    "@angular/build": "^21.2.2",
-    "@angular/cli": "^21.2.2",
-    "@angular/compiler-cli": "^21.2.0",
-    "@angular/platform-browser-dynamic": "^21.2.0",
-    "@compodoc/compodoc": "^1.2.1",
-    "@storybook/addon-a11y": "^10.2.19",
-    "@storybook/addon-docs": "^10.2.19",
-    "@storybook/angular": "^10.2.19",
-    "axe-core": "^4.11.0",
-    "jsdom": "^28.0.0",
-    "prettier": "^3.8.1",
-    "storybook": "^10.2.19",
-    "ng-packagr": "^21.2.0",
-    "typescript": "~5.9.2",
-    "vitest": "^4.0.8"
-  }
-}
+{
+  "name": "ng-comps",
+  "version": "2.0.0",
+  "description": "Angular UI components for mf-design-system",
+  "keywords": [
+    "angular",
+    "components",
+    "ui",
+    "design-system",
+    "material"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./fesm2022/ng-comps.mjs",
+  "module": "./fesm2022/ng-comps.mjs",
+  "typings": "./types/ng-comps.d.ts",
+  "files": [
+    "fesm2022/ng-comps.mjs",
+    "types/ng-comps.d.ts",
+    "src/styles.css",
+    "src/theme",
+    "README.md",
+    "LICENSE",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "types": "./types/ng-comps.d.ts",
+      "default": "./fesm2022/ng-comps.mjs"
+    },
+    "./styles.css": "./src/styles.css",
+    "./theme/tokens.css": "./src/theme/tokens.css",
+    "./theme/material-theme.scss": "./src/theme/material-theme.scss",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "@angular/animations": "^21.2.0",
+    "@angular/cdk": "^21.2.2",
+    "@angular/common": "^21.2.0",
+    "@angular/core": "^21.2.0",
+    "@angular/forms": "^21.2.0",
+    "@angular/material": "^21.2.2",
+    "@angular/platform-browser": "^21.2.0",
+    "@angular/router": "^21.2.0",
+    "rxjs": "~7.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/styles.css

@@ -38,6 +38,24 @@ body {
   outline-offset: var(--mf-focus-ring-offset);
 }
 
+.mat-mdc-form-field :where(
+  .mat-mdc-input-element,
+  textarea.mat-mdc-input-element,
+  .mdc-text-field__input,
+  .mat-mdc-select,
+  .mat-mdc-select-trigger
+):focus,
+.mat-mdc-form-field :where(
+  .mat-mdc-input-element,
+  textarea.mat-mdc-input-element,
+  .mdc-text-field__input,
+  .mat-mdc-select,
+  .mat-mdc-select-trigger
+):focus-visible {
+  outline: none !important;
+  box-shadow: none !important;
+}
+
 .mat-mdc-option.mdc-list-item--focused,
 .mat-mdc-option.mat-mdc-option-active,
 .mat-mdc-menu-item.cdk-keyboard-focused,
@@ -207,6 +225,42 @@ body {
   font-weight: var(--mf-weight-medium) !important;
 }
 
+.mf-table__action-menu.mat-mdc-menu-panel {
+  border: 1px solid var(--mf-color-border);
+  border-radius: var(--mf-radius-md) !important;
+  box-shadow: var(--mf-shadow-lg) !important;
+  background-color: var(--mf-color-surface) !important;
+}
+
+.mf-table__action-menu .mat-mdc-menu-item {
+  min-height: 40px;
+  font-family: var(--mf-font-base) !important;
+  font-size: var(--mf-text-sm) !important;
+  color: var(--mf-color-on-surface) !important;
+}
+
+.mf-table__action-menu .mat-mdc-menu-item:hover:not([disabled]) {
+  background-color: var(--mf-color-brand-light) !important;
+}
+
+.mf-table__action-menu .mat-icon {
+  color: var(--mf-color-neutral-400) !important;
+}
+
+.sbdocs .docblock-source,
+.sbdocs .docblock-source pre,
+.sbdocs .docblock-source pre.prismjs,
+.sbdocs .docblock-source code {
+  white-space: pre-wrap !important;
+  word-break: break-word !important;
+  overflow-wrap: anywhere !important;
+}
+
+.sbdocs .docblock-source pre,
+.sbdocs .docblock-source pre.prismjs {
+  overflow-x: hidden !important;
+}
+
 .mf-input__error,
 .mf-autocomplete__error,
 .mf-select__error,