@transcodes/ui-components 0.4.4 → 0.4.5

package/CHANGELOG.md

@@ -5,6 +5,12 @@ 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.5] - 2025-12-23
+
+### Fixed
+
+- **tc-success-screen**: 아이콘 배경색 복구 (`background: var(--alpha-primary10)`)
+
 ## [0.4.4] - 2025-12-23
 
 ### Added

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,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"}
+{"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,0BAmGpB;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, 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);
+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);
   return r && e && g(n, o, e), e;
 };
 let t = class extends d {
@@ -36,12 +36,12 @@ let t = class extends d {
     );
   }
   render() {
-    const a = this.isAnimated ? "animated" : "";
+    const i = 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 ${a}">
+            <div part="icon" class="icon-container ${i}">
               <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 ${a}">
+            <tc-section .sx=${{ gap: "var(--space-sm)" }} class="text-content ${i}">
               <tc-text part="title" tag="h1" size="xl" weight="600" class="title">
                 ${this.title}
               </tc-text>
@@ -63,7 +63,7 @@ let t = class extends d {
               </tc-text>
             </tc-section>
             ${this.actionLabel ? m`
-                  <div part="action" class="action ${a}">
+                  <div part="action" class="action ${i}">
                     <tc-button variant="primary" @tc-click=${this.handleAction}>
                       ${this.actionLabel}
                     </tc-button>
@@ -110,6 +110,7 @@ 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);
@@ -174,25 +175,25 @@ t.styles = p`
       transform: translateY(0);
     }
   `;
-i([
+a([
   s({ type: String })
 ], t.prototype, "title", 2);
-i([
+a([
   s({ type: String })
 ], t.prototype, "message", 2);
-i([
+a([
   s({ type: String, attribute: "action-label" })
 ], t.prototype, "actionLabel", 2);
-i([
+a([
   s({ type: Boolean, attribute: "auto-animate" })
 ], t.prototype, "autoAnimate", 2);
-i([
+a([
   s({ type: Object })
 ], t.prototype, "sx", 2);
-i([
+a([
   h()
 ], t.prototype, "isAnimated", 2);
-t = i([
+t = a([
   u("tc-success-screen")
 ], t);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transcodes/ui-components",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "private": false,
   "description": "Lit 3.x component library with Reactive Controllers",
   "keywords": [
@@ -75,7 +75,7 @@
     "lit": "^3.0.0"
   },
   "dependencies": {
-    "@transcodes/design-tokens": "^0.4.4"
+    "@transcodes/design-tokens": "^0.4.5"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.1.9",