Theemo / @theemo/tokens / Token

Interface: Token<T>

Defined in: packages/tokens/src/token.ts:17

Token, with all properties shared amongst various token types used throughout theemo.

Remarks

Definitions for token:

"The single source of truth to name and store a design decision, distributed so teams can use it across design tools and coding languages." (Design Tokens Community Group)

"Design Tokens are a methodology. IMHO, saying "design tokens are just variables" is like saying "responsive design is just media queries". It's a technology-agnostic architecture and process for scaling design across multiple platforms and devices, including native, and more." (Jina Anne)

"Design Tokens, Decisions Propagated Through a System" (Nathan Curtis)

Type Parameters

Type Parameter	Default type
T extends TokenType	"unknown"

Properties

description?

optional description: string;

Defined in: packages/tokens/src/token.ts:31

The description for the token

See

Design Tokens Format Module

---

name

name: string;

Defined in: packages/tokens/src/token.ts:24

The tokens name

See

• Design Tokens Format Module
• DTCG Glossary (Design Token Name)

---

type?

optional type: keyof TokenTypeRegistry | T;

Defined in: packages/tokens/src/token.ts:44

The type helps token translation tools to generate the respective value in the appropriate format.

Remarks

Resources:

See

• Design Tokens Format Module
• DTCG Glossary (Design Token Type)

---

value?

optional value: string | ValueFor<T>;

Defined in: packages/tokens/src/token.ts:55

The tokens computed value

Remarks

References:

See

DTCG Glossary (Design Token Value)