diff --git a/package-lock.json b/package-lock.json index 5c4f30e..a1ec919 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { - "name": "@xelene/tgui", - "version": "2.1.1", + "name": "@telegram-apps/telegram-ui", + "version": "2.1.3", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "@xelene/tgui", - "version": "2.1.1", + "name": "@telegram-apps/telegram-ui", + "version": "2.1.3", "license": "MIT", "dependencies": { "@floating-ui/react-dom": "^2.0.8", diff --git a/package.json b/package.json index 9f40147..0c67c31 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@telegram-apps/telegram-ui", - "version": "2.1.2", + "version": "2.1.3", "description": "World-class, ultimate UI developer toolkit.", "main": "dist/cjs/index.js", "module": "dist/index.js", diff --git a/src/Getting Started.mdx b/src/Getting Started.mdx index 80f776c..36470f8 100644 --- a/src/Getting Started.mdx +++ b/src/Getting Started.mdx @@ -9,13 +9,13 @@ Getting started is a breeze with npm or yarn. Simply run: **npm:** ```sh -npm install @xelene/tgui +npm install @telegram-apps/telegram-ui ``` **yarn:** ```sh -yarn add @xelene/tgui +yarn add @telegram-apps/telegram-ui ``` ## Smooth Development Process @@ -27,7 +27,7 @@ Follow these simple steps to kickstart your development journey: Before diving into the development, ensure to import the necessary styles: ```jsx -import '@xelene/tgui/dist/styles.css'; +import '@telegram-apps/telegram-ui/dist/styles.css'; ``` ### 2. Wrap Your App @@ -35,7 +35,7 @@ import '@xelene/tgui/dist/styles.css'; Next, wrap your application with `AppRoot` to leverage our platform's features: ```jsx -import { AppRoot } from '@xelene/tgui'; +import { AppRoot } from '@telegram-apps/telegram-ui'; ReactDOM.render( @@ -49,10 +49,10 @@ ReactDOM.render( ```jsx // Import the necessary styles globally -import '@xelene/tgui/dist/styles.css'; +import '@telegram-apps/telegram-ui/dist/styles.css'; // Import components from the library -import { AppRoot, Cell, List, Section } from '@xelene/tgui'; +import { AppRoot, Cell, List, Section } from '@telegram-apps/telegram-ui'; // Example data for rendering list cells const cellsTexts = ['Chat Settings', 'Data and Storage', 'Devices']; diff --git a/src/components/Overlays/Modal/Modal.tsx b/src/components/Overlays/Modal/Modal.tsx index f93a16a..6c38e8c 100644 --- a/src/components/Overlays/Modal/Modal.tsx +++ b/src/components/Overlays/Modal/Modal.tsx @@ -47,7 +47,6 @@ export interface ModalProps extends Omit, 'onAnim fadeFromIndex?: never; /** Determines if the modal can be closed by user interactions */ dismissible?: boolean; - } type ModalWithComponents = ForwardRefExoticComponent> & { @@ -76,7 +75,7 @@ export const Modal = forwardRef(({ fadeFromIndex, modal, preventScrollRestoration, - dismissible + dismissible, ...restProps }, ref) => { const container = useAppRootContext();