Socket
Socket
Sign inDemoInstall

@seed-design/design-token

Package Overview
Dependencies
0
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.0-alpha.1 to 1.0.0-alpha.2

lib/adapter/index.d.ts

2

lib/index.d.ts
export * from './types';
export * as vars from './vars';
export * as adapters from './adapters';
export * as adapter from './adapter';
{
"name": "@seed-design/design-token",
"version": "1.0.0-alpha.1",
"version": "1.0.0-alpha.2",
"sideEffects": false,

@@ -5,0 +5,0 @@ "repository": {

@@ -11,5 +11,4 @@ # @seed-design/design-token

## Goals & Non-goals
## Goals
Goal
- [상호운용성](https://en.wikipedia.org/wiki/Interoperability) 제공

@@ -19,10 +18,9 @@ - 라이브러리 배포만으로 전체 애플리케이션에 변경 적용

Non-goals
- 개발할 때 편하도록 High-level API 제공
## Token Structures
Seed Design 의 디자인 토큰은 [KDT](https://github.com/daangn/kdt)를 통해 정의되고, 그 의미론을 따릅니다.
![디자인 토큰 계층구조](design-token-explainer.png)
**Raw values**는 어떤 디스플레이 장치에 그릴 수 있는 실제 단위를 의미합니다. px, dp, rem, vw 와 같이 "크기"를 나타내는 단위, #fff, rgba(123, 123, 123, 1) 처럼 "색상을" 나타내는 단위, "Noto Sans KR" 같은 "폰트"를 나타내는 값 등이 모두 해당됩니다.
**Raw values**는 어떤 디스플레이 장치에 그릴 수 있는 실제 값을 의미합니다. `1px`, `1dp`, `1rem`, `1vw` 와 같이 크기를 나타내는 값, `#fff`, `rgba(123, 123, 123, 1)` 처럼 색상을 나타내는 값, `"Noto Sans KR"` 같은 폰트를 나타내는 값 등이 모두 해당됩니다.

@@ -37,3 +35,3 @@ 사실상 무한한 값들 중에 실제로 사용될 값을 제한하고 고유한 이름을 부여하는 것으로 디자인의 일관성과 재사용성을 얻을 수 있지만, 반대로 디자인의 유연성과 창의성을 크게 제한할 수 있습니다.

시스템에 존재하는 Scale 과 Semantic 정의가 전체 디자인의 Theme을 결정하고, 뷰포트나 플랫폼 등 외부 환경에 맞게 Scale에 적절한 값을 주입하는 것으로 스키마 변경없이 유연하게 Theme을 재정의할 수 있습니다.
시스템에 존재하는 Scale 과 Semantic 정의가 전체 디자인의 스킴을 결정하고, 뷰포트나 플랫폼 등 외부 환경에 맞게 Scale에 적절한 값을 주입하는 것으로 스키마 변경없이 유연하게 스킴을 재정의할 수 있습니다.

@@ -51,7 +49,10 @@ ## 사용법

vars.semantic.color.primary;
// 시맨틱 토큰
vars.$semantic.color.primary;
vars.scale.color.carrot500;
// 시맨틱 토큰
vars.$scale.color.carrot500;
vars.static.color.carrot500;
// 시맨틱 토큰
vars.$static.color.carrot500;
```
export * from './types';
export * as vars from './vars';
export * as adapters from './adapters';
export * as adapter from './adapter';

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc