@uniai-fe/uds-primitives 0.6.1 → 0.6.2

package/dist/styles.css

@@ -956,6 +956,10 @@
   font-weight: var(--alternate-layout-contents-font-weight);
   word-break: keep-all;
 }
+.alternate-layout-contents :where(p) {
+  margin: 0;
+  line-height: inherit;
+}
 
 .alternate-layout-text-button {
   display: inline;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,

package/src/components/alternate/layout/Contents.tsx

@@ -15,8 +15,27 @@ export default function AlternateLayoutContents({
   className,
   children,
 }: AlternateLayoutContentsProps) {
+  const contentsClassName = clsx("alternate-layout-contents", className);
+
+  if (
+    children === null ||
+    typeof children === "undefined" ||
+    typeof children === "boolean"
+  ) {
+    return children;
+  }
+
+  if (!["string", "number"].includes(typeof children)) {
+    // 변경: 복합 본문은 Contents anatomy 안에 유지해 paragraph/TextButton 구성도 동일 typography를 상속받게 한다.
+    return (
+      <Slot.Base as="div" className={contentsClassName}>
+        {children}
+      </Slot.Base>
+    );
+  }
+
   return (
-    <Slot.Text as="p" className={clsx("alternate-layout-contents", className)}>
+    <Slot.Text as="p" className={contentsClassName}>
       {children}
     </Slot.Text>
   );

package/src/components/alternate/styles/layout.scss

@@ -38,6 +38,12 @@
   letter-spacing: var(--alternate-layout-contents-letter-spacing);
   font-weight: var(--alternate-layout-contents-font-weight);
   word-break: keep-all;
+
+  :where(p) {
+    // 변경: 복합 Contents의 paragraph도 같은 typography 흐름 안에서 렌더링되도록 기본 문단 여백을 제거한다.
+    margin: 0;
+    line-height: inherit;
+  }
 }
 
 .alternate-layout-text-button {