baseline-foundry 0.1.6 → 0.1.7

package/README.md

@@ -115,7 +115,7 @@ The verified GitHub release artifact remains available as a fallback for
 environments that cannot reach the npm registry:
 
 ```bash
-npm install https://github.com/lyubomir-popov/baseline-foundry/releases/download/v0.1.6/baseline-foundry-0.1.6.tgz
+npm install https://github.com/lyubomir-popov/baseline-foundry/releases/download/v0.1.7/baseline-foundry-0.1.7.tgz
 ```
 
 Use the attached `.tgz`, not the GitHub source archive: generated `dist/`

package/dist/css-components/chip-badge-status.js

@@ -188,6 +188,13 @@ ${bodyTypeStyles}  margin: 0 0 var(--bf-single-line-row-margin-block-end);
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/css-components.js

@@ -130,7 +130,7 @@ ${componentAlignmentVars(components)}  /* Action surfaces keep comfortable comma
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -271,7 +271,7 @@ ${foundryComponentColorVars("dark")}
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 

package/dist/experiments/ibm-plex-engine-smoke/styles.css

@@ -931,7 +931,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1173,7 +1173,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -5934,6 +5934,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/presets/app-tier/styles.css

@@ -1261,7 +1261,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1566,7 +1566,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -6327,6 +6327,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/presets/prose/styles.css

@@ -1261,7 +1261,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1566,7 +1566,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -6327,6 +6327,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/styles.css

@@ -1261,7 +1261,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1566,7 +1566,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -6327,6 +6327,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/tiers/app/styles.css

@@ -1261,7 +1261,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1566,7 +1566,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -6327,6 +6327,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/tiers/documentation/styles.css

@@ -1261,7 +1261,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1566,7 +1566,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -6327,6 +6327,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/tiers/editorial/styles.css

@@ -1261,7 +1261,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1566,7 +1566,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -6327,6 +6327,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/dist/tiers/os/styles.css

@@ -1261,7 +1261,7 @@ html.u-baseline-grid::after {
   /* Auxiliary surfaces may opt into a host-owned nested composition. The
      shorter line and capped symmetric padding fit their complete paint inside
      the host body line without introducing a second row rhythm. */
-  --bf-nested-auxiliary-line-height: max(1em, calc(var(--bf-body-line-height) - var(--bf-baseline)));
+  --bf-nested-auxiliary-line-height: max(var(--bf-body-font-size), calc(var(--bf-body-line-height) - var(--bf-baseline)));
   --bf-nested-auxiliary-padding-block: min(var(--bf-single-line-row-padding-block), max(0rem, calc((var(--bf-body-line-height) - var(--bf-nested-auxiliary-line-height)) / 2)));
   --bf-slider-track-size: calc(var(--bf-baseline) * 0.25);
   --bf-slider-row-block-size: var(--bf-single-line-row-block-size);
@@ -1566,7 +1566,7 @@ html.u-baseline-grid::after {
   margin: 0;
 }
 
-.bf-theme button {
+:where(.bf-theme) :where(button) {
   font: inherit;
 }
 
@@ -6327,6 +6327,13 @@ html.u-baseline-grid::after {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border);
 }
 
+/* Chip parts normally carry the standalone body line explicitly. A compact
+   chip must pass its reduced line through to those parts so a nested badge
+   can fit without making the host row taller. */
+:where(.bf-theme) :where(.bf-chip.is-nested) :where(.bf-chip-lead, .bf-chip-value) {
+  line-height: inherit;
+}
+
 :where(.bf-theme) :where(.bf-chip.is-nested:hover) {
   box-shadow: inset 0 0 0 var(--bf-border-width) var(--bf-ui-chip-border-hover);
 }

package/docs/publishing.md

@@ -21,7 +21,7 @@ npm install baseline-foundry
 The attached GitHub release tarball is the fallback:
 
 ```bash
-npm install https://github.com/lyubomir-popov/baseline-foundry/releases/download/v0.1.6/baseline-foundry-0.1.6.tgz
+npm install https://github.com/lyubomir-popov/baseline-foundry/releases/download/v0.1.7/baseline-foundry-0.1.7.tgz
 ```
 
 Do not install the Git tag or GitHub source archive. `dist/` is generated and

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseline-foundry",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Lean baseline-aligned design system focused on typography, editorial flow, spacing, and grid primitives.",
   "author": "Lyubomir Popov",
   "type": "module",