boottent-design 0.1.240 → 0.1.241

package/dist/DESIGN.md

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

package/dist/foundation.css

@@ -1,111 +1,251 @@
-/* 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). */
-
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: currentColor;
-}
+/* Tailwind v3 preflight, wrapped in @layer base.
+   Layered styles lose to unlayered consumer styles, so legacy app styles (e.g., partner's
+   `h1 { font-size: 3rem !important }`) win automatically — DS components still get the
+   same base reset Storybook gets via `@tailwind base`. */
 
-:where(html) {
-  -webkit-text-size-adjust: 100%;
-  -moz-tab-size: 4;
-  tab-size: 4;
-  line-height: 1.5;
-}
+@layer base {
+  *,
+  ::before,
+  ::after {
+    box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
+    border-color: #e5e7eb;
+  }
 
-:where(body) {
-  margin: 0;
-  line-height: inherit;
-}
+  ::before,
+  ::after {
+    --tw-content: "";
+  }
 
-:where(hr) {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
+  :host,
+  html {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    -moz-tab-size: 4;
+    tab-size: 4;
+    font-family: Pretendard, system-ui, sans-serif;
+    font-feature-settings: normal;
+    font-variation-settings: normal;
+    -webkit-tap-highlight-color: transparent;
+  }
 
-:where(h1, h2, h3, h4, h5, h6) {
-  font-size: inherit;
-  font-weight: inherit;
-  margin: 0;
-}
+  body {
+    margin: 0;
+    line-height: inherit;
+  }
 
-:where(p, blockquote, dl, dd, figure) {
-  margin: 0;
-}
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
 
-:where(ol, ul, menu) {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
+  abbr:where([title]) {
+    text-decoration: underline dotted;
+  }
 
-:where(a) {
-  color: inherit;
-  text-decoration: inherit;
-}
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
 
-:where(b, strong) {
-  font-weight: bolder;
-}
+  a {
+    color: inherit;
+    text-decoration: inherit;
+  }
 
-:where(button, input, optgroup, select, textarea) {
-  font-family: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
+  b,
+  strong {
+    font-weight: bolder;
+  }
 
-:where(button, [type="button"], [type="reset"], [type="submit"]) {
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none;
-  cursor: pointer;
-}
+  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(img, svg, video, canvas, audio, iframe, embed, object) {
-  display: block;
-  vertical-align: middle;
-}
+  small {
+    font-size: 80%;
+  }
 
-:where(img, video) {
-  max-width: 100%;
-  height: auto;
-}
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
 
-:where(table) {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-}
+  sub {
+    bottom: -0.25em;
+  }
 
-:where(fieldset) {
-  margin: 0;
-  padding: 0;
-}
+  sup {
+    top: -0.5em;
+  }
 
-:where(legend) {
-  padding: 0;
-}
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
 
-:where(textarea) {
-  resize: vertical;
-}
+  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([role="button"], button) {
-  cursor: pointer;
-}
+  button,
+  select {
+    text-transform: none;
+  }
+
+  button,
+  input:where([type="button"]),
+  input:where([type="reset"]),
+  input:where([type="submit"]) {
+    -webkit-appearance: button;
+    background-color: transparent;
+    background-image: none;
+  }
+
+  :-moz-focusring {
+    outline: auto;
+  }
+
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  ::-webkit-inner-spin-button,
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  [type="search"] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
+  }
+
+  summary {
+    display: list-item;
+  }
+
+  blockquote,
+  dl,
+  dd,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  hr,
+  figure,
+  p,
+  pre {
+    margin: 0;
+  }
+
+  fieldset {
+    margin: 0;
+    padding: 0;
+  }
+
+  legend {
+    padding: 0;
+  }
+
+  ol,
+  ul,
+  menu {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  dialog {
+    padding: 0;
+  }
+
+  textarea {
+    resize: vertical;
+  }
+
+  input::placeholder,
+  textarea::placeholder {
+    opacity: 1;
+    color: #9ca3af;
+  }
+
+  button,
+  [role="button"] {
+    cursor: pointer;
+  }
+
+  :disabled {
+    cursor: default;
+  }
+
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    display: block;
+    vertical-align: middle;
+  }
+
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
 
-:where(:disabled) {
-  cursor: default;
+  [hidden] {
+    display: none;
+  }
 }
 
 @font-face {

package/package.json

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