@cooperco/cooper-component-library 0.1.130 → 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;
@@ -118,7 +118,8 @@ div {
 	color: var(--copy-accent-color);
 }
 
-.content-module-body-copy table {
+.content-module-body-copy table,
+.table-module table {
 	width: 100%;
 	border-collapse: separate;
 	border-spacing: 0;
@@ -129,7 +130,8 @@ div {
 	white-space: normal;
 }
 
-.content-module-body-copy table th {
+.content-module-body-copy table th,
+.table-module table th {
 	color: var(--iris);
 	font-family: 'GT-Walsheim-Bd';
 	padding: 0.75em 1em;
@@ -137,12 +139,14 @@ div {
 	text-align: center;
 }
 
-.content-module-body-copy table th:first-child {
+.content-module-body-copy table th:first-child,
+.table-module table th:first-child {
 	text-align: left;
 }
 
 
-.content-module-body-copy table .table-highlighted-cell {
+.content-module-body-copy table .table-highlighted-cell,
+.table-module table .table-highlighted-cell {
 	background-color: var(--hydrangea) !important;
 	color: var(--iris) !important;
 	font-family: 'GT-Walsheim-Bd';
@@ -150,7 +154,9 @@ div {
 }
 
 .content-module-body-copy table .table-empty-row,
-.content-module-body-copy table .table-empty-column {
+.content-module-body-copy table .table-empty-column,
+.table-module table .table-empty-row,
+.table-module table .table-empty-column {
 	background-color: var(--iris) !important;
 	/* keep text readable; override color if necessary */
 	color: white !important;
@@ -159,21 +165,25 @@ div {
 	border-bottom: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table th:not(:last-child) {
+.content-module-body-copy table th:not(:last-child),
+.table-module table th:not(:last-child) {
 	border-right: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table td {
+.content-module-body-copy table td,
+.table-module table td {
 	padding: 1em;
 	text-align: center;
 	vertical-align: middle;
 }
 
-.content-module-body-copy table tr:not(:last-child) td {
+.content-module-body-copy table tr:not(:last-child) td,
+.table-module table tr:not(:last-child) td {
 	border-bottom: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table td:not(:last-child) {
+.content-module-body-copy table td:not(:last-child),
+.table-module table td:not(:last-child) {
 	border-right: 1px solid rgb(0, 0, 0);
 }
 
@@ -182,8 +192,13 @@ div {
 	text-align: left;
 }
 
+.table-module table td:first-child {
+	text-align: left;
+}
+
 
-.content-module-body-copy table td:only-child {
+.content-module-body-copy table td:only-child,
+.table-module table td:only-child {
 	background-color: var(--iris);
 	color: white;
 	font-family: 'GT-Walsheim-Bd';
@@ -191,43 +206,53 @@ div {
 	text-align: left;
 }
 
-.content-module-body-copy table p {
+.content-module-body-copy table p,
+.table-module table p {
 	margin: 0;
 	white-space: normal;
 }
 
-.content-module-body-copy table td p {
+.content-module-body-copy table td p,
+.table-module table td p {
 	padding-top: 0.5em;
 }
 
-.content-module-body-copy table td p:first-child {
+.content-module-body-copy table td p:first-child,
+.table-module table td p:first-child {
 	padding-top: 0;
 }
 
-.content-module-body-copy table ul {
+.content-module-body-copy table ul,
+.table-module table ul {
 	list-style: none;
 	margin: 1em 0 0 1em;
 	padding-left: 0;
 	text-align: left;
 }
 
-.content-module-body-copy table ul li {
+.content-module-body-copy table ul li,
+.table-module table ul li {
 	position: relative;
 	padding-left: 1.5em;
 	margin: 0;
 }
 
-.content-module-body-copy table td:first-child {
+.content-module-body-copy table td:first-child,
+.table-module table td:first-child {
 	--bullet-color: var(--rosemary);
+	/* no gray background for table-module first col — handled separately above */
 }
 
 
 .content-module-body-copy table td:nth-child(3),
-.content-module-body-copy table td:nth-child(4) {
+.content-module-body-copy table td:nth-child(4),
+.table-module table td:nth-child(3),
+.table-module table td:nth-child(4) {
 	--bullet-color: var(--rosemary);
 }
 
-.content-module-body-copy table ul p {
+.content-module-body-copy table ul p,
+.table-module table ul p {
 	padding-top: 0;
 }
 
@@ -309,8 +334,52 @@ 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;
+	}
+
 	/* Unordered list */
 	.content-module-body-copy ul,
 	.body-copy-with-lists ul,