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