@lerianstudio/sindarian-ui 2.0.0-beta.7 → 2.0.0-beta.8
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/dist/globals.css +27 -3
- package/package.json +1 -1
package/dist/globals.css
CHANGED
|
@@ -602,8 +602,32 @@
|
|
|
602
602
|
--normal-border: hsl(var(--border));
|
|
603
603
|
}
|
|
604
604
|
|
|
605
|
-
|
|
606
|
-
|
|
605
|
+
/*
|
|
606
|
+
The title outranks the description, and both rules have to WIN the cascade
|
|
607
|
+
for that to mean anything. Sonner ships
|
|
608
|
+
`[data-sonner-toast][data-styled='true'] [data-title]` at font-weight 500 and
|
|
609
|
+
its description twin at 400 — both (0,3,0), both injected at runtime.
|
|
610
|
+
The title rule here was a plain `[data-sonner-toast] [data-title]` (0,2,0):
|
|
611
|
+
it declared 600 and rendered at 500, losing outright, while the description
|
|
612
|
+
carried `!important` and rendered at 600. The hierarchy came out inverted on
|
|
613
|
+
every toast in the kit, the long line heavier than the label naming it.
|
|
614
|
+
|
|
615
|
+
Both now take the compound selector plus !important — the shape the
|
|
616
|
+
close-button rules below already use against this same stylesheet, and for
|
|
617
|
+
the same reason: source order cannot settle a tie with a sheet that is
|
|
618
|
+
injected at runtime.
|
|
619
|
+
|
|
620
|
+
The description returns to 400. It is the running text of a toast, and 14px
|
|
621
|
+
semibold across a full sentence reads as emphasis with nothing left to
|
|
622
|
+
emphasise; the family ink already carries the severity. Its `color` override
|
|
623
|
+
keeps !important on its own merits — sonner hardcodes #3f3f3f there, plus a
|
|
624
|
+
dark-theme rule of its own on top.
|
|
625
|
+
|
|
626
|
+
`toast text weights` in src/__tests__/tokens-contract.test.ts holds the order
|
|
627
|
+
and the two properties that let it apply.
|
|
628
|
+
*/
|
|
629
|
+
[data-sonner-toast][data-styled='true'] [data-title] {
|
|
630
|
+
font-weight: 600 !important;
|
|
607
631
|
font-size: 0.875rem;
|
|
608
632
|
line-height: 1.25rem;
|
|
609
633
|
}
|
|
@@ -611,7 +635,7 @@
|
|
|
611
635
|
[data-sonner-toast] [data-description],
|
|
612
636
|
[data-sonner-toast][data-styled='true'] [data-description] {
|
|
613
637
|
font-size: 0.875rem;
|
|
614
|
-
font-weight:
|
|
638
|
+
font-weight: 400 !important;
|
|
615
639
|
line-height: 1.25rem;
|
|
616
640
|
color: var(--normal-text) !important;
|
|
617
641
|
}
|