npm - @spartan-ng/cli - Versions diffs - 0.0.1-alpha.719 → 1.0.0 - Mend

@spartan-ng/cli 0.0.1-alpha.719 → 1.0.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.

Files changed (69) hide show

package/src/generators/ui/style-nova.css CHANGED Viewed

@@ -1,4 +1,34 @@
-.style-nova {
+/* =============================================================================================
+ * DONUT @scope - DOCS-ONLY CONTAINMENT. READ BEFORE EDITING.
+ * =============================================================================================
+ * Why this looks weird: nova (the default style) is the page-wide baseline in the docs app - its
+ * <body> permanently carries `.style-nova`. The docs render every OTHER style as a nested preview
+ * "island" (`<div class="style-vega">`, etc.) inside that body. Plain `.style-nova .spartan-*`
+ * rules cascade THROUGH those islands, so for any property nova sets but the island's style does
+ * not, nova "leaks" into the island and the preview no longer matches a real single-style project.
+ *
+ * The donut fixes that structurally instead of per-property: `@scope (.style-nova) to (<every other
+ * style>)` applies nova within `.style-nova` but STOPS at any other style's island - nova reaches
+ * the docs chrome but never another style's island. Each island is fully self-contained, with zero
+ * per-property "reset" patches.
+ *
+ * Only nova carries this: nova is the ONLY style ever used as the page-wide baseline. The other five
+ * are only ever islands, already contained by their own `.style-X` selector, so they stay plain.
+ *
+ * It does NOT reach consumer projects. The CLI does not copy this file; `createStyleMap`
+ * (libs/cli/.../create-style-map.ts) harvests each `.spartan-* { @apply ... }` rule and inlines the
+ * utilities directly into the generated components - it ignores the wrapper entirely, whether it is
+ * `.style-nova {` or this `@scope`. So no `@scope`, and no extra browser-support requirement, ever
+ * ships to a single-style consumer.
+ *
+ * Authored here (not in the docs app) ON PURPOSE: feeding nova into a `@scope` from the docs via
+ * `@import` does not survive the dev build (the whole baseline silently drops and the docs render
+ * unstyled). Wrapping nova's own rules directly avoids any `@import`, so it works in dev and prod.
+ *
+ * MAINTENANCE: keep the `to (...)` list in sync with `STYLES` in ./style.ts - it must name every
+ * style EXCEPT nova. The closing `}` for this block is at the very end of the file.
+ * ============================================================================================= */
+@scope (.style-nova) to (.style-vega, .style-lyra, .style-maia, .style-mira, .style-luma) {
 	.spartan-rtl-flip {
 		@apply rtl:rotate-180;
 	}
@@ -47,7 +77,7 @@
 	/* MARK: Alert Dialog */
 	.spartan-alert-dialog-overlay {
-		@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;
+		@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;
 	}
 	.spartan-alert-dialog-content {
@@ -104,7 +134,7 @@
 	}
 	.spartan-autocomplete-status {
-		@apply text-muted-foreground gap-2 py-2 text-sm;
+		@apply text-muted-foreground gap-2 px-2.5 py-2 text-sm;
 	}
 	/* MARK: Avatar */
@@ -249,11 +279,11 @@
 	}
 	.spartan-button-group-orientation-horizontal {
-		@apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-lg!;
+		@apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-lg;
 	}
 	.spartan-button-group-orientation-vertical {
-		@apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!;
+		@apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg;
 	}
 	.spartan-button-group-text {
@@ -379,7 +409,7 @@
 	}
 	.spartan-combobox-status {
-		@apply text-muted-foreground gap-2 py-2 text-sm;
+		@apply text-muted-foreground gap-2 px-2.5 py-2 text-sm;
 	}
 	/* MARK: Command */
@@ -437,7 +467,7 @@
 	/* MARK: Dialog */
 	.spartan-dialog-overlay {
-		@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;
+		@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;
 	}
 	.spartan-dialog-content {
@@ -496,7 +526,7 @@
 	/* MARK: Dropdown Menu */
 	.spartan-dropdown-menu-content {
-		@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100;
+		@apply motion-safe:data-open:animate-in motion-safe:data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100;
 	}
 	.spartan-dropdown-menu-item {
@@ -528,7 +558,7 @@
 	}
 	.spartan-dropdown-menu-sub-content {
-		@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-24 rounded-lg p-1 shadow-lg ring-1 duration-100;
+		@apply motion-safe:data-open:animate-in motion-safe:data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-24 rounded-lg p-1 shadow-lg ring-1 duration-100;
 	}
 	/* MARK: Empty */
@@ -920,7 +950,7 @@
 	/* MARK: Sheet */
 	.spartan-sheet-overlay {
-		@apply bg-black/10 supports-backdrop-filter:backdrop-blur-xs;
+		@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;
 	}
 	.spartan-sheet-content {