boottent-design 0.1.241 → 0.1.243

package/dist/foundation.css

@@ -1,251 +1,189 @@
-/* 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`. */
-
-@layer base {
-  *,
-  ::before,
-  ::after {
-    box-sizing: border-box;
-    border-width: 0;
-    border-style: solid;
-    border-color: #e5e7eb;
-  }
-
-  ::before,
-  ::after {
-    --tw-content: "";
-  }
-
-  :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;
-  }
-
-  body {
-    margin: 0;
-    line-height: inherit;
-  }
-
-  hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-
-  abbr:where([title]) {
-    text-decoration: underline dotted;
-  }
+/* 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,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: #e5e7eb;
+}
 
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
+::before,
+::after {
+  --tw-content: "";
+}
 
-  a {
-    color: inherit;
-    text-decoration: inherit;
-  }
+:where(:host),
+:where(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;
+}
 
-  b,
-  strong {
-    font-weight: bolder;
-  }
+:where(body) {
+  margin: 0;
+  line-height: inherit;
+}
 
-  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(hr) {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
 
-  small {
-    font-size: 80%;
-  }
+:where(abbr[title]) {
+  text-decoration: underline dotted;
+}
 
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
+:where(h1, h2, h3, h4, h5, h6) {
+  font-size: inherit;
+  font-weight: inherit;
+}
 
-  sub {
-    bottom: -0.25em;
-  }
+:where(a) {
+  color: inherit;
+  text-decoration: inherit;
+}
 
-  sup {
-    top: -0.5em;
-  }
+:where(b, strong) {
+  font-weight: bolder;
+}
 
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
+: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;
+}
 
-  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(small) {
+  font-size: 80%;
+}
 
-  button,
-  select {
-    text-transform: none;
-  }
+:where(sub, sup) {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
 
-  button,
-  input:where([type="button"]),
-  input:where([type="reset"]),
-  input:where([type="submit"]) {
-    -webkit-appearance: button;
-    background-color: transparent;
-    background-image: none;
-  }
+:where(sub) {
+  bottom: -0.25em;
+}
 
-  :-moz-focusring {
-    outline: auto;
-  }
+:where(sup) {
+  top: -0.5em;
+}
 
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
+:where(table) {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
 
-  progress {
-    vertical-align: baseline;
-  }
+: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;
+}
 
-  ::-webkit-inner-spin-button,
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
+:where(button, select) {
+  text-transform: none;
+}
 
-  [type="search"] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
+:where(button, input[type="button"], input[type="reset"], input[type="submit"]) {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+}
 
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
+:where(progress) {
+  vertical-align: baseline;
+}
 
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
+:where([type="search"]) {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
 
-  summary {
-    display: list-item;
-  }
+:where(summary) {
+  display: list-item;
+}
 
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
+:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
+  margin: 0;
+}
 
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
+:where(fieldset) {
+  margin: 0;
+  padding: 0;
+}
 
-  legend {
-    padding: 0;
-  }
+:where(legend) {
+  padding: 0;
+}
 
-  ol,
-  ul,
-  menu {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
+:where(ol, ul, menu) {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
 
-  dialog {
-    padding: 0;
-  }
+:where(dialog) {
+  padding: 0;
+}
 
-  textarea {
-    resize: vertical;
-  }
+:where(textarea) {
+  resize: vertical;
+}
 
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: #9ca3af;
-  }
+:where(input)::placeholder,
+:where(textarea)::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
 
-  button,
-  [role="button"] {
-    cursor: pointer;
-  }
+:where(button, [role="button"]) {
+  cursor: pointer;
+}
 
-  :disabled {
-    cursor: default;
-  }
+:where(:disabled) {
+  cursor: default;
+}
 
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    display: block;
-    vertical-align: middle;
-  }
+:where(img, svg, video, canvas, audio, iframe, embed, object) {
+  display: block;
+  vertical-align: middle;
+}
 
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
+:where(img, video) {
+  max-width: 100%;
+  height: auto;
+}
 
-  [hidden] {
-    display: none;
-  }
+:where([hidden]) {
+  display: none;
 }
 
 @font-face {
@@ -303,6 +241,53 @@
   --ring: 216 12.2% 83.9%;
 }
 
+.bt-ds-surface {
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: #dde2e6 !important;
+  background-color: var(--background) !important;
+}
+
+.bt-ds-surface-white {
+  background-color: #ffffff !important;
+}
+
+.bt-ds-radius-8 {
+  border-radius: 8px !important;
+}
+
+.bt-ds-radius-10 {
+  border-radius: 10px !important;
+}
+
+.bt-ds-radius-12 {
+  border-radius: 12px !important;
+}
+
+.bt-ds-radius-16 {
+  border-radius: 16px !important;
+}
+
+.bt-ds-radius-full {
+  border-radius: 9999px !important;
+}
+
+@media (min-width: 480px) {
+  .bt-ds-xs-radius-left-8 {
+    border-top-left-radius: 8px !important;
+    border-bottom-left-radius: 8px !important;
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+
+  .bt-ds-xs-border-r-only {
+    border-top-width: 0 !important;
+    border-bottom-width: 0 !important;
+    border-left-width: 0 !important;
+    border-right-width: 1px !important;
+  }
+}
+
 .scrollbar-hidden {
   -ms-overflow-style: none;
   scrollbar-width: none;

package/dist/{lecturer-card-DxUE7e2-.js → lecturer-card-B80BJVu3.js}

@@ -45,16 +45,16 @@ function ur({
   roleLabel: u,
   isMobile: o,
   isExpanded: t,
-  onToggleExpand: g,
+  onToggleExpand: f,
   description: l,
-  idx: f,
+  idx: g,
   numberOfLecturers: h,
   imagePriority: b,
   imageLoading: x,
   imageFetchPriority: N,
   imageDecoding: w
 }) {
-  const m = `${a}-name`, p = `${a}-srdesc`, s = `${a}-content`, n = o && l.length > 3, v = $({
+  const m = `${a}-name`, s = `${a}-srdesc`, p = `${a}-content`, c = o && l.length > 3, v = $({
     imagePriority: b,
     imageLoading: x,
     imageFetchPriority: N,
@@ -65,11 +65,11 @@ function ur({
     {
       "aria-labelledby": m,
       className: d(
-        "flex h-full w-full items-start gap-5 rounded-[10px] border border-grey-200 bg-background px-[30px] py-5",
+        "bt-ds-surface bt-ds-radius-10 flex h-full w-full items-start gap-5 rounded-[10px] border border-grey-200 bg-background px-[30px] py-5",
         h === 1 && "col-span-2"
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: "shrink-0", children: e.imageUrl ? /* @__PURE__ */ r("div", { className: "relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full border border-grey-200", children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "shrink-0", children: e.imageUrl ? /* @__PURE__ */ r("div", { className: "bt-ds-surface bt-ds-radius-full relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full border border-grey-200", children: /* @__PURE__ */ r(
           "img",
           {
             src: e.imageUrl,
@@ -90,28 +90,28 @@ function ur({
             /* @__PURE__ */ r("span", { id: m, children: e.lecturerName }),
             /* @__PURE__ */ r(A, { variant: "solid-secondary-100", size: "sm", className: "px-1 py-0.5", children: u })
           ] }),
-          /* @__PURE__ */ r("span", { className: "sr-only", id: p, children: "강사 소개를 목록으로 안내한다." }),
+          /* @__PURE__ */ r("span", { className: "sr-only", id: s, children: "강사 소개를 목록으로 안내한다." }),
           /* @__PURE__ */ i(
             "ul",
             {
-              id: s,
-              "aria-describedby": p,
-              "aria-expanded": n ? t : void 0,
+              id: p,
+              "aria-describedby": s,
+              "aria-expanded": c ? t : void 0,
               className: d(
                 "relative flex w-full flex-col whitespace-pre-wrap break-keep text-grey-600",
                 o && t && "pb-6"
               ),
               children: [
                 l.map(
-                  (y, c) => o && !t && c >= 3 ? null : /* @__PURE__ */ r("li", { children: y }, c)
+                  (y, n) => o && !t && n >= 3 ? null : /* @__PURE__ */ r("li", { children: y }, n)
                 ),
-                n && /* @__PURE__ */ r("li", { className: "absolute bottom-0 right-0", children: /* @__PURE__ */ i(
+                c && /* @__PURE__ */ r("li", { className: "absolute bottom-0 right-0", children: /* @__PURE__ */ i(
                   "button",
                   {
                     type: "button",
-                    onClick: () => g(f),
+                    onClick: () => f(g),
                     "aria-expanded": t,
-                    "aria-controls": s,
+                    "aria-controls": p,
                     className: "bg-white pl-1 text-main-600",
                     children: [
                       t ? "...정보 숨기기" : "...정보 더보기",

package/dist/lecturer-card-CGPXVDdx.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("./common-Ds1lanOg.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");const w=require("./ui/icons.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const v=require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const y=require("./image-loading-DZFBFoVv.cjs");function L({keyPrefix:a,lecturer:r,roleLabel:q,isMobile:s,isExpanded:i,onToggleExpand:m,description:l,idx:g,numberOfLecturers:x,imagePriority:h,imageLoading:b,imageFetchPriority:f,imageDecoding:p}){const t=`${a}-name`,u=`${a}-srdesc`,n=`${a}-content`,c=s&&l.length>3,j=y.getImageLoadingAttributes({imagePriority:h,imageLoading:b,imageFetchPriority:f,imageDecoding:p});return e.jsxs("article",{"aria-labelledby":t,className:o.cn("bt-ds-surface bt-ds-radius-10 flex h-full w-full items-start gap-5 rounded-[10px] border border-grey-200 bg-background px-[30px] py-5",x===1&&"col-span-2"),children:[e.jsx("div",{className:"shrink-0",children:r.imageUrl?e.jsx("div",{className:"bt-ds-surface bt-ds-radius-full relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full border border-grey-200",children:e.jsx("img",{src:r.imageUrl,alt:`${r.lecturerName} 프로필 이미지`,className:"h-full w-full object-cover",...j})}):e.jsx("div",{className:"relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full bg-grey-100","aria-label":`${r.lecturerName} 프로필 이미지 없음`,children:e.jsx(w.Icon.Profile,{size:"32",fill:"#A2A3A4","aria-hidden":"true"})})}),e.jsxs("div",{className:"flex w-full flex-col gap-2 text-regular14 text-grey-800",children:[e.jsxs("header",{className:"flex items-center gap-2 text-semibold16",children:[e.jsx("span",{id:t,children:r.lecturerName}),e.jsx(v.Tag,{variant:"solid-secondary-100",size:"sm",className:"px-1 py-0.5",children:q})]}),e.jsx("span",{className:"sr-only",id:u,children:"강사 소개를 목록으로 안내한다."}),e.jsxs("ul",{id:n,"aria-describedby":u,"aria-expanded":c?i:void 0,className:o.cn("relative flex w-full flex-col whitespace-pre-wrap break-keep text-grey-600",s&&i&&"pb-6"),children:[l.map((N,d)=>s&&!i&&d>=3?null:e.jsx("li",{children:N},d)),c&&e.jsx("li",{className:"absolute bottom-0 right-0",children:e.jsxs("button",{type:"button",onClick:()=>m(g),"aria-expanded":i,"aria-controls":n,className:"bg-white pl-1 text-main-600",children:[i?"...정보 숨기기":"...정보 더보기",e.jsx("span",{"aria-hidden":"true",className:"absolute right-full h-full w-8 bg-gradient-to-r from-transparent to-white"})]})})]})]})]})}exports.LecturerCard=L;