iss-ctrl 0.0.14 → 0.0.16

package/types/iss-ctrl.d.ts

@@ -52,9 +52,9 @@ interface Hint {
  *
  * ### Content projection
  * Controls that render a `mat-form-field` project `<label>` into the floating label.
- * An omitted label — or one that interpolates to an empty string — leaves `<mat-label>`
- * empty, and `upgrade.scss` collapses the floating-label space for it. No label markup is
- * removed at runtime, so a label that arrives later simply shows up.
+ * `upgrade.scss` reveals that space only while the projected `<label>` carries text, so an
+ * omitted label — or one that interpolates to an empty string — collapses it. No label markup
+ * is removed at runtime, so a label that arrives later simply shows up.
  *
  * @example
  * ```html

package/upgrade.scss

@@ -11,10 +11,6 @@ mat-form-field {
   --input-radius: 8px;
 
   &.mat-mdc-form-field {
-    .mdc-floating-label {
-      display: block !important;
-    }
-
     .mdc-text-field--invalid.mat-mdc-text-field-wrapper {
       border: 1px solid var(--red) !important;
     }
@@ -50,23 +46,18 @@ mat-error {
 
 }
 
-mat-form-field.mat-mdc-form-field:has(mat-label) .mat-mdc-form-field-infix {
-  padding-top: 10px !important;
-}
-
-// mat-form-field always renders its floating label, so a control whose label is omitted or
-// interpolates to "" would keep the space above the input. Both cases leave an :empty element
-// — <mat-label> itself when nothing is projected, the projected <label> when its text is empty
-// — which is what these selectors collapse. Keep <mat-label> free of whitespace in templates,
-// or it is never :empty.
-mat-form-field.mat-mdc-form-field:has(mat-label:empty),
-mat-form-field.mat-mdc-form-field:has(mat-label > label:empty) {
+// The basic-ui form-field reset hides .mdc-floating-label for every mat-form-field, so the label
+// space is opt-in: only a control that projects a <label> carrying actual text turns it back on,
+// together with the padding that space needs. An omitted label leaves <mat-label> without a
+// <label> child, and one that interpolates to "" leaves that child :empty — neither matches, so
+// both collapse with no runtime check, and a label that arrives later simply shows up.
+mat-form-field.mat-mdc-form-field:has(mat-label > label:not(:empty)) {
   .mdc-floating-label {
-    display: none !important;
+    display: block !important;
   }
 
   .mat-mdc-form-field-infix {
-    padding-top: 0 !important;
+    padding-top: 10px !important;
   }
 }