From 81ee7855a7ad4ec232c43fe81f387b7ce02a86eb Mon Sep 17 00:00:00 2001
From: Josep Piguillem <jgpigui@gmail.com>
Date: Tue, 13 Oct 2026 23:00:43 +0200
Subject: [PATCH] Release @pi/ui 0.0.6: pi-file-upload keeps its own look

Its drop zone is a <button>, so the library's global button rules
squashed it to the button height and dropped its dashed border. It is
left out of them, like Material's own buttons.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 libs/ui/package.json                                 |  2 +-
 .../components/pi-button/_pi-button-theme.scss       | 12 ++++++++----
 .../common/components/pi-button/_pi-button.scss      |  6 ++++--
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/libs/ui/package.json b/libs/ui/package.json
index 47ba903..3c4df7d 100644
--- a/libs/ui/package.json
+++ b/libs/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pi/ui",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Librería de componentes Angular standalone (botones, campos con Signal Forms, cards, charts, drawer/hub/modal, theming vía tokens CSS...).",
   "license": "MIT",
   "generators": "./generators.json",
diff --git a/libs/ui/src/lib/styles/common/components/pi-button/_pi-button-theme.scss b/libs/ui/src/lib/styles/common/components/pi-button/_pi-button-theme.scss
index 24de6fe..7e1b913 100644
--- a/libs/ui/src/lib/styles/common/components/pi-button/_pi-button-theme.scss
+++ b/libs/ui/src/lib/styles/common/components/pi-button/_pi-button-theme.scss
@@ -280,8 +280,10 @@
   // Los `<button>` internos de Angular Material quedan fuera: el calendario del
   // datepicker, por ejemplo, monta cada día como un `<button>` y el
   // `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión
-  // va en `:where()` para no alterar la especificidad de la regla.
-  button:not(:where([class*='mat-'])) {
+  // va en `:where()` para no alterar la especificidad de la regla. La zona de
+  // `pi-file-upload` también es un `<button>` (para el teclado), pero con su
+  // propio aspecto: sin excluirla, el alto y el relleno de botón la aplastaban.
+  button:not(:where([class*='mat-'], .pi-file-upload__dropzone)) {
     // Colors
     @include themeButtonsColors;
     // Sizes
@@ -293,8 +295,10 @@
   // Los `<button>` internos de Angular Material quedan fuera: el calendario del
   // datepicker, por ejemplo, monta cada día como un `<button>` y el
   // `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión
-  // va en `:where()` para no alterar la especificidad de la regla.
-  button:not(:where([class*='mat-'])) {
+  // va en `:where()` para no alterar la especificidad de la regla. La zona de
+  // `pi-file-upload` también es un `<button>` (para el teclado), pero con su
+  // propio aspecto: sin excluirla, el alto y el relleno de botón la aplastaban.
+  button:not(:where([class*='mat-'], .pi-file-upload__dropzone)) {
     // Colors
     @include themeButtonsColors;
     // Sizes
diff --git a/libs/ui/src/lib/styles/common/components/pi-button/_pi-button.scss b/libs/ui/src/lib/styles/common/components/pi-button/_pi-button.scss
index a8d3c9d..3c2c939 100644
--- a/libs/ui/src/lib/styles/common/components/pi-button/_pi-button.scss
+++ b/libs/ui/src/lib/styles/common/components/pi-button/_pi-button.scss
@@ -145,8 +145,10 @@ html,
   // Los `<button>` internos de Angular Material quedan fuera: el calendario del
   // datepicker, por ejemplo, monta cada día como un `<button>` y el
   // `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión
-  // va en `:where()` para no alterar la especificidad de la regla.
-  button:not(:where([class*='mat-'])) {
+  // va en `:where()` para no alterar la especificidad de la regla. La zona de
+  // `pi-file-upload` también es un `<button>` (para el teclado), pero con su
+  // propio aspecto: sin excluirla, el alto y el relleno de botón la aplastaban.
+  button:not(:where([class*='mat-'], .pi-file-upload__dropzone)) {
     // Default properties
     @include defaultButtonsProperties;