your-ai-workflow-firebase-os 1.2.48 → 1.2.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "your-ai-workflow-firebase-os",
3
- "version": "1.2.48",
3
+ "version": "1.2.49",
4
4
  "description": "Your AI Firebase — a complete Firebase-powered admin app in one React component.",
5
5
  "type": "module",
6
6
  "main": "dist/your-ai-workflow-firebase-os.cjs.js",
package/src/index.css CHANGED
@@ -197,6 +197,17 @@ h3,
197
197
  }
198
198
  }
199
199
 
200
+ /* Before PageTitle existed, a page title was
201
+ `text-3xl md:text-4xl lg:text-5xl`, and of the weight rules above it was
202
+ .text-3xl/.text-4xl — same !important, written later — that won at every
203
+ width. So the title has always rendered at the h2 weight; a bare h1 now
204
+ reaches the heavier --weight-h1 instead, which is the whole of the "the
205
+ titles look different" change. Unlayered and more specific than the `h1`
206
+ rule, so it wins without depending on layer order. */
207
+ .page-title {
208
+ font-weight: var(--weight-h2, 700) !important;
209
+ }
210
+
200
211
  @layer utilities {
201
212
  .glass-panel {
202
213
  background: var(--panel-bg);
@@ -464,20 +475,24 @@ h3,
464
475
  when even the floor size cannot hold it — but from md up the sizes are
465
476
  the pre-PageTitle breakpoint steps (36px/48px), so desktop looks exactly
466
477
  as it always did. No .text-2xl/.text-3xl here on purpose: those classes
467
- carry the h2/h3 weight rules above, and a bare h1 is what lets the
468
- theme's --weight-h1 reach the title. */
478
+ carry weight rules that would fight these sizes — the weight comes from
479
+ the unlayered .page-title rule further up, which pins the h2 weight the
480
+ title has always rendered at. */
469
481
  .page-title {
470
482
  font-size: clamp(1.5rem, 1.05rem + 1.9vw, 2.25rem);
471
483
  line-height: 1.2;
472
484
  white-space: nowrap;
473
485
  }
474
486
 
487
+ /* The line heights are the old text-4xl / text-5xl ones, not a single
488
+ ratio: at 48px a 1.2 line box stands ~10px taller than the title always
489
+ did and pushes the route row down with it. */
475
490
  @media (min-width: 768px) {
476
- .page-title { font-size: 2.25rem; }
491
+ .page-title { font-size: 2.25rem; line-height: 2.5rem; }
477
492
  }
478
493
 
479
494
  @media (min-width: 1024px) {
480
- .page-title { font-size: 3rem; }
495
+ .page-title { font-size: 3rem; line-height: 1; }
481
496
  }
482
497
 
483
498
  .page-title[data-fold] {