@transcodes/ui-components 0.4.2 → 0.4.4

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.4.4] - 2025-12-23
+
+### Added
+
+- `prepublishOnly` 스크립트 추가: npm publish 시 자동으로 clean → build 수행
+
+## [0.4.3] - 2025-12-23
+
+### Changed
+
+- 빌드 파일 최신화를 위한 재배포 (코드 변경 없음)
+
 ## [0.4.2] - 2025-12-23
 
 ### Removed

package/dist/screens/tc-error-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tc-error-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-error-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;GAUG;AACH,qBACa,aAAc,SAAQ,UAAU;IACf,KAAK,SAA0B;IAC/B,OAAO,SACiB;IACE,UAAU,SAClD;IACwC,SAAS,UAAQ;IACf,WAAW,UAAQ;IAC/C,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,0BAmFpB;IAEO,iBAAiB;IASpB,aAAa;IAKnB,OAAO,CAAC,WAAW;IASV,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"tc-error-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-error-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;GAUG;AACH,qBACa,aAAc,SAAQ,UAAU;IACf,KAAK,SAA0B;IAC/B,OAAO,SACiB;IACE,UAAU,SAClD;IACwC,SAAS,UAAQ;IACf,WAAW,UAAQ;IAC/C,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,0BAkFpB;IAEO,iBAAiB;IASpB,aAAa;IAKnB,OAAO,CAAC,WAAW;IASV,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/screens/tc-error-screen.js

@@ -7,10 +7,10 @@ import "../primitives/tc-text.js";
 import "../primitives/tc-button.js";
 import "../primitives/tc-container.js";
 import "../primitives/tc-section.js";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, e = (i, n, o, s) => {
-  for (var r = s > 1 ? void 0 : s ? v(n, o) : n, c = i.length - 1, l; c >= 0; c--)
-    (l = i[c]) && (r = (s ? l(n, o, r) : l(r)) || r);
-  return s && r && f(n, o, r), r;
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, e = (r, s, o, n) => {
+  for (var i = n > 1 ? void 0 : n ? v(s, o) : s, c = r.length - 1, l; c >= 0; c--)
+    (l = r[c]) && (i = (n ? l(s, o, i) : l(i)) || i);
+  return n && i && f(s, o, i), i;
 };
 let t = class extends d {
   constructor() {
@@ -36,15 +36,15 @@ let t = class extends d {
     );
   }
   render() {
-    const i = this.isAnimated ? "animated" : "";
+    const r = this.isAnimated ? "animated" : "";
     return p`
       <div part="screen" class="screen" style=${u(this.sx)}>
         <tc-container>
           <div part="content" class="content">
-            <div part="icon" class="icon-container ${i}">
+            <div part="icon" class="icon-container ${r}">
               <tc-icon name="alert-circle" .sx=${{ "--icon-size": "var(--size-icon-xl)" }}></tc-icon>
             </div>
-            <tc-section .sx=${{ gap: "var(--space-sm)" }} class="text-content ${i}">
+            <tc-section .sx=${{ gap: "var(--space-sm)" }} class="text-content ${r}">
               <tc-text part="title" tag="h1" size="xl" weight="600" class="title">
                 ${this.title}
               </tc-text>
@@ -53,7 +53,7 @@ let t = class extends d {
               </tc-text>
             </tc-section>
             ${this.showRetry ? p`
-                  <div part="action" class="action ${i}">
+                  <div part="action" class="action ${r}">
                     <tc-button variant="primary" @tc-click=${this.handleRetry}>
                       ${this.retryLabel}
                     </tc-button>
@@ -84,7 +84,6 @@ t.styles = m`
       min-height: inherit;
       padding: var(--space-lg);
       box-sizing: border-box;
-      background: var(--paper-white);
     }
 
     .content {

package/dist/screens/tc-loading-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tc-loading-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-loading-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AAEvC;;;;;;;GAOG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACjB,OAAO,SAAM;IACc,WAAW,EAC9D,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,CAAQ;IACU,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAO,CAAC,OAAO,CAA+B;IAE9C,OAAgB,MAAM,0BAkCpB;IAEO,iBAAiB;IAKjB,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"tc-loading-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-loading-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AAEvC;;;;;;;GAOG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACjB,OAAO,SAAM;IACc,WAAW,EAC9D,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,CAAQ;IACU,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAO,CAAC,OAAO,CAA+B;IAE9C,OAAgB,MAAM,0BAiCpB;IAEO,iBAAiB;IAKjB,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/screens/tc-loading-screen.js

@@ -1,14 +1,14 @@
 import { css as m, LitElement as g, html as l } from "lit";
-import { property as c, customElement as h } from "lit/decorators.js";
+import { property as a, customElement as h } from "lit/decorators.js";
 import { styleMap as d } from "lit/directives/style-map.js";
 import { LoadingController as y } from "../controllers/loading.controller.js";
 import "../primitives/tc-spinner.js";
 import "../primitives/tc-text.js";
 import "../primitives/tc-container.js";
-var f = Object.defineProperty, x = Object.getOwnPropertyDescriptor, s = (p, r, n, i) => {
-  for (var e = i > 1 ? void 0 : i ? x(r, n) : r, a = p.length - 1, o; a >= 0; a--)
-    (o = p[a]) && (e = (i ? o(r, n, e) : o(e)) || e);
-  return i && e && f(r, n, e), e;
+var f = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (p, s, n, i) => {
+  for (var e = i > 1 ? void 0 : i ? x(s, n) : s, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = (i ? c(s, n, e) : c(e)) || e);
+  return i && e && f(s, n, e), e;
 };
 let t = class extends g {
   constructor() {
@@ -53,7 +53,6 @@ t.styles = m`
       min-height: inherit;
       padding: var(--space-lg);
       box-sizing: border-box;
-      background: var(--paper-white);
     }
 
     .content {
@@ -69,16 +68,16 @@ t.styles = m`
       max-width: 20rem;
     }
   `;
-s([
-  c({ type: String })
+r([
+  a({ type: String })
 ], t.prototype, "message", 2);
-s([
-  c({ type: String, attribute: "spinner-size" })
+r([
+  a({ type: String, attribute: "spinner-size" })
 ], t.prototype, "spinnerSize", 2);
-s([
-  c({ type: Object })
+r([
+  a({ type: Object })
 ], t.prototype, "sx", 2);
-t = s([
+t = r([
   h("tc-loading-screen")
 ], t);
 export {

package/dist/screens/tc-success-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tc-success-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-success-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;GAUG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACjB,KAAK,SAAc;IACnB,OAAO,SACS;IACW,WAAW,SAAM;IAChB,WAAW,UAAQ;IAC/C,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,0BAoGpB;IAEO,iBAAiB;IASpB,aAAa;IAKnB,OAAO,CAAC,YAAY;IASX,MAAM;CA4ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"tc-success-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-success-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;GAUG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACjB,KAAK,SAAc;IACnB,OAAO,SACS;IACW,WAAW,SAAM;IAChB,WAAW,UAAQ;IAC/C,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,0BAkGpB;IAEO,iBAAiB;IASpB,aAAa;IAKnB,OAAO,CAAC,YAAY;IASX,MAAM;CA4ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/screens/tc-success-screen.js

@@ -7,9 +7,9 @@ import "../primitives/tc-text.js";
 import "../primitives/tc-button.js";
 import "../primitives/tc-container.js";
 import "../primitives/tc-section.js";
-var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (i, n, o, r) => {
-  for (var e = r > 1 ? void 0 : r ? v(n, o) : n, c = i.length - 1, l; c >= 0; c--)
-    (l = i[c]) && (e = (r ? l(n, o, e) : l(e)) || e);
+var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (a, n, o, r) => {
+  for (var e = r > 1 ? void 0 : r ? v(n, o) : n, c = a.length - 1, l; c >= 0; c--)
+    (l = a[c]) && (e = (r ? l(n, o, e) : l(e)) || e);
   return r && e && g(n, o, e), e;
 };
 let t = class extends d {
@@ -36,12 +36,12 @@ let t = class extends d {
     );
   }
   render() {
-    const i = this.isAnimated ? "animated" : "";
+    const a = this.isAnimated ? "animated" : "";
     return m`
       <div part="screen" class="screen" style=${y(this.sx)}>
         <tc-container>
           <div part="content" class="content">
-            <div part="icon" class="icon-container ${i}">
+            <div part="icon" class="icon-container ${a}">
               <svg
                 class="checkmark"
                 viewBox="0 0 24 24"
@@ -54,7 +54,7 @@ let t = class extends d {
                 <polyline points="20 6 9 17 4 12"></polyline>
               </svg>
             </div>
-            <tc-section .sx=${{ gap: "var(--space-sm)" }} class="text-content ${i}">
+            <tc-section .sx=${{ gap: "var(--space-sm)" }} class="text-content ${a}">
               <tc-text part="title" tag="h1" size="xl" weight="600" class="title">
                 ${this.title}
               </tc-text>
@@ -63,8 +63,8 @@ let t = class extends d {
               </tc-text>
             </tc-section>
             ${this.actionLabel ? m`
-                  <div part="action" class="action ${i}">
-                    <tc-button variant="success" @tc-click=${this.handleAction}>
+                  <div part="action" class="action ${a}">
+                    <tc-button variant="primary" @tc-click=${this.handleAction}>
                       ${this.actionLabel}
                     </tc-button>
                   </div>
@@ -94,7 +94,6 @@ t.styles = p`
       min-height: inherit;
       padding: var(--space-lg);
       box-sizing: border-box;
-      background: var(--paper-white);
     }
 
     .content {
@@ -111,7 +110,6 @@ t.styles = p`
       align-items: center;
       justify-content: center;
       padding: var(--space-md);
-      background: var(--alpha-primary10);
       border-radius: var(--radius-full);
       color: var(--accent-primary);
       transform: scale(0);
@@ -176,25 +174,25 @@ t.styles = p`
       transform: translateY(0);
     }
   `;
-a([
+i([
   s({ type: String })
 ], t.prototype, "title", 2);
-a([
+i([
   s({ type: String })
 ], t.prototype, "message", 2);
-a([
+i([
   s({ type: String, attribute: "action-label" })
 ], t.prototype, "actionLabel", 2);
-a([
+i([
   s({ type: Boolean, attribute: "auto-animate" })
 ], t.prototype, "autoAnimate", 2);
-a([
+i([
   s({ type: Object })
 ], t.prototype, "sx", 2);
-a([
+i([
   h()
 ], t.prototype, "isAnimated", 2);
-t = a([
+t = i([
   u("tc-success-screen")
 ], t);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transcodes/ui-components",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "private": false,
   "description": "Lit 3.x component library with Reactive Controllers",
   "keywords": [
@@ -67,6 +67,7 @@
     "predev": "cd ../design-tokens && bun run build && cd ../ui-components && cp -r ../design-tokens/build .storybook/design-tokens",
     "clean": "rm -rf dist",
     "dev": "storybook dev -p 6006",
+    "prepublishOnly": "bun run clean && bun run build",
     "preview": "vite preview",
     "type-check": "tsc --noEmit"
   },
@@ -74,7 +75,7 @@
     "lit": "^3.0.0"
   },
   "dependencies": {
-    "@transcodes/design-tokens": "^0.4.2"
+    "@transcodes/design-tokens": "^0.4.4"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.1.9",