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>
This commit is contained in:
@@ -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",
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user