@cooperco/cooper-component-library 0.1.131 → 0.1.132

package/dist/lib/css/main.css

@@ -86,8 +86,8 @@ div {
 	padding-left: 1rem;
 } */
 
-/* Bullet list styles in @layer components
-   and shared across .content-module-body-copy and .body-copy-with-lists */
+/* Body Copy rich text styles (paragraph spacing + lists) live in
+   @layer components and are shared across Body Copy wrappers. */
 
 .content-module-body-copy {
 	white-space: pre-line;
@@ -334,8 +334,47 @@ div {
 	transform: translateY(0);
 }
 
-/* ─── Unified bullet styles ─── */
+/* ─── Unified Body Copy rich text styles ─── */
 @layer components {
+	/*
+	 * Restore paragraph spacing for Contentful Body Copy HTML.
+	 * Tailwind Preflight sets `p { margin: 0 }`. Scope to Body Copy
+	 * wrappers only — do not use a global `p` rule.
+	 *
+	 * Space after non-last paragraphs / lists (not top-margin on every
+	 * following sibling). Child combinators skip table-cell <p>s
+	 * (`.content-module-body-copy table p { margin: 0 }` stays intact).
+	 * `:not(:has(+ table))` avoids stacking with table { margin: 1rem 0 }.
+	 * A lone paragraph is :last-child, so CTAs outside the wrapper are
+	 * unaffected. Accordion v-html sits in an inner div.
+	 */
+	.content-module-body-copy > p:not(:last-child):not(:has(+ table)),
+	.body-copy-with-lists > p:not(:last-child):not(:has(+ table)),
+	.tile-content-body-copy > p:not(:last-child):not(:has(+ table)),
+	.split-module-body > p:not(:last-child):not(:has(+ table)),
+	.accordion-item-body > div > p:not(:last-child):not(:has(+ table)),
+	.content-module-body-copy > :is(ul, ol):not(:last-child):not(:has(+ table)),
+	.body-copy-with-lists > :is(ul, ol):not(:last-child):not(:has(+ table)),
+	.tile-content-body-copy > :is(ul, ol):not(:last-child):not(:has(+ table)),
+	.split-module-body > :is(ul, ol):not(:last-child):not(:has(+ table)),
+	.accordion-item-body > div > :is(ul, ol):not(:last-child):not(:has(+ table)) {
+		margin-bottom: 1em;
+	}
+
+	/*
+	 * Contentful double-enter becomes an empty paragraph (<p></p>).
+	 * Empty blocks have zero height and their margins collapse with
+	 * neighbors, so the blank line disappears. Give them one line of
+	 * height instead of injecting <br> in the consumer parser.
+	 */
+	.content-module-body-copy > p:empty,
+	.body-copy-with-lists > p:empty,
+	.tile-content-body-copy > p:empty,
+	.split-module-body > p:empty,
+	.accordion-item-body > div > p:empty {
+		min-height: 1em;
+	}
+
 	.container-collection-headline {
 		max-width: 15ch;
 		white-space: pre-line;