diff --git a/bin/ret.d.ts b/bin/ret.d.ts
index 0413e384..10745630 100644
--- a/bin/ret.d.ts
+++ b/bin/ret.d.ts
@@ -1,144 +1,11 @@
+
+
import type { ColorsValue, RadiiValue, SizesValue, SpaceValue } from './Token';
export interface ThemedTypings {
- colors:
- | ColorsValue
- | 'white'
- | 'black'
- | 'transparent'
- | 'gray50'
- | 'gray100'
- | 'gray200'
- | 'gray300'
- | 'gray400'
- | 'gray500'
- | 'gray600'
- | 'gray700'
- | 'gray800'
- | 'gray900'
- | 'violet50'
- | 'violet100'
- | 'violet200'
- | 'violet300'
- | 'violet400'
- | 'violet500'
- | 'violet600'
- | 'violet700'
- | 'violet800'
- | 'violet900'
- | 'green50'
- | 'green100'
- | 'green200'
- | 'green300'
- | 'green400'
- | 'green500'
- | 'green600'
- | 'yellow50'
- | 'yellow100'
- | 'yellow200'
- | 'yellow300'
- | 'yellow400'
- | 'yellow500'
- | 'yellow600'
- | 'red50'
- | 'red100'
- | 'red200'
- | 'red300'
- | 'red400'
- | 'red500'
- | 'red600'
- | 'blue50'
- | 'blue100'
- | 'blue200'
- | 'blue300'
- | 'blue400'
- | 'blue500'
- | 'blue600'
- | 'blue700'
- | 'blue800'
- | 'blue900';
- radii: RadiiValue | `${number}` | `${number}px` | `${any}px` | '1' | '2' | 'sm' | 'md';
- sizes:
- | SizesValue
- | `${number}`
- | `${number}px`
- | `${any}px`
- | '0'
- | '1'
- | '2'
- | '3'
- | '4'
- | '5'
- | '6'
- | '7'
- | '8'
- | '9'
- | '10'
- | '12'
- | '14'
- | '16'
- | '18'
- | '20'
- | '24'
- | '28'
- | '30'
- | '32'
- | '40'
- | '48'
- | 'px'
- | '0.5';
- space:
- | SpaceValue
- | `${number}`
- | `${number}px`
- | `${any}px`
- | '0'
- | '-0'
- | '1'
- | '-1'
- | '2'
- | '-2'
- | '3'
- | '-3'
- | '4'
- | '-4'
- | '5'
- | '-5'
- | '6'
- | '-6'
- | '7'
- | '-7'
- | '8'
- | '-8'
- | '9'
- | '-9'
- | '10'
- | '-10'
- | '12'
- | '-12'
- | '14'
- | '-14'
- | '16'
- | '-16'
- | '18'
- | '-18'
- | '20'
- | '-20'
- | '24'
- | '-24'
- | '28'
- | '-28'
- | '30'
- | '-30'
- | '32'
- | '-32'
- | '40'
- | '-40'
- | '48'
- | '-48'
- | 'px'
- | '-px'
- | '0.5'
- | '-0.5';
- typography: 'h1';
+ colors: ColorsValue | "white" | "black" | "transparent" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900"
+radii: RadiiValue | `${number}` | `${number}px` | `${any}px` | "1" | "2" | "sm" | "md"
+sizes: SizesValue | `${number}` | `${number}px` | `${any}px` | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "30" | "32" | "40" | "48" | "px" | "0.5"
+space: SpaceValue | `${number}` | `${number}px` | `${any}px` | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "7" | "-7" | "8" | "-8" | "9" | "-9" | "10" | "-10" | "12" | "-12" | "14" | "-14" | "16" | "-16" | "18" | "-18" | "20" | "-20" | "24" | "-24" | "28" | "-28" | "30" | "-30" | "32" | "-32" | "40" | "-40" | "48" | "-48" | "px" | "-px" | "0.5" | "-0.5"
+typography: "h1"
}
diff --git a/bin/theme-gen.mjs b/bin/theme-gen.mjs
index 40403fad..ef8deb67 100755
--- a/bin/theme-gen.mjs
+++ b/bin/theme-gen.mjs
@@ -137,7 +137,7 @@ const outputFile =
'./node_modules/react-native-themed-styled-system/lib/typescript/@types/ThemedTypings.d.ts';
try {
- await $`yarn react-native-themed-styled-system-cli generate --out ${tmpFile} ${source}`;
+ await $`npx react-native-themed-styled-system-cli generate --out ${tmpFile} ${source}`;
/**
* export interface ThemedTypings {
diff --git a/doc/docs/usage/typescript.mdx b/doc/docs/usage/typescript.mdx
index 876057f6..eae5e01f 100644
--- a/doc/docs/usage/typescript.mdx
+++ b/doc/docs/usage/typescript.mdx
@@ -6,6 +6,7 @@ title: TypeScript
+
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
@@ -14,21 +15,6 @@ import TabItem from '@theme/TabItem';
React Native Styled System aims for type-safe use.
-Install the CLI for generation.
-
-
-
- ```sh
- npm install --save-dev react-native-themed-styled-system-cli
- ```
-
-
- ```sh
- yarn add -D react-native-themed-styled-system-cli
- ```
-
-
-
Please enter the path to the module where `ThemedDict` is `default exported` as an argument to the command.
```shell
diff --git a/doc/i18n/ko/docusaurus-plugin-content-docs/current/usage/typescript.mdx b/doc/i18n/ko/docusaurus-plugin-content-docs/current/usage/typescript.mdx
index aa138128..f3a77384 100644
--- a/doc/i18n/ko/docusaurus-plugin-content-docs/current/usage/typescript.mdx
+++ b/doc/i18n/ko/docusaurus-plugin-content-docs/current/usage/typescript.mdx
@@ -4,6 +4,7 @@ title: TypeScript
---
+
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
@@ -12,21 +13,6 @@ import TabItem from '@theme/TabItem';
React Native Styled System은 Type Safe한 사용을 지향합니다.
-CLI를 설치해주세요.
-
-
-
- ```sh
- npm install --save-dev react-native-themed-styled-system-cli
- ```
-
-
- ```sh
- yarn add -D react-native-themed-styled-system-cli
- ```
-
-
-
`ThemedDict` 가 `default export`된 모듈의 경로를 커맨드의 인자로 넣어주세요.
```shell