@transcodes/ui-components 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,20 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [0.4.1] - 2025-12-23
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
|
|
12
|
+
- **tc-chip**: 텍스트에 `text-transform: uppercase` 적용
|
|
13
|
+
- **tc-success-screen**: 아이콘 색상을 `--accent-primary` 기반으로 변경
|
|
14
|
+
- 외부에서 `--accent-primary` 커스텀 시 아이콘 배경/색상 변경 가능
|
|
15
|
+
- `--alpha-success10` → `--alpha-primary10`
|
|
16
|
+
- `--accent-success` → `--accent-primary`
|
|
17
|
+
|
|
18
|
+
### Removed
|
|
19
|
+
|
|
20
|
+
- **tc-success-screen**: `.icon-container` 배경색 제거 (tc-loading-screen과 일관성 유지)
|
|
21
|
+
|
|
8
22
|
## [0.4.0] - 2025-12-17
|
|
9
23
|
|
|
10
24
|
### Changed
|
|
@@ -1 +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,
|
|
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,4BAiDpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { css as l, LitElement as h, html as
|
|
2
|
-
import { property as c, customElement as
|
|
3
|
-
import { styleMap as
|
|
1
|
+
import { css as l, LitElement as h, html as f } from "lit";
|
|
2
|
+
import { property as c, customElement as m } from "lit/decorators.js";
|
|
3
|
+
import { styleMap as d } from "lit/directives/style-map.js";
|
|
4
4
|
import { sharedStyles as v } from "../styles/shared.js";
|
|
5
5
|
var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (n, t, a, s) => {
|
|
6
6
|
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 {
|
|
|
12
12
|
super(...arguments), this.variant = "default", this.size = "md", this.sx = {};
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return
|
|
15
|
+
return f`
|
|
16
16
|
<span
|
|
17
17
|
part="chip"
|
|
18
18
|
class="chip chip--${this.variant} chip--${this.size}"
|
|
19
|
-
style=${
|
|
19
|
+
style=${d(this.sx)}
|
|
20
20
|
>
|
|
21
21
|
<slot></slot>
|
|
22
22
|
</span>
|
|
@@ -39,6 +39,7 @@ e.styles = [
|
|
|
39
39
|
border-radius: var(--radius-full);
|
|
40
40
|
font-family: var(--font-body);
|
|
41
41
|
font-weight: 500;
|
|
42
|
+
text-transform: uppercase;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
.chip--sm {
|
|
@@ -82,7 +83,7 @@ i([
|
|
|
82
83
|
c({ type: Object })
|
|
83
84
|
], e.prototype, "sx", 2);
|
|
84
85
|
e = i([
|
|
85
|
-
|
|
86
|
+
m("tc-chip")
|
|
86
87
|
], e);
|
|
87
88
|
export {
|
|
88
89
|
e as TcChip
|
|
@@ -111,9 +111,9 @@ t.styles = p`
|
|
|
111
111
|
align-items: center;
|
|
112
112
|
justify-content: center;
|
|
113
113
|
padding: var(--space-md);
|
|
114
|
-
background: var(--alpha-
|
|
114
|
+
background: var(--alpha-primary10);
|
|
115
115
|
border-radius: var(--radius-full);
|
|
116
|
-
color: var(--accent-
|
|
116
|
+
color: var(--accent-primary);
|
|
117
117
|
transform: scale(0);
|
|
118
118
|
opacity: 0;
|
|
119
119
|
transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transcodes/ui-components",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Lit 3.x component library with Reactive Controllers",
|
|
6
6
|
"keywords": [
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"lit": "^3.0.0"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@transcodes/design-tokens": "^0.4.
|
|
77
|
+
"@transcodes/design-tokens": "^0.4.1"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
80
|
"@storybook/addon-a11y": "^10.1.9",
|