boottent-design 0.1.240 → 0.1.242

package/dist/DESIGN.md

@@ -2,8 +2,8 @@
 
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지**
-> 생성 일시: 2026. 5. 20. 오후 4:21:53
-> 원본 소스: boottent-design v0.1.240
+> 생성 일시: 2026. 5. 20. 오후 4:44:37
+> 원본 소스: boottent-design v0.1.242
 
 ## 1. 개요 (Overview)
 

package/dist/foundation.css

@@ -1,6 +1,10 @@
-/* Scoped Tailwind preflight equivalent.
-   Uses :where() for zero specificity so consumers' own rules win naturally.
-   Provides the base reset that DS components assume (Storybook gets it via @tailwind base). */
+/* Tailwind v3 preflight, mirrored verbatim except for two adjustments so it works as a
+   drop-in stylesheet for consumers (not as @tailwind base output):
+   - Element selectors are wrapped in :where() to keep specificity 0, so consumer-defined
+     element rules (e.g., legacy `h1 { font-size: 3rem !important }`) automatically win and
+     non-DS UI is unaffected. DS components still get the same base reset they get in
+     Storybook (where it comes from `@tailwind base`).
+   - The unwrappable universal selector keeps Tailwind's own specificity. */
 
 *,
 ::before,
@@ -8,14 +12,24 @@
   box-sizing: border-box;
   border-width: 0;
   border-style: solid;
-  border-color: currentColor;
+  border-color: #e5e7eb;
 }
 
+::before,
+::after {
+  --tw-content: "";
+}
+
+:where(:host),
 :where(html) {
+  line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
   tab-size: 4;
-  line-height: 1.5;
+  font-family: Pretendard, system-ui, sans-serif;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  -webkit-tap-highlight-color: transparent;
 }
 
 :where(body) {
@@ -29,20 +43,13 @@
   border-top-width: 1px;
 }
 
+:where(abbr[title]) {
+  text-decoration: underline dotted;
+}
+
 :where(h1, h2, h3, h4, h5, h6) {
   font-size: inherit;
   font-weight: inherit;
-  margin: 0;
-}
-
-:where(p, blockquote, dl, dd, figure) {
-  margin: 0;
-}
-
-:where(ol, ul, menu) {
-  list-style: none;
-  margin: 0;
-  padding: 0;
 }
 
 :where(a) {
@@ -54,37 +61,78 @@
   font-weight: bolder;
 }
 
+:where(code, kbd, samp, pre) {
+  font-family:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  font-size: 1em;
+}
+
+:where(small) {
+  font-size: 80%;
+}
+
+:where(sub, sup) {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+:where(sub) {
+  bottom: -0.25em;
+}
+
+:where(sup) {
+  top: -0.5em;
+}
+
+:where(table) {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+
 :where(button, input, optgroup, select, textarea) {
   font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
   font-size: 100%;
   font-weight: inherit;
   line-height: inherit;
+  letter-spacing: inherit;
   color: inherit;
   margin: 0;
   padding: 0;
 }
 
-:where(button, [type="button"], [type="reset"], [type="submit"]) {
+:where(button, select) {
+  text-transform: none;
+}
+
+:where(button, input[type="button"], input[type="reset"], input[type="submit"]) {
   -webkit-appearance: button;
   background-color: transparent;
   background-image: none;
-  cursor: pointer;
 }
 
-:where(img, svg, video, canvas, audio, iframe, embed, object) {
-  display: block;
-  vertical-align: middle;
+:where(progress) {
+  vertical-align: baseline;
 }
 
-:where(img, video) {
-  max-width: 100%;
-  height: auto;
+:where([type="search"]) {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
 
-:where(table) {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
+:where(summary) {
+  display: list-item;
+}
+
+:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
+  margin: 0;
 }
 
 :where(fieldset) {
@@ -96,11 +144,27 @@
   padding: 0;
 }
 
+:where(ol, ul, menu) {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+:where(dialog) {
+  padding: 0;
+}
+
 :where(textarea) {
   resize: vertical;
 }
 
-:where([role="button"], button) {
+:where(input)::placeholder,
+:where(textarea)::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+
+:where(button, [role="button"]) {
   cursor: pointer;
 }
 
@@ -108,6 +172,20 @@
   cursor: default;
 }
 
+:where(img, svg, video, canvas, audio, iframe, embed, object) {
+  display: block;
+  vertical-align: middle;
+}
+
+:where(img, video) {
+  max-width: 100%;
+  height: auto;
+}
+
+:where([hidden]) {
+  display: none;
+}
+
 @font-face {
   font-family: "Pretendard";
   src:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boottent-design",
-  "version": "0.1.240",
+  "version": "0.1.242",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",