@madeinbruno/atelier 0.4.3 → 0.5.0

package/README.md

@@ -14,7 +14,7 @@ React 18 이상이 필요해요.
 
 ### `Tag` — 공용 푸터
 
-흰 옷 택(행택) 모양의 푸터예요. 택 위쪽에 한 줄 박음질이 있고, 픽셀 글씨 `madeinbruno`, `SERVICE / CONTACT`와 madeinbruno.com 링크가 들어가요.
+흰 옷 택(행택) 모양의 푸터예요. 택 위쪽에 한 줄 박음질이 있고, 픽셀 글씨 `madeinbruno`, `SERVICE / CONTACT`가 들어가요 (`href`를 주면 밑줄 친 링크도).
 
 ```tsx
 import { Tag } from '@madeinbruno/atelier';
@@ -29,7 +29,7 @@ export default function Footer() {
 |---|---|---|
 | `service` (필수) | | 택의 SERVICE 줄. 서비스 이름 |
 | `email` | `pbk575@gmail.com` | CONTACT 줄 (mailto 링크) |
-| `href` | `https://madeinbruno.com` | 택 아래 링크 (밑줄 친 주소) |
+| `href` | 없음 | 택 아래 링크 (밑줄 친 주소). 주지 않으면 링크를 그리지 않아요. madeinbruno.com이 생기면 기본값으로 넣을 예정 |
 | `since` | `EST. 2026` | 택 오른쪽 위 작은 글씨 |
 | `eyebrow`, `message` | "Thanks for stopping by", "이 사이트도 madeinbruno에서 만들었어요." | 택 왼쪽 글. 둘 다 비우면 택만 가운데에 |
 | `background` | `#f4f1ea` | 푸터 바탕. 서비스 바탕색에 맞추기 |

package/dist/index.d.ts

@@ -6,7 +6,8 @@ type TagProps = {
     service: string;
     /** 연락받을 이메일. 택의 CONTACT 줄에 mailto 링크로 들어간다. */
     email?: string;
-    /** 택 아래 링크(밑줄 친 주소)가 가는 곳. */
+    /** 택 아래 링크(밑줄 친 주소)가 가는 곳. 주지 않으면 링크를 그리지 않는다.
+     *  madeinbruno.com이 아직 없어서 기본은 링크 없음. 사이트가 생기면 기본값을 'https://madeinbruno.com'으로 바꾼다. */
     href?: string;
     /** 택 오른쪽 위의 작은 글씨. */
     since?: string;

package/dist/index.js

@@ -4,7 +4,7 @@ var WORDMARK = "M18 0h2v2h-2zM27 0h2v1h-2zM36 0h2v2h-2zM0 2h1v1h-1zM2 2h2v1h-2zM
 function Tag({
   service,
   email = "pbk575@gmail.com",
-  href = "https://madeinbruno.com",
+  href,
   since = "EST. 2026",
   eyebrow = "Thanks for stopping by",
   message = `\uC774 \uC0AC\uC774\uD2B8\uB3C4 madeinbruno\uC5D0\uC11C \uB9CC\uB4E4\uC5C8\uC5B4\uC694.`,
@@ -17,7 +17,7 @@ function Tag({
     ...stitch ? { "--mib-stitch": stitch } : {}
   };
   const hasMessage = Boolean(eyebrow || message);
-  const linkLabel = href.replace(/^https?:\/\//, "").replace(/\/$/, "");
+  const linkLabel = href?.replace(/^https?:\/\//, "").replace(/\/$/, "");
   return /* @__PURE__ */ jsx("footer", { className: ["mib-footer", className].filter(Boolean).join(" "), style, children: /* @__PURE__ */ jsxs("div", { className: hasMessage ? "mib-footer__inner" : "mib-footer__inner mib-footer__inner--solo", children: [
     hasMessage && /* @__PURE__ */ jsxs("div", { className: "mib-footer__message", children: [
       eyebrow && /* @__PURE__ */ jsx("p", { className: "mib-footer__eyebrow", children: eyebrow }),
@@ -35,7 +35,7 @@ function Tag({
         /* @__PURE__ */ jsx("dt", { children: "CONTACT" }),
         /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("a", { href: `mailto:${email}`, children: email }) })
       ] }),
-      /* @__PURE__ */ jsxs("a", { className: "mib-tag__link", href, children: [
+      href && /* @__PURE__ */ jsxs("a", { className: "mib-tag__link", href, children: [
         linkLabel,
         " \u2192"
       ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madeinbruno/atelier",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "madeinbruno.com 서비스들이 같이 쓰는 공용 컴포넌트 (옷 만드는 작업실 컨셉: 택, 라벨, 도장…)",
   "license": "MIT",
   "author": "codingbotPark <pbk575@gmail.com>",

package/styles.css

@@ -12,7 +12,7 @@
   --mib-muted: #6b655c;
   box-sizing: border-box;
   width: 100%;
-  overflow: hidden;
+  /* 넘치는 걸 자르지 않는다: 자르면 택 위로 퍼지는 그림자가 푸터 윗변에서 끊겨, 푸터 자리만 바탕색이 달라 보인다 */
   padding: 0 24px;
   background: var(--mib-ground);
   font-family: 'IBM Plex Mono', ui-monospace, monospace;
@@ -92,7 +92,6 @@
   display: flex;
   flex-direction: column;
   gap: 14px;
-  min-height: 236px;
   padding: 46px 34px 26px;
   background: #ffffff;
   /* 옷 택처럼 위쪽 두 모서리를 비스듬히 깎는다 */
@@ -183,7 +182,6 @@
   }
 
   .mib-tag__card {
-    min-height: 0;
     padding: 44px 24px 24px;
   }
 }