@transcodes/ui-components 0.4.8 → 0.4.9
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 +8 -0
- package/dist/primitives/tc-button.d.ts +3 -0
- package/dist/primitives/tc-button.d.ts.map +1 -1
- package/dist/primitives/tc-callout.d.ts +1 -0
- package/dist/primitives/tc-callout.d.ts.map +1 -1
- package/dist/primitives/tc-card.d.ts +1 -0
- package/dist/primitives/tc-card.d.ts.map +1 -1
- package/dist/primitives/tc-chip.d.ts +2 -0
- package/dist/primitives/tc-chip.d.ts.map +1 -1
- package/dist/primitives/tc-container.d.ts +1 -0
- package/dist/primitives/tc-container.d.ts.map +1 -1
- package/dist/primitives/tc-divider.d.ts +1 -0
- package/dist/primitives/tc-divider.d.ts.map +1 -1
- package/dist/primitives/tc-error-message.d.ts +2 -0
- package/dist/primitives/tc-error-message.d.ts.map +1 -1
- package/dist/primitives/tc-form-header.d.ts +4 -0
- package/dist/primitives/tc-form-header.d.ts.map +1 -1
- package/dist/primitives/tc-icon.d.ts +1 -0
- package/dist/primitives/tc-icon.d.ts.map +1 -1
- package/dist/primitives/tc-input-with-chip.d.ts +9 -0
- package/dist/primitives/tc-input-with-chip.d.ts.map +1 -1
- package/dist/primitives/tc-input.d.ts +11 -0
- package/dist/primitives/tc-input.d.ts.map +1 -1
- package/dist/primitives/tc-item-button.d.ts +2 -0
- package/dist/primitives/tc-item-button.d.ts.map +1 -1
- package/dist/primitives/tc-otp-input.d.ts +4 -0
- package/dist/primitives/tc-otp-input.d.ts.map +1 -1
- package/dist/primitives/tc-page-decoration.d.ts +1 -0
- package/dist/primitives/tc-page-decoration.d.ts.map +1 -1
- package/dist/primitives/tc-spinner.d.ts +1 -0
- package/dist/primitives/tc-spinner.d.ts.map +1 -1
- package/dist/primitives/tc-text.d.ts +5 -0
- package/dist/primitives/tc-text.d.ts.map +1 -1
- package/dist/primitives/tc-toast.d.ts +4 -0
- package/dist/primitives/tc-toast.d.ts.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,14 @@ 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.9] - 2026-01-24
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
|
|
12
|
+
- 모든 primitive 컴포넌트에 `@attr` JSDoc 어노테이션 추가
|
|
13
|
+
- API 문서 자동 생성 및 IDE 자동완성 지원 향상
|
|
14
|
+
- tc-button, tc-callout, tc-card, tc-chip, tc-container, tc-divider, tc-error-message, tc-form-header, tc-icon, tc-input, tc-input-with-chip, tc-item-button, tc-otp-input, tc-page-decoration, tc-spinner, tc-text, tc-toast 대상
|
|
15
|
+
|
|
8
16
|
## [0.4.8] - 2026-01-24
|
|
9
17
|
|
|
10
18
|
### Changed
|
|
@@ -8,6 +8,9 @@ import { SxProps } from '../types.js';
|
|
|
8
8
|
* @slot - Button content
|
|
9
9
|
* @csspart button - The button element
|
|
10
10
|
* @csspart spinner - The loading spinner
|
|
11
|
+
* @attr {boolean} disabled - Whether the button is disabled
|
|
12
|
+
* @attr {boolean} loading - Whether the button is in loading state
|
|
13
|
+
* @attr {string} variant - The button variant (primary | secondary | success)
|
|
11
14
|
*/
|
|
12
15
|
export declare class TcButton extends LitElement {
|
|
13
16
|
disabled: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-button.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-button.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;GAWG;AACH,qBACa,QAAS,SAAQ,UAAU;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IACjB,OAAO,EAC9C,SAAS,GACT,WAAW,GACX,SAAS,CAAa;IACE,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAoGpB;IAEO,MAAM;IA4Bf,OAAO,CAAC,WAAW;CAWpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
|
@@ -9,6 +9,7 @@ import { SxProps } from '../types.js';
|
|
|
9
9
|
* @csspart callout - The callout container
|
|
10
10
|
* @csspart icon - The icon container
|
|
11
11
|
* @csspart content - The content container
|
|
12
|
+
* @attr {string} variant - The callout variant (info | success | warning | error)
|
|
12
13
|
*/
|
|
13
14
|
export declare class TcCallout extends LitElement {
|
|
14
15
|
variant: 'info' | 'success' | 'warning' | 'error';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-callout.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-callout.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,UAAU;IACI,OAAO,EAC9C,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAU;IACO,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BA0CpB;IAEO,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-card.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-card.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACgC,QAAQ,UACpE;IACoB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAoCpB;IAEO,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -5,6 +5,8 @@ import { SxProps } from '../types.js';
|
|
|
5
5
|
*
|
|
6
6
|
* @slot - Chip content
|
|
7
7
|
* @csspart chip - The chip container
|
|
8
|
+
* @attr {string} variant - The chip variant (default | success | error | info)
|
|
9
|
+
* @attr {string} size - The chip size (sm | md)
|
|
8
10
|
*/
|
|
9
11
|
export declare class TcChip extends LitElement {
|
|
10
12
|
variant: 'default' | 'success' | 'error' | 'info';
|
|
@@ -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
|
|
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;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACO,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAa;IACoB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACxC,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-container.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-container.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACG,IAAI,UAAS;IAC7B,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAgB,MAAM,0BAkBpB;IAEO,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
|
@@ -7,6 +7,7 @@ import { SxProps } from '../types.js';
|
|
|
7
7
|
* @csspart container - The container element (text mode)
|
|
8
8
|
* @csspart line - The line elements (text mode)
|
|
9
9
|
* @csspart text - The text element (text mode)
|
|
10
|
+
* @attr {string} text - The optional divider text
|
|
10
11
|
*/
|
|
11
12
|
export declare class TcDivider extends LitElement {
|
|
12
13
|
text: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-divider.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-divider.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;GAQG;AACH,qBACa,SAAU,SAAQ,UAAU;IACI,IAAI,SAAM;IACzB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAqCpB;IAEO,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -7,6 +7,8 @@ import { SxProps } from '../types.js';
|
|
|
7
7
|
* @csspart callout - The underlying callout container
|
|
8
8
|
* @csspart icon - The icon element
|
|
9
9
|
* @csspart message - The message text
|
|
10
|
+
* @attr {string} variant - The message variant (warning | info | error)
|
|
11
|
+
* @attr {string} message - The message text
|
|
10
12
|
*/
|
|
11
13
|
export declare class TcErrorMessage extends LitElement {
|
|
12
14
|
variant: 'warning' | 'info' | 'error';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-error-message.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-error-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAEtB
|
|
1
|
+
{"version":3,"file":"tc-error-message.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-error-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAEtB;;;;;;;;;GASG;AACH,qBACa,cAAe,SAAQ,UAAU;IACD,OAAO,EAC9C,SAAS,GACT,MAAM,GACN,OAAO,CAAW;IACqB,OAAO,SAAM;IAC5B,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAcpB;IAEF,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,YAAY;IAWX,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
|
|
@@ -8,6 +8,10 @@ import { SxProps } from '../types.js';
|
|
|
8
8
|
* @csspart title - The title element
|
|
9
9
|
* @csspart subtitle - The subtitle element
|
|
10
10
|
* @csspart notice - The notice element
|
|
11
|
+
* @attr {string} title - The form title
|
|
12
|
+
* @attr {string} subtitle - The form subtitle
|
|
13
|
+
* @attr {string} notice - The optional notice text
|
|
14
|
+
* @attr {boolean} no-animation - Disable animations
|
|
11
15
|
*/
|
|
12
16
|
export declare class TcFormHeader extends LitElement {
|
|
13
17
|
title: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-form-header.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-form-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-form-header.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-form-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,qBACa,YAAa,SAAQ,UAAU;IACC,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,MAAM,SAAM;IAEvD,WAAW,UAAS;IACQ,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAsEpB;IAEO,MAAM;CA6BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
|
@@ -5,6 +5,7 @@ export type IconName = 'arrow-left' | 'arrow-right' | 'check' | 'x' | 'close' |
|
|
|
5
5
|
* An icon component with built-in icon set.
|
|
6
6
|
*
|
|
7
7
|
* @csspart icon - The icon container
|
|
8
|
+
* @attr {string} name - The icon name
|
|
8
9
|
*/
|
|
9
10
|
export declare class TcIcon extends LitElement {
|
|
10
11
|
name: IconName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-icon.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAChB,YAAY,GACZ,aAAa,GACb,OAAO,GACP,GAAG,GACH,OAAO,GACP,eAAe,GACf,cAAc,GACd,OAAO,GACP,cAAc,GACd,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,UAAU,GAEV,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GAET,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GAER,MAAM,GACN,WAAW,GACX,QAAQ,GACR,KAAK,CAAC;AAwCV
|
|
1
|
+
{"version":3,"file":"tc-icon.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAChB,YAAY,GACZ,aAAa,GACb,OAAO,GACP,GAAG,GACH,OAAO,GACP,eAAe,GACf,cAAc,GACd,OAAO,GACP,cAAc,GACd,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,UAAU,GAEV,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GAET,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GAER,MAAM,GACN,WAAW,GACX,QAAQ,GACR,KAAK,CAAC;AAwCV;;;;;GAKG;AACH,qBACa,MAAO,SAAQ,UAAU;IACO,IAAI,EAAE,QAAQ,CAAU;IACvC,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAkBpB;IAEO,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -10,6 +10,15 @@ import { SxProps } from '../types.js';
|
|
|
10
10
|
* @csspart wrapper - The input wrapper container
|
|
11
11
|
* @csspart input - The input element
|
|
12
12
|
* @csspart chip - The chip element
|
|
13
|
+
* @attr {string} label - The input label
|
|
14
|
+
* @attr {string} placeholder - The placeholder text
|
|
15
|
+
* @attr {string} value - The input value
|
|
16
|
+
* @attr {string} error - The error message
|
|
17
|
+
* @attr {boolean} disabled - Whether the input is disabled
|
|
18
|
+
* @attr {boolean} readonly - Whether the input is readonly
|
|
19
|
+
* @attr {string} chip-label - The chip label text
|
|
20
|
+
* @attr {string} chip-icon - The chip icon name
|
|
21
|
+
* @attr {string} chip-variant - The chip variant (default | success | error | info)
|
|
13
22
|
*/
|
|
14
23
|
export declare class TcInputWithChip extends LitElement {
|
|
15
24
|
label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-input-with-chip.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-input-with-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAGtB
|
|
1
|
+
{"version":3,"file":"tc-input-with-chip.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-input-with-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAGtB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACF,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAE7D,SAAS,SAAM;IACoD,QAAQ,SACtE;IAEL,WAAW,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAa;IACtC,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,OAAO,CACiC;IAChD,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA6GpB;IAEO,MAAM;IAoEf,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,aAAa;IAUrB,KAAK;CAIN;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}
|
|
@@ -13,6 +13,17 @@ import { SxProps } from '../types.js';
|
|
|
13
13
|
* @csspart label - The label element
|
|
14
14
|
* @csspart ink-line - The animated ink line
|
|
15
15
|
* @csspart error - The error message element
|
|
16
|
+
* @attr {string} label - The input label
|
|
17
|
+
* @attr {string} type - The input type
|
|
18
|
+
* @attr {string} placeholder - The placeholder text
|
|
19
|
+
* @attr {string} value - The input value
|
|
20
|
+
* @attr {string} error - The error message
|
|
21
|
+
* @attr {boolean} disabled - Whether the input is disabled
|
|
22
|
+
* @attr {boolean} required - Whether the input is required
|
|
23
|
+
* @attr {string} name - The input name
|
|
24
|
+
* @attr {string} autocomplete - The autocomplete attribute
|
|
25
|
+
* @attr {string} inputmode - The inputmode attribute
|
|
26
|
+
* @attr {number} maxlength - The maximum length
|
|
16
27
|
*/
|
|
17
28
|
export declare class TcInput extends LitElement {
|
|
18
29
|
label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-input.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-input.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACM,KAAK,SAAM;IACX,IAAI,SAAU;IACd,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,IAAI,SAAM;IACV,YAAY,SAAM;IAClB,SAAS,SAAM;IACf,SAAS,SAAK;IAC7B,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,OAAO,CAAqD;IACpE,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA6GpB;IAEO,MAAM;IA+Df,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAUnB,KAAK;CAIN;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
|
@@ -12,6 +12,8 @@ import { SxProps } from '../types.js';
|
|
|
12
12
|
* @csspart content - The main content container
|
|
13
13
|
* @csspart suffix - The suffix container
|
|
14
14
|
* @csspart arrow - The arrow indicator
|
|
15
|
+
* @attr {boolean} disabled - Whether the button is disabled
|
|
16
|
+
* @attr {boolean} show-arrow - Whether to show the arrow indicator
|
|
15
17
|
*/
|
|
16
18
|
export declare class TcItemButton extends LitElement {
|
|
17
19
|
disabled: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-item-button.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-item-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-item-button.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-item-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,qBACa,YAAa,SAAQ,UAAU;IACE,QAAQ,UAAS;IAE7D,SAAS,UAAQ;IACW,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAsFpB;IAEF,OAAO,CAAC,WAAW;IAWV,MAAM;CA6ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
|
@@ -10,6 +10,10 @@ import { SxProps } from '../types.js';
|
|
|
10
10
|
* @csspart cell - Individual cell input
|
|
11
11
|
* @csspart progress - The progress bar container
|
|
12
12
|
* @csspart progress-bar - The progress bar fill
|
|
13
|
+
* @attr {number} length - The number of OTP cells
|
|
14
|
+
* @attr {boolean} error - Whether to show error state
|
|
15
|
+
* @attr {boolean} disabled - Whether the input is disabled
|
|
16
|
+
* @attr {boolean} show-progress - Whether to show the progress bar
|
|
13
17
|
*/
|
|
14
18
|
export declare class TcOtpInput extends LitElement {
|
|
15
19
|
length: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-otp-input.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-otp-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-otp-input.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-otp-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,UAAU;IACG,MAAM,SAAK;IACV,KAAK,UAAS;IACd,QAAQ,UAAS;IAE7D,YAAY,UAAQ;IACQ,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,MAAM,CAAgB;IAEvC,OAAgB,MAAM,4BA2FpB;IAEO,iBAAiB;IAKjB,MAAM;IAoDf,OAAO,CAAC,WAAW;IAgCnB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,WAAW;IAoCnB,OAAO,CAAC,SAAS;IASjB,kDAAkD;IAClD,KAAK;IAML,uBAAuB;IACvB,KAAK;IAKL,gCAAgC;IAChC,QAAQ,IAAI,MAAM;CAGnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
|
|
@@ -6,6 +6,7 @@ import { SxProps } from '../types.js';
|
|
|
6
6
|
*
|
|
7
7
|
* @csspart decoration - The decoration container
|
|
8
8
|
* @csspart blob - Individual blob element
|
|
9
|
+
* @attr {string} variant - The decoration color variant (primary | success | error)
|
|
9
10
|
*/
|
|
10
11
|
export declare class TcPageDecoration extends LitElement {
|
|
11
12
|
variant: 'primary' | 'success' | 'error';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-page-decoration.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-page-decoration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-page-decoration.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-page-decoration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;GAOG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACH,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,OAAO,CAAa;IACI,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BA8FpB;IAEO,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
|
|
@@ -5,6 +5,7 @@ import { SxProps } from '../types.js';
|
|
|
5
5
|
* Uses spin animation from design-tokens.
|
|
6
6
|
*
|
|
7
7
|
* @csspart spinner - The spinner element
|
|
8
|
+
* @attr {string} size - The spinner size (sm | md | lg | auto)
|
|
8
9
|
*/
|
|
9
10
|
export declare class TcSpinner extends LitElement {
|
|
10
11
|
private mobile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-spinner.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-spinner.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,CAAC,MAAM,CAAwD;IAE3B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CACnE;IACmB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAgDpB;IAEO,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -11,6 +11,11 @@ type TextColor = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'accent' | 'su
|
|
|
11
11
|
*
|
|
12
12
|
* @slot - Text content
|
|
13
13
|
* @csspart text - The text element
|
|
14
|
+
* @attr {string} tag - The HTML tag to render (p | span | div | h1-h6 | label)
|
|
15
|
+
* @attr {string} size - The text size (sm | base | lg | xl | 2xl)
|
|
16
|
+
* @attr {string} weight - The font weight (400 | 500 | 600 | 700)
|
|
17
|
+
* @attr {string} color - The text color (primary | secondary | tertiary | muted | accent | success | error | warning | info)
|
|
18
|
+
* @attr {string} for - The target input ID for label tags
|
|
14
19
|
*/
|
|
15
20
|
export declare class TcText extends LitElement {
|
|
16
21
|
tag: TextTag;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-text.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAKtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,KAAK,OAAO,GACR,GAAG,GACH,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,CAAC;AAEZ,KAAK,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACpD,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAChD,KAAK,SAAS,GACV,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX
|
|
1
|
+
{"version":3,"file":"tc-text.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAKtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,KAAK,OAAO,GACR,GAAG,GACH,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,CAAC;AAEZ,KAAK,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACpD,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAChD,KAAK,SAAS,GACV,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX;;;;;;;;;;;;GAYG;AACH,qBACa,MAAO,SAAQ,UAAU;IACO,GAAG,EAAE,OAAO,CAAO;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1C,EAAE,EAAE,OAAO,CAAM;IACF,GAAG,SAAM;IAEpD,OAAgB,MAAM,4BA2EpB;IAEF,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,aAAa;IAgBZ,YAAY;IAyBZ,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -8,6 +8,10 @@ import { SxProps } from '../types.js';
|
|
|
8
8
|
* @csspart toast - The toast container
|
|
9
9
|
* @csspart content - The content container
|
|
10
10
|
* @csspart close - The close button
|
|
11
|
+
* @attr {string} variant - The toast variant (info | success | warning | error)
|
|
12
|
+
* @attr {number} duration - The auto-dismiss duration in milliseconds
|
|
13
|
+
* @attr {boolean} auto-dismiss - Whether to auto-dismiss after duration
|
|
14
|
+
* @attr {boolean} dismissible - Whether the toast can be dismissed manually
|
|
11
15
|
*/
|
|
12
16
|
export declare class TcToast extends LitElement {
|
|
13
17
|
variant: 'info' | 'success' | 'warning' | 'error';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tc-toast.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"tc-toast.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACM,OAAO,EAC9C,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAU;IACsB,QAAQ,SAAQ;IAE3D,WAAW,UAAQ;IACyB,WAAW,UAAQ;IACnC,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAO,CAAC,SAAS,CAGd;IAEH,OAAO,CAAC,YAAY,CAAC,CAAgC;IAErD,OAAgB,MAAM,4BA6FpB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IASnB,IAAI;IAOJ,IAAI;IAaV,OAAO,CAAC,WAAW;IAIV,MAAM;CAuChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transcodes/ui-components",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Lit 3.x component library with Reactive Controllers",
|
|
6
6
|
"keywords": [
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"lit": "^3.0.0"
|
|
76
76
|
},
|
|
77
77
|
"dependencies": {
|
|
78
|
-
"@transcodes/design-tokens": "^0.4.
|
|
78
|
+
"@transcodes/design-tokens": "^0.4.9"
|
|
79
79
|
},
|
|
80
80
|
"devDependencies": {
|
|
81
81
|
"@storybook/addon-a11y": "^10.1.9",
|