@transcodes/ui-components 0.4.0 → 0.4.2

package/CHANGELOG.md

@@ -5,6 +5,28 @@ 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.2] - 2025-12-23
+
+### Removed
+
+- **Screen 컴포넌트**: 모든 스크린 컴포넌트에서 `background: var(--paper-white)` 제거
+  - tc-error-screen, tc-loading-screen, tc-success-screen
+  - 부모 컨테이너의 배경색을 따르도록 변경
+
+## [0.4.1] - 2025-12-23
+
+### Changed
+
+- **tc-chip**: 텍스트에 `text-transform: uppercase` 적용
+- **tc-success-screen**: 아이콘 색상을 `--accent-primary` 기반으로 변경
+  - 외부에서 `--accent-primary` 커스텀 시 아이콘 배경/색상 변경 가능
+  - `--alpha-success10` → `--alpha-primary10`
+  - `--accent-success` → `--accent-primary`
+
+### Removed
+
+- **tc-success-screen**: `.icon-container` 배경색 제거 (tc-loading-screen과 일관성 유지)
+
 ## [0.4.0] - 2025-12-17
 
 ### Changed

package/dist/primitives/tc-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tc-chip.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;GAKG;AACH,qBACa,MAAO,SAAQ,UAAU;IACR,OAAO,EAC/B,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAa;IACK,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACzB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAgDpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"tc-chip.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;GAKG;AACH,qBACa,MAAO,SAAQ,UAAU;IACR,OAAO,EAC/B,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAa;IACK,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACzB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAiDpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-chip.js

@@ -1,6 +1,6 @@
-import { css as l, LitElement as h, html as d } from "lit";
-import { property as c, customElement as f } from "lit/decorators.js";
-import { styleMap as m } from "lit/directives/style-map.js";
+import { css as l, LitElement as h, html as f } from "lit";
+import { property as c, customElement as m } from "lit/decorators.js";
+import { styleMap as d } from "lit/directives/style-map.js";
 import { sharedStyles as v } from "../styles/shared.js";
 var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (n, t, a, s) => {
   for (var r = s > 1 ? void 0 : s ? y(t, a) : t, p = n.length - 1, o; p >= 0; p--)
@@ -12,11 +12,11 @@ let e = class extends h {
     super(...arguments), this.variant = "default", this.size = "md", this.sx = {};
   }
   render() {
-    return d`
+    return f`
       <span
         part="chip"
         class="chip chip--${this.variant} chip--${this.size}"
-        style=${m(this.sx)}
+        style=${d(this.sx)}
       >
         <slot></slot>
       </span>
@@ -39,6 +39,7 @@ e.styles = [
         border-radius: var(--radius-full);
         font-family: var(--font-body);
         font-weight: 500;
+        text-transform: uppercase;
       }
 
       .chip--sm {
@@ -82,7 +83,7 @@ i([
   c({ type: Object })
 ], e.prototype, "sx", 2);
 e = i([
-  f("tc-chip")
+  m("tc-chip")
 ], e);
 export {
   e as TcChip

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

@@ -111,9 +111,9 @@ t.styles = p`
       align-items: center;
       justify-content: center;
       padding: var(--space-md);
-      background: var(--alpha-success10);
+      background: var(--alpha-primary10);
       border-radius: var(--radius-full);
-      color: var(--accent-success);
+      color: var(--accent-primary);
       transform: scale(0);
       opacity: 0;
       transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),

package/package.json

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