baseline-foundry 0.1.4 → 0.1.6

package/dist/css-components/tiered-list-equal-height-row.js

@@ -60,9 +60,9 @@ export function tieredListEqualHeightRowCss() {
   padding: 0;
 }
 
-:where(.bf-theme) :where(.bf-tiered-list-header) > :where(.bf-rule),
-:where(.bf-theme) :where(.bf-tiered-list-item) > :where(.bf-rule),
-:where(.bf-theme) :where(.bf-tiered-list-cta) > :where(.bf-rule) {
+:where(.bf-theme) :where(.bf-tiered-list-header) > hr,
+:where(.bf-theme) :where(.bf-tiered-list-item) > hr,
+:where(.bf-theme) :where(.bf-tiered-list-cta) > hr {
   grid-column: 1 / -1;
 }
 
@@ -77,8 +77,8 @@ export function tieredListEqualHeightRowCss() {
     grid-template-columns: repeat(8, minmax(0, 1fr));
   }
 
-  :where(.bf-theme) :where(.bf-tiered-list:not(.is-list-full-width):not(.is-flush):not(.is-triple)) :where(.bf-tiered-list-item) > :where(.bf-rule),
-  :where(.bf-theme) :where(.bf-tiered-list:not(.is-list-full-width):not(.is-flush):not(.is-triple)) :where(.bf-tiered-list-cta) > :where(.bf-rule) {
+  :where(.bf-theme) :where(.bf-tiered-list:not(.is-list-full-width):not(.is-flush):not(.is-triple)) :where(.bf-tiered-list-item) > hr,
+  :where(.bf-theme) :where(.bf-tiered-list:not(.is-list-full-width):not(.is-flush):not(.is-triple)) :where(.bf-tiered-list-cta) > hr {
     grid-column: 3 / span 6;
   }
 
@@ -93,9 +93,9 @@ export function tieredListEqualHeightRowCss() {
 }
 
 /* ------------------------------------------------------------------ */
-/* Header split (≥ 64.75rem): unchanged 50/50 title/description.       */
+/* Header split (≥ 45rem): the shared readable 50/50 title/content split. */
 /* ------------------------------------------------------------------ */
-@container (width >= 64.75rem) {
+@container (width >= 45rem) {
   :where(.bf-theme) :where(.bf-tiered-list:not(.is-description-full-width)) :where(.bf-tiered-list-header) {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   }
@@ -119,7 +119,7 @@ export function tieredListEqualHeightRowCss() {
      queries cannot style their own container, so responsive descendants span
      these tracks instead of relying on an ineligible self-query. */
   grid-template-columns: repeat(8, minmax(0, 1fr));
-  margin-block-end: var(--bf-section-space-shallow);
+  margin: 0;
   position: relative;
 }
 
@@ -136,7 +136,7 @@ export function tieredListEqualHeightRowCss() {
 /* Responsive aspect media can make a shared subgrid track land between
    baselines. Snap that media box itself; the surrounding composition still
    does not own or erase any child's semantic margins. */
-@supports (block-size: calc-size(auto, round(up, size, 1px))) {
+@supports (block-size: calc-size(auto, round(up, size, 0.0625rem))) {
   :where(.bf-theme) :where(.bf-equal-height-row-item) > :where(.bf-aspect) {
     block-size: calc-size(auto, round(up, size, var(--bf-baseline)));
   }
@@ -215,7 +215,7 @@ export function tieredListEqualHeightRowCss() {
 :where(.bf-theme) :where(.bf-equal-height-row.is-divider-3:not(.is-divider-1))::before,
 :where(.bf-theme) :where(.bf-equal-height-row.is-divider-3:not(.is-divider-2))::after {
   background-color: var(--bf-color-border-low-contrast);
-  block-size: 1px;
+  block-size: 0.0625rem;
   content: "";
   display: none;
   grid-column: 1 / -1;