chore: update @apps-in-toss/framework to v1.2.0

examples/.yarnrc.yml

@@ -1,7 +1 @@
 enableGlobalCache: false
-cacheFolder: .yarn/cache
-npmScopes:
-  toss-design-system:
-    npmRegistryServer: 'https://registry.npmjs.org'
-    npmAlwaysAuth: true
-    npmAuthToken: 'NPM_TOKEN'

examples/README.md

@@ -21,15 +21,13 @@
 
 1. **ZIP 파일**을 다운로드하고 압축을 풀어주세요.
 
-2. `.yarnrc.yml` 파일의 `npmAuthToken` 항목에, [toss-design-system 그룹](https://tossmini-docs.toss.im/tds-react-native/setup-npm/)에 초대된 npm 계정의 토큰 값을 입력해주세요.
-
-3. 필요한 패키지를 설치해요.
+2. 필요한 패키지를 설치해요.
 
    ```
    yarn install
    ```
 
-4. 개발 서버를 실행해요.
+3. 개발 서버를 실행해요.
 
    ```
    yarn dev
@@ -39,4 +37,4 @@
 
 ## 📌 참고사항
 
-- [앱인토스 시작하기](https://developers-apps-in-toss.toss.im/overview.html)
+- [앱인토스란](https://developers-apps-in-toss.toss.im/intro/overview.html)

examples/package.json

@@ -8,11 +8,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@apps-in-toss/framework": "1.1.3",
+    "@apps-in-toss/framework": "1.2.0",
     "@granite-js/native": "0.1.21",
     "@granite-js/plugin-router": "0.1.21",
     "@granite-js/react-native": "0.1.21",
-    "@toss-design-system/react-native": "1.2.1",
+    "@toss/tds-react-native": "^1.2.1",
     "react": "18.2.0",
     "react-native": "0.72.6"
   },

examples/pages/index.tsx

@@ -1,7 +1,7 @@
-import { getPlatformOS } from "@apps-in-toss/framework";
+import { getPlatformOS } from '@apps-in-toss/framework';
 import { FlatList, StyleSheet } from 'react-native';
-import { createRoute } from "@granite-js/react-native";
-import { List, ListHeader } from '@toss-design-system/react-native';
+import { createRoute } from '@granite-js/react-native';
+import { List, ListHeader } from '@toss/tds-react-native';
 import { ExampleListItem } from 'components/ExampleListItem';
 import { exampleList } from 'constants/exampleList';
 

examples/src/_app.tsx

@@ -1,11 +1,10 @@
 import type { PropsWithChildren } from 'react';
-import type { InitialProps } from "@granite-js/react-native";
+import type { InitialProps } from '@granite-js/react-native';
 import { AppsInToss } from '@apps-in-toss/framework';
 import { context } from '../require.context';
-import { TDSProvider } from '@toss-design-system/react-native';
 
 function AppContainer({ children }: PropsWithChildren<InitialProps>) {
-  return <TDSProvider>{children}</TDSProvider>;
+  return <>{children}</>;
 }
 
 export default AppsInToss.registerApp(AppContainer, { context });

examples/src/components/ExampleListItem.tsx

@@ -1,6 +1,6 @@
-import { openURL, share } from "@apps-in-toss/framework";
-import { Spacing } from "@granite-js/react-native";
-import { Button, ListRow } from '@toss-design-system/react-native';
+import { openURL, share } from '@apps-in-toss/framework';
+import { Spacing } from '@granite-js/react-native';
+import { Button, ListRow } from '@toss/tds-react-native';
 import { getTossShareLink } from '@apps-in-toss/framework';
 
 interface ExampleListItemProps {

examples/src/constants/exampleList.ts

@@ -136,6 +136,12 @@ export const localeExample = {
   path: 'with-locale',
 };
 
+export const permissionExample = {
+  icon: `https://static.toss.im/appsintoss/73/f6ee90c3-8e37-41d2-b7ec-70fc1cc8acad.png`,
+  label: '권한 예제',
+  path: 'with-permission',
+};
+
 export const exampleList = [
   gameExample,
   contactsViralExample,
@@ -160,4 +166,5 @@ export const exampleList = [
   rewardedAdExample,
   storageExample,
   localeExample,
+  permissionExample,
 ];

examples/yarn.lock

@@ -15,22 +15,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@apps-in-toss/analytics@npm:1.1.3":
-  version: 1.1.3
-  resolution: "@apps-in-toss/analytics@npm:1.1.3"
+"@apps-in-toss/analytics@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@apps-in-toss/analytics@npm:1.2.0"
   peerDependencies:
     "@granite-js/native": "*"
     "@granite-js/react-native": "*"
     "@types/react": "*"
     react: 18.2.0
     react-native: 0.72.6
-  checksum: 10c0/76326ff807a4ccf78be4be3dcb4406bb6e91f566d6f2604fb8f9271ff67ad09bee176b060adefbf2534c7b984c1410d1612619f1bf96a2543d8cf5c78be19f2f
+  checksum: 10c0/301928191ad63a2ce74d134ee982119d03f3d7cd8f0797dc6ec492b5a190967032a99993c128d71e8f1b453daeb98b93c70091f8923006d4e45c7116f341101a
   languageName: node
   linkType: hard
 
-"@apps-in-toss/cli@npm:1.1.3":
-  version: 1.1.3
-  resolution: "@apps-in-toss/cli@npm:1.1.3"
+"@apps-in-toss/cli@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@apps-in-toss/cli@npm:1.2.0"
   dependencies:
     "@clack/prompts": "npm:^0.10.0"
     "@granite-js/utils": "npm:0.1.22"
@@ -41,50 +41,50 @@ __metadata:
     jscodeshift: "npm:^17.3.0"
     source-map: "npm:^0.8.0-beta.0"
     unzipper: "npm:^0.12.3"
-  checksum: 10c0/7b1abbe4015a8301f05af3e663b52123a054a45bb477aa1954eaa7fa3c16dccf8a83ac142dc3e7976027f6478965a3fb443a26ab1039bef5eb6e40f8a2f28d66
+  checksum: 10c0/7642fc3ca6e00c4dc80e31c6340eb44252c9578f9c0ff793b7dba113190feae6e39e595b1aa84cc34f1f147ee288f9bde050b662effcc3486ed3c3a90c56073d
   languageName: node
   linkType: hard
 
-"@apps-in-toss/framework@npm:1.1.3":
-  version: 1.1.3
-  resolution: "@apps-in-toss/framework@npm:1.1.3"
+"@apps-in-toss/framework@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@apps-in-toss/framework@npm:1.2.0"
   dependencies:
-    "@apps-in-toss/analytics": "npm:1.1.3"
-    "@apps-in-toss/cli": "npm:1.1.3"
-    "@apps-in-toss/native-modules": "npm:1.1.3"
-    "@apps-in-toss/plugins": "npm:1.1.3"
-    "@apps-in-toss/types": "npm:1.1.3"
+    "@apps-in-toss/analytics": "npm:1.2.0"
+    "@apps-in-toss/cli": "npm:1.2.0"
+    "@apps-in-toss/native-modules": "npm:1.2.0"
+    "@apps-in-toss/plugins": "npm:1.2.0"
+    "@apps-in-toss/types": "npm:1.2.0"
     es-hangul: "npm:^2.3.2"
   peerDependencies:
     "@granite-js/native": "*"
     "@granite-js/react-native": "*"
-    "@toss-design-system/react-native": ">=1.1.2"
+    "@toss/tds-react-native": ">=1.2.1"
     "@types/react": "*"
     react: "*"
     react-native: "*"
   bin:
     ait: ./bin/ait.js
-  checksum: 10c0/3cf5ec9970800e9c31a43fedf70d787dd8dba6cbfd8d6c74eaa3a2eb32adabc1d67a24711fde0d97076da14b8959cf3e747a43633caa0bf4ba48d36bdfd9f145
+  checksum: 10c0/6cd7573582b39a59d5b878840c56c396ae769832e2d2cb347d8ec219c3769afc18bc1f8d3f10978dfea924dcdfc655ac9f024d463953e2be65e7f9e891f20aac
   languageName: node
   linkType: hard
 
-"@apps-in-toss/native-modules@npm:1.1.3":
-  version: 1.1.3
-  resolution: "@apps-in-toss/native-modules@npm:1.1.3"
+"@apps-in-toss/native-modules@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@apps-in-toss/native-modules@npm:1.2.0"
   dependencies:
-    "@apps-in-toss/types": "npm:^1.1.3"
+    "@apps-in-toss/types": "npm:^1.2.0"
     es-toolkit: "npm:^1.39.3"
   peerDependencies:
     "@granite-js/native": "*"
     "@granite-js/react-native": "*"
     react-native: "*"
-  checksum: 10c0/c917dbd229e3894e548bbb1da64a496c097d94f41a719607b26d40e965e39f3fd3bcdb4045ec8155304134fdafe86f8f3b9a397c0f5b0ac967831821cb2f0fd4
+  checksum: 10c0/6a1c6587369267528137f847cffee6f3c5e0454b0ba6e2c9324626a8a2512950a41141cfef002bed35d0e777c3543637308d4519222b87804346aa36d84caf50
   languageName: node
   linkType: hard
 
-"@apps-in-toss/plugins@npm:1.1.3":
-  version: 1.1.3
-  resolution: "@apps-in-toss/plugins@npm:1.1.3"
+"@apps-in-toss/plugins@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@apps-in-toss/plugins@npm:1.2.0"
   dependencies:
     "@granite-js/plugin-core": "npm:0.1.22"
     "@granite-js/plugin-micro-frontend": "npm:0.1.22"
@@ -96,14 +96,14 @@ __metadata:
     execa: "npm:^9.5.2"
     picocolors: "npm:^1.1.1"
     uuidv7: "npm:^1.0.2"
-  checksum: 10c0/b846824bcf448259474714f662e2e81678d9f20c5e19747ed02ccb1dcc4aa122c98247a07f8c6fa56009cbd7ccf98ba7b845d011806c9e8d90434497682283fd
+  checksum: 10c0/2212c7de222c069a2b11a07966f2458a473be6792f1685d8544f3f2d9a0d136a85aed9895633ee80657fd01fc99e57e4b7c01d13eb6e39598bc8445023873f17
   languageName: node
   linkType: hard
 
-"@apps-in-toss/types@npm:1.1.3, @apps-in-toss/types@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "@apps-in-toss/types@npm:1.1.3"
-  checksum: 10c0/299d0792d0b65d4d34aad35c77a9008b8b2dbb65c2c192e4c51a35db1cfd825e16bdb1c7a254188f5e653fd92f145d698239d2ebac7e4a20abe4ea7f9c46dc7a
+"@apps-in-toss/types@npm:1.2.0, @apps-in-toss/types@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@apps-in-toss/types@npm:1.2.0"
+  checksum: 10c0/9d314e8b74ce53d8e7342d06f021a2c8ee41bd45c3be7010720d01e93e9e1a0dca0ad9c4077c0e6514db982e65dfb7b7756eac9f67bfca4998ec0a15d6c65f5e
   languageName: node
   linkType: hard
 
@@ -4837,51 +4837,40 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@toss-design-system/color-utils@npm:^0.0.1":
+"@toss/tds-color-utils@npm:^0.0.1":
   version: 0.0.1
-  resolution: "@toss-design-system/color-utils@npm:0.0.1"
+  resolution: "@toss/tds-color-utils@npm:0.0.1"
   dependencies:
-    "@toss-design-system/colors": "npm:^0.0.1"
-    "@toss/utils": "npm:^1.6.1"
     bezier-easing: "npm:^2.1.0"
-  checksum: 10c0/aa742b07c9489a50a83fddc17ce082e4a5d6742c194d51a80a21ca5e4a7123b18b8e1894936b92282996cd29614c7ef2a816e08e1114c72ab514aeb042617c30
+  checksum: 10c0/5e6b5fa5bedd04f228a2c5d4ae446ab1c3c9d62c08bbf603ce93fe67d0ad911322cb2c4e62a974a3eb5b6fd8eea942a9f51017c9792c9a5b868437f99f4c0ae8
   languageName: node
   linkType: hard
 
-"@toss-design-system/colors@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "@toss-design-system/colors@npm:0.0.1"
-  checksum: 10c0/5c463b76bd389d5a7f4c1b7b2b03152d49f49cee348b208c379fb649960cfe2da52ac08466779966811f951a7efa26d4997c8cdbac4f6a3332cfd08c9962d164
-  languageName: node
-  linkType: hard
-
-"@toss-design-system/css-utils@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "@toss-design-system/css-utils@npm:0.0.1"
-  checksum: 10c0/af55795bbbde7720ce6cb19832c51e0f32ddde5fc1a931177e5776471d51172fee4f26d3a48680696917c470a49e3368b826688a2e45123bf185777738056dd7
+"@toss/tds-colors@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "@toss/tds-colors@npm:0.1.0"
+  checksum: 10c0/0129efb3fcb7624b6f7a54538cf7e68e33edad179bf747fad2733e19ec52769dcb5b55ea6e4b14036036622f58600c21670dce97ab2709399ce490a54f85f7d3
   languageName: node
   linkType: hard
 
-"@toss-design-system/easings@npm:^0.0.1":
+"@toss/tds-easings@npm:^0.0.1":
   version: 0.0.1
-  resolution: "@toss-design-system/easings@npm:0.0.1"
-  dependencies:
-    "@toss-design-system/spring-easing": "npm:^0.0.1"
-  checksum: 10c0/c701e4f4353795d8882f6ba1a5b25f2be6204a2cee9f9339d2e690aff1d549316c7d297dc6193f37c50b690228c2b38b032086c4f7c29a3f139c19905c935e2c
+  resolution: "@toss/tds-easings@npm:0.0.1"
+  checksum: 10c0/df734ee11fe757104be13eb1c3fe97c25f08525dbce9716eec9a78a859f67c1ea59848ca8d3bfe63ba952de786330ae0999dad8bb7601d53c467baf2ff7917b0
   languageName: node
   linkType: hard
 
-"@toss-design-system/react-native@npm:1.2.1":
+"@toss/tds-react-native@npm:^1.2.1":
   version: 1.2.1
-  resolution: "@toss-design-system/react-native@npm:1.2.1"
+  resolution: "@toss/tds-react-native@npm:1.2.1"
   dependencies:
     "@react-spring/native": "npm:9.5.2"
     "@react-stately/radio": "npm:^3.6.0"
-    "@toss-design-system/color-utils": "npm:^0.0.1"
-    "@toss-design-system/colors": "npm:^0.0.1"
-    "@toss-design-system/easings": "npm:^0.0.1"
-    "@toss-design-system/spring-easing": "npm:^0.0.1"
-    "@toss-design-system/typography": "npm:^0.0.1"
+    "@toss/tds-color-utils": "npm:^0.0.1"
+    "@toss/tds-colors": "npm:^0.1.0"
+    "@toss/tds-easings": "npm:^0.0.1"
+    "@toss/tds-spring-easing": "npm:^0.0.1"
+    "@toss/tds-typography": "npm:^0.0.1"
     "@toss/utils": "npm:^1.6.1"
     culori: "npm:^4.0.1"
     es-hangul: "npm:^2.3.0"
@@ -4893,26 +4882,23 @@ __metadata:
     "@granite-js/react-native": "*"
     react: "*"
     react-native: "*"
-  checksum: 10c0/19108fdd04bfd0bb615ac18a19d63b249503487e16848db3d2217c77d0d04cc89ef442791454547dac2f7d76aded746f2fa7740ff881e02d2ca89e1e7f5f4578
+  checksum: 10c0/6859fcb0bf1cf259f4c3fe78a0b96ff637a14711c66277e2cd9acb43a1b0eb1516805a2e16e42bbca66be0d30303a957378c8411eb7559a564b3b173de0155cb
   languageName: node
   linkType: hard
 
-"@toss-design-system/spring-easing@npm:^0.0.1":
+"@toss/tds-spring-easing@npm:^0.0.1":
   version: 0.0.1
-  resolution: "@toss-design-system/spring-easing@npm:0.0.1"
-  dependencies:
-    newton-raphson-method: "npm:^1.0.2"
-  checksum: 10c0/fa9b42ff5e440d3d2d8a2e9f739247ec67ecb28ff7f6b3fe835a693a5b647e90f2b830aa65c427cc2354f2a58b7bd571eed166a9f09905b6be65be38c96296df
+  resolution: "@toss/tds-spring-easing@npm:0.0.1"
+  checksum: 10c0/386da851ed9268eac42b9a2516ccf4c1d5bf3999a792b43f5abe47bba8e8422a668d9c1f8787da60fc2823e637e936c48f811fbce812a7df7e0d174f7139f62b
   languageName: node
   linkType: hard
 
-"@toss-design-system/typography@npm:^0.0.1":
+"@toss/tds-typography@npm:^0.0.1":
   version: 0.0.1
-  resolution: "@toss-design-system/typography@npm:0.0.1"
+  resolution: "@toss/tds-typography@npm:0.0.1"
   dependencies:
-    "@toss-design-system/css-utils": "npm:^0.0.1"
     param-case: "npm:^3.0.4"
-  checksum: 10c0/7401c6a3d79052599b7ce5acf77fb62727d9f633891c3338a2df9e35186db863f4b643b8c39751c0c01e0effec02993b0e36052ebd97d21fe7d4528264948d7c
+  checksum: 10c0/e47fe09b6d078bad6cae2a7bb8856d9f97ea27d4494a4e6b349a574cf51031c8d402dad4a7417859d460e18fa2fb62d6afe9a359d375b5aadc3c36c6ea061e16
   languageName: node
   linkType: hard
 
@@ -6950,7 +6936,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-hangul@npm:^2.3.0, es-hangul@npm:^2.3.2":
+"es-hangul@npm:^2.3.0":
+  version: 2.3.8
+  resolution: "es-hangul@npm:2.3.8"
+  checksum: 10c0/26513a5f4d1f826933d515b6d9a07e128aedfa300a4005ce55fdb043789b7eea5160b3495d948b4c7c12196075c7e2fd8935b0784560a6230bc97b85166cd092
+  languageName: node
+  linkType: hard
+
+"es-hangul@npm:^2.3.2":
   version: 2.3.6
   resolution: "es-hangul@npm:2.3.6"
   checksum: 10c0/1db27250353bab18e4060187a25662b0066394acec0702c260e8041b41550d91a4b86077e967a2a8165420707868fce7b3247ad194a48b6e19e371824891c916
@@ -7328,7 +7321,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "examples@workspace:."
   dependencies:
-    "@apps-in-toss/framework": "npm:1.1.3"
+    "@apps-in-toss/framework": "npm:1.2.0"
     "@babel/core": "npm:7.23.9"
     "@babel/plugin-proposal-class-properties": "npm:^7.16.7"
     "@babel/plugin-proposal-nullish-coalescing-operator": "npm:^7.16.7"
@@ -7345,7 +7338,7 @@ __metadata:
     "@granite-js/plugin-router": "npm:0.1.21"
     "@granite-js/react-native": "npm:0.1.21"
     "@testing-library/react-native": "npm:^12.9.0"
-    "@toss-design-system/react-native": "npm:1.2.1"
+    "@toss/tds-react-native": "npm:^1.2.1"
     "@types/babel__core": "npm:^7.20.5"
     "@types/jest": "npm:^29.5.14"
     "@types/node": "npm:^22.10.2"
@@ -10713,13 +10706,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"newton-raphson-method@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "newton-raphson-method@npm:1.0.2"
-  checksum: 10c0/7c5fd9cc8ab3d9dec0ee7a9354f36e0588ee4849ff5f45e4807ec798c73d988ef66f4ededc23a8e8b9186257622c3e8092f05acb0d973c5ba020ed533711ab56
-  languageName: node
-  linkType: hard
-
 "no-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "no-case@npm:3.0.4"

random-balls/.yarnrc.yml

@@ -1,7 +1 @@
 enableGlobalCache: false
-cacheFolder: .yarn/cache
-npmScopes:
-  toss-design-system:
-    npmRegistryServer: 'https://registry.npmjs.org'
-    npmAlwaysAuth: true
-    npmAuthToken: 'NPM_TOKEN'

random-balls/README.md

@@ -28,7 +28,7 @@
    ```
 
 3. 개발 서버를 실행해요.  
-   \*iOS 실기기로 테스트 시 [실기기에서 개발 모드 사용하기](https://developers-apps-in-toss.toss.im/tutorials/webview.html#%E1%84%89%E1%85%B5%E1%86%AF%E1%84%80%E1%85%B5%E1%84%80%E1%85%B5%E1%84%8B%E1%85%A6%E1%84%89%E1%85%A5-%E1%84%80%E1%85%A2%E1%84%87%E1%85%A1%E1%86%AF-%E1%84%86%E1%85%A9%E1%84%83%E1%85%B3-%E1%84%89%E1%85%A1%E1%84%8B%E1%85%AD%E1%86%BC%E1%84%92%E1%85%A1%E1%84%80%E1%85%B5)를 참고하여 host 설정을 해주세요.
+   \*iOS 실기기로 테스트 시 [실기기에서 개발 모드 사용하기](https://developers-apps-in-toss.toss.im/tutorials/webview.html#%E1%84%80%E1%85%A2%E1%84%87%E1%85%A1%E1%86%AF-%E1%84%89%E1%85%A5%E1%84%87%E1%85%A5%E1%84%85%E1%85%B3%E1%86%AF-%E1%84%89%E1%85%B5%E1%86%AF%E1%84%80%E1%85%B5%E1%84%80%E1%85%B5%E1%84%8B%E1%85%A6%E1%84%89%E1%85%A5-%E1%84%8C%E1%85%A5%E1%86%B8%E1%84%80%E1%85%B3%E1%86%AB-%E1%84%80%E1%85%A1%E1%84%82%E1%85%B3%E1%86%BC%E1%84%92%E1%85%A1%E1%84%80%E1%85%A6-%E1%84%89%E1%85%A5%E1%86%AF%E1%84%8C%E1%85%A5%E1%86%BC%E1%84%92%E1%85%A1%E1%84%80%E1%85%B5)를 참고하여 host 설정을 해주세요.
    ```
    yarn dev
    ```

random-balls/package.json

@@ -10,7 +10,7 @@
     "deploy": "ait deploy"
   },
   "dependencies": {
-    "@apps-in-toss/web-framework": "1.1.2",
+    "@apps-in-toss/web-framework": "1.2.0",
     "@granite-js/plugin-router": "0.1.20",
     "@react-three/drei": "^9.120.5",
     "@react-three/fiber": "8.15.12",