diff --git a/packages/plasma-asdk/README.md b/packages/plasma-asdk/README.md index 7374780bf6..b9ad7659ee 100644 --- a/packages/plasma-asdk/README.md +++ b/packages/plasma-asdk/README.md @@ -21,7 +21,7 @@ ```bash $ npm install --save react react-dom $ npm install --save styled-components -$ npm install --save @salutejs/plasma-asdk @salutejs/plasma-tokens @salutejs/plasma-typo +$ npm install --save @salutejs/plasma-asdk @salutejs/plasma-typo ``` ## Настройка @@ -31,7 +31,7 @@ $ npm install --save @salutejs/plasma-asdk @salutejs/plasma-tokens @salutejs/pla ```jsx title="GlobalStyle.tsx" import { createGlobalStyle } from 'styled-components'; import { standard } from '@salutejs/plasma-typo'; -import { stylesSalute__light as stylesSaluteLight } from '@salutejs/plasma-asdk'; +import { stylesSaluteLight } from '@salutejs/plasma-asdk/tokens'; const ThemeStyle = createGlobalStyle(stylesSaluteLight); const TypoStyle = createGlobalStyle(standard); @@ -61,7 +61,15 @@ export const GlobalStyle = () => ( // App.tsx import { Button } from '@salutejs/plasma-asdk'; +import { tokens } from '@salutejs/plasma-asdk/tokens'; + export const App = () => { - return ; + return ( + + +

+ Token usage example +

+ ); }; ``` diff --git a/packages/plasma-asdk/README.stories.mdx b/packages/plasma-asdk/README.stories.mdx index c6711c7855..d4b532a08c 100644 --- a/packages/plasma-asdk/README.stories.mdx +++ b/packages/plasma-asdk/README.stories.mdx @@ -25,7 +25,7 @@ import { Meta } from "@storybook/addon-docs"; ```bash $ npm install --save react react-dom $ npm install --save styled-components -$ npm install --save @salutejs/plasma-asdk @salutejs/plasma-tokens @salutejs/plasma-typo +$ npm install --save @salutejs/plasma-asdk @salutejs/plasma-typo ``` ## Настройка @@ -34,9 +34,7 @@ $ npm install --save @salutejs/plasma-asdk @salutejs/plasma-tokens @salutejs/pla ```jsx title="GlobalStyle.tsx" import { createGlobalStyle } from 'styled-components'; import { standard } from '@salutejs/plasma-typo'; -import { - stylesSalute__light as stylesSaluteLight -} from '@salutejs/plasma-asdk'; +import { stylesSaluteLight } from '@salutejs/plasma-asdk/tokens'; const ThemeStyle = createGlobalStyle(stylesSaluteLight); const TypoStyle = createGlobalStyle(standard); @@ -64,8 +62,15 @@ export const GlobalStyle = () => ( ```jsx // App.tsx import { Button } from '@salutejs/plasma-asdk'; +import { tokens } from '@salutejs/plasma-asdk/tokens'; export const App = () => { - return ; + return ( + + +

+ Token usage example +

+ ); }; ``` diff --git a/packages/plasma-asdk/api/plasma-asdk.api.md b/packages/plasma-asdk/api/plasma-asdk.api.md index 3202c36ffc..4ce35fb26c 100644 --- a/packages/plasma-asdk/api/plasma-asdk.api.md +++ b/packages/plasma-asdk/api/plasma-asdk.api.md @@ -35,7 +35,7 @@ import { ReactNode } from 'react'; import { RefAttributes } from 'react'; import { SpacingProps } from '@salutejs/plasma-new-hope/types/mixins/applySpacing'; import { SpinnerProps } from '@salutejs/plasma-core'; -import { SSRProvider } from '@salutejs/plasma-hope'; +import { SSRProvider } from '@salutejs/plasma-core'; import { StyledComponent } from 'styled-components'; import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components'; import { TouchEventHandler } from 'react';