@lessly/ui 1.5.0 → 1.6.0
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/README.md +4 -3
- package/dist/styles-federated.css +7 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,9 +26,10 @@ it is published to the public npm registry (npmjs.com).
|
|
|
26
26
|
`styles.css` bundles the package's `theme.css` (CSS variables, `.light`
|
|
27
27
|
overrides, typography classes) plus this library's fonts and base layer.
|
|
28
28
|
`styles-federated.css` is the same sheet without the `@font-face` rules and
|
|
29
|
-
the `@layer base` block,
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
the `@layer base` block, and with its variables declared on `:where(:root)` /
|
|
30
|
+
`:where(.light)` so a shell's own tokens outrank the remote's whatever loaded
|
|
31
|
+
last, for remotes that must not restyle the page they load into. Token values
|
|
32
|
+
are never edited here — they change by bumping `@lessly/tokens`.
|
|
32
33
|
|
|
33
34
|
## Install
|
|
34
35
|
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* on a parent element (usually <html> or <body>).
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
:root {
|
|
15
|
+
:where(:root) {
|
|
16
16
|
--bg-primary: #191b24;
|
|
17
17
|
--bg-secondary: #12141b;
|
|
18
18
|
--bg-surface: #1f222d;
|
|
@@ -276,7 +276,7 @@
|
|
|
276
276
|
--inverted-foreground: var(--bg-brand);
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
.light {
|
|
279
|
+
:where(.light) {
|
|
280
280
|
--bg-primary: #f6f7f7;
|
|
281
281
|
--bg-secondary: #eeeff0;
|
|
282
282
|
--bg-surface: #f2f3f4;
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
|
|
386
386
|
/* Reduced motion — collapse every motion variable to instant/linear (see reducedMotionBlock in build.js). */
|
|
387
387
|
@media (prefers-reduced-motion: reduce) {
|
|
388
|
-
:root {
|
|
388
|
+
:where(:root) {
|
|
389
389
|
--motion-duration-instant: 0ms;
|
|
390
390
|
--motion-duration-fast: 0ms;
|
|
391
391
|
--motion-duration-normal: 0ms;
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
/* === Deprecated aliases — remove in the next major ===
|
|
414
414
|
Old vendored `--color-*` names mapped onto the @lessly/tokens variables above.
|
|
415
415
|
Generated by scripts/build-styles.mjs — do not edit. */
|
|
416
|
-
:root {
|
|
416
|
+
:where(:root) {
|
|
417
417
|
--color-bg-primary: var(--bg-primary);
|
|
418
418
|
--color-bg-secondary: var(--bg-secondary);
|
|
419
419
|
--color-bg-surface: var(--bg-surface);
|
|
@@ -465,7 +465,7 @@
|
|
|
465
465
|
--color-border-danger: var(--border-danger);
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
-
.light {
|
|
468
|
+
:where(.light) {
|
|
469
469
|
--color-bg-primary: var(--bg-primary);
|
|
470
470
|
--color-bg-secondary: var(--bg-secondary);
|
|
471
471
|
--color-bg-surface: var(--bg-surface);
|
|
@@ -530,7 +530,7 @@
|
|
|
530
530
|
:where(:root) {
|
|
531
531
|
--spacing: 0.25rem;
|
|
532
532
|
}
|
|
533
|
-
:root {
|
|
533
|
+
:where(:root) {
|
|
534
534
|
/* === Nav / menu surfaces (0.3.0 sidebar) === */
|
|
535
535
|
/* The floating surface sits on the package's overlay pair: --menu-bg on
|
|
536
536
|
--bg-overlay, --menu-shadow on --shadow-overlay. theme.css re-resolves both
|
|
@@ -553,7 +553,7 @@
|
|
|
553
553
|
--auth-btn-shadow: none;
|
|
554
554
|
}
|
|
555
555
|
|
|
556
|
-
.light {
|
|
556
|
+
:where(.light) {
|
|
557
557
|
/* Light keeps opaque hover plates: a translucent text-mix would vanish on a
|
|
558
558
|
white menu. Pinned 0.3.0-prototype literals — the package has no hover-surface
|
|
559
559
|
roles yet, so these can't move onto tokens the way --menu-bg did. */
|