{"_id":"@salutejs/sdds-srvc","_rev":"87-fd28662485d03c6d21680c61485247ac","name":"@salutejs/sdds-srvc","dist-tags":{"latest":"0.9.0","dev":"0.12.0-dev.0","canary":"0.12.0-canary.1068.8079455194.0"},"versions":{"0.2.0-canary.1023.7728259956.0":{"name":"@salutejs/sdds-srvc","version":"0.2.0-canary.1023.7728259956.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.2.0-canary.1023.7728259956.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"76e6860d9f49652728f71bb60a965ccc42d547b9","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.2.0-canary.1023.7728259956.0.tgz","fileCount":130,"integrity":"sha512-bmDhTgngLNorOcQqn84vn5daMun/2B7IafTHxgxzYaU9Hi33PYB3KxiMpUMuSd2cgvqye1jREkIaALhCfFKf5Q==","signatures":[{"sig":"MEUCIGFk9UIZ+tghs1q7S/5dW9sV1Ph6OBxqunZEVxNPuj0jAiEAyZAayo7V/XB4BzvLAPh9CJwYEn/HAt2Ft9+0IMVu1AU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":279226},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"a495286c037ee5be79a98405fa8cae0f6080d062","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for Caldera web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-core":"1.146.0-dev.0","@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.70.0-dev.0","@salutejs/plasma-new-hope":"0.38.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.78.0-dev.0","@salutejs/plasma-sb-utils":"0.144.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.2.0-canary.1023.7728259956.0_1706714996142_0.5509475702673943","host":"s3://npm-registry-packages"}},"0.2.0-canary.1023.7753271553.0":{"name":"@salutejs/sdds-srvc","version":"0.2.0-canary.1023.7753271553.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.2.0-canary.1023.7753271553.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"f22a3565d5f1e1f09d064620fd7c02ce4f7ec0c0","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.2.0-canary.1023.7753271553.0.tgz","fileCount":141,"integrity":"sha512-Jm6smkOmZFwZiG/gyz03W3lNCW+B+Kbn3Ho13Lf45PNxSidzs6gY45aoJ9kdamEvEVkJXWwPS1fXexxFfCgGVA==","signatures":[{"sig":"MEUCIHC0d2imyTK4jYiw854aLdWWU2OwGeY/Vyr4mkJQVgWkAiEAwepL7yrn5IcocZ2EvjIuEMI3SCTE9fHTxmrf6z9P4UQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":294121},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e93434bce8d9fc33a965aa86d189e35b00d75e63","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.70.0","@salutejs/plasma-new-hope":"0.42.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.146.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.78.0","@salutejs/plasma-sb-utils":"0.144.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.2.0-canary.1023.7753271553.0_1706862943201_0.5882515180363548","host":"s3://npm-registry-packages"}},"0.2.0-canary.1023.7756010157.0":{"name":"@salutejs/sdds-srvc","version":"0.2.0-canary.1023.7756010157.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.2.0-canary.1023.7756010157.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"cb029ae716e1a21cc7e97be2f13806a4e1ebc1b3","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.2.0-canary.1023.7756010157.0.tgz","fileCount":141,"integrity":"sha512-Pvv2BWl2/3QXRSB+Rvqcy5KOd1rAvnSM3zm9xaCgn++UAr5IcvskajiJMRgBwLcIp5my0VNf1DrpdhQYSghgww==","signatures":[{"sig":"MEUCIQDW4uI+HQIXwKDVFiAt2wxDFuO+SXm3V65+Z8CeugB3CwIgaL1mdVkMQFol6Qr01wqOwAozyXL9ptXLs6r4WKdrmkE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":294149},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"dd6050c32fcca3708dbe27cf88b1750d63813b8f","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.0-dev.0","@salutejs/plasma-new-hope":"0.43.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.0-dev.0","@salutejs/plasma-sb-utils":"0.145.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.2.0-canary.1023.7756010157.0_1706878070308_0.6990125068280564","host":"s3://npm-registry-packages"}},"0.2.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.2.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.2.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"c59fb33fef1cfb4b4895c4027dc5b58e6ab00a3f","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.2.0-dev.0.tgz","fileCount":140,"integrity":"sha512-4axYkXJJSMDBKarMh9UX7XyXnm3SEl6WvC9WRbA4dSPI/1fcnSSykX1NFxaV5waJpAy51ozS6TpQXlids81Lmg==","signatures":[{"sig":"MEYCIQDyjXk4i7h/a9R9uG1RSQIQ18LALo+aRnQTcTRmIT9pKwIhAIef0SvP2vYlY2kPkF6XnJcsizfeiiJrWwH7b9DgKPNl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":277594},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8c5c9f4e59f875d1391506c32bf9bc22ae33ae82","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.0-dev.0","@salutejs/plasma-new-hope":"0.43.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.0-dev.0","@salutejs/plasma-sb-utils":"0.145.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.2.0-dev.0_1706879538759_0.43263027085309935","host":"s3://npm-registry-packages"}},"0.3.0-canary.1012.7756803696.0":{"name":"@salutejs/sdds-srvc","version":"0.3.0-canary.1012.7756803696.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.3.0-canary.1012.7756803696.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"08e88ba2e99b64d1fa6305d08dc7237d2c722231","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.3.0-canary.1012.7756803696.0.tgz","fileCount":139,"integrity":"sha512-K7rF/qcbx79Bw/bcAKKFSIAtUvObV+J6tHuruT0DqxMZV6Cz4iMYlsNQGHqPm++u3X66tJUlQxG+enoKn8CIIw==","signatures":[{"sig":"MEUCICdsNPjObSyZ6X/Y/0nntACncMq9J/m5YwN880rc7AemAiEAoNaKndw2SlEHZOvugiq6Sk+ZAv9APECNqZOe6sSqG/I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291505},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"704938d0c77911af3dbed86e710140ea4270efe3","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.0-dev.0","@salutejs/plasma-new-hope":"0.43.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.0-dev.0","@salutejs/plasma-sb-utils":"0.145.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.3.0-canary.1012.7756803696.0_1706882156104_0.7173701424962682","host":"s3://npm-registry-packages"}},"0.3.0-canary.990.7756942834.0":{"name":"@salutejs/sdds-srvc","version":"0.3.0-canary.990.7756942834.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.3.0-canary.990.7756942834.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"72bd4a0fb2d1a1ead9524c13f009c6f5c916134b","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.3.0-canary.990.7756942834.0.tgz","fileCount":139,"integrity":"sha512-aWMWecV63XDx5Xn1jlISwNfbBOv2qEbjSN3EODvTICTZ+vkj1KxkudtDkPD40kTbPEQityQl13adcMVu9ekXRQ==","signatures":[{"sig":"MEUCIQC0rQkUbBiSp1tmGxVul33o0V6C/TtAlBA2InfUTt8ZtwIgYqk544sUu1rqtppagVrBcjmcLQvZtZBd7To+pt0Nfq4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291504},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"91e9a7bb4948f706f1e768fb7aabb60fe198cd88","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.0-dev.0","@salutejs/plasma-new-hope":"0.43.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.0-dev.0","@salutejs/plasma-sb-utils":"0.145.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.3.0-canary.990.7756942834.0_1706882957226_0.9365652683293608","host":"s3://npm-registry-packages"}},"0.3.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.3.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.3.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"6b2f28a0bad2b4d35bf32509b941ef9fdebc8ff0","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.3.0-dev.0.tgz","fileCount":138,"integrity":"sha512-JKGSvkhZ0NBO+dvn0FV7TIodvXDIh9pZUna7Kz3LPr1zZXE2Tr9X569yoV7OVOEVbFpP09WXNUpBfQrJ1ujTog==","signatures":[{"sig":"MEQCIB2gxEQsO13Rvc6mbQp5hn8wJYIgNnYpBF1v1YhxQuOWAiB72nWGJ4ADxzdbAIHKnI5Vxm5MWGjhVV0JUgLvFaCkOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274950},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"14bb02387b7392975decca17664c5a21ce687ad1","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.0-dev.0","@salutejs/plasma-new-hope":"0.43.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.0-dev.0","@salutejs/plasma-sb-utils":"0.145.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.3.0-dev.0_1706883968361_0.8983660989860422","host":"s3://npm-registry-packages"}},"0.3.1-canary.1028.7758070528.0":{"name":"@salutejs/sdds-srvc","version":"0.3.1-canary.1028.7758070528.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.3.1-canary.1028.7758070528.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"c7ee4d8bbd4609c0001b2e91e32781271e23cfa3","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.3.1-canary.1028.7758070528.0.tgz","fileCount":139,"integrity":"sha512-NEHjAWAKLEtLpQFuXKA1fOa3Eq1TuBhrluv7ZMAagk6e8dUeGA4OYYpcan3QOiafipW/zKnJ5ABtXIeHi+IwDw==","signatures":[{"sig":"MEUCIQCxzHcVF8e1kB6F/559z0uhgxYh+ikTCT0PRVfNOmXsfgIgNkDjdOL4AUsq/AEiIN4tg4zgZledt5lC3lebZMRFScs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291503},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"9d1d74357d30e8cb4bd39d85d62b37aeb97d0f2b","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.0-dev.0","@salutejs/plasma-new-hope":"0.43.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.0-dev.0","@salutejs/plasma-sb-utils":"0.145.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.3.1-canary.1028.7758070528.0_1706888439982_0.22036574264029807","host":"s3://npm-registry-packages"}},"0.4.0-canary.941.7781783525.0":{"name":"@salutejs/sdds-srvc","version":"0.4.0-canary.941.7781783525.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.4.0-canary.941.7781783525.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"3aaa252742a628bc8d38a7c2e0f6a4e6da183e89","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.4.0-canary.941.7781783525.0.tgz","fileCount":139,"integrity":"sha512-kAXoFVztWBkbXFGdJRiybvL3uORE4Su2Io1YWZGNnsVpElgDh7uln3zATR17xRVTEY14Dlbj8rAvfGMa6hS+Rg==","signatures":[{"sig":"MEUCIQC0F/8vBBXkJqipoDe1IeYZVEFp7wjTg2jAYaXr/xs5yQIgJAg0Az+WR3/ikm0TOH6JGaqOWva3eaLQ8Wdg4PNd2TU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291594},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"89a6a6155ff584186e992d39c050f2c4a302c4c9","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-canary.941.7781783525.0","@salutejs/plasma-new-hope":"0.44.0-canary.941.7781783525.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-canary.941.7781783525.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-canary.941.7781783525.0","@salutejs/plasma-sb-utils":"0.146.0-canary.941.7781783525.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.4.0-canary.941.7781783525.0_1707123994033_0.5720368145669281","host":"s3://npm-registry-packages"}},"0.3.1-canary.1028.7785214718.0":{"name":"@salutejs/sdds-srvc","version":"0.3.1-canary.1028.7785214718.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.3.1-canary.1028.7785214718.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"eef338924c8f95c7737d86bb58e507ff7c7cb1fb","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.3.1-canary.1028.7785214718.0.tgz","fileCount":139,"integrity":"sha512-CJ/ZNthOt3QLaMbnvYTzrpWnQy+l0a1oklmsNeCVAu7XGrSNIII79ZUnedG7sUVGHaQp6BoTUAJxV2UbgvlMCQ==","signatures":[{"sig":"MEUCIQC/ce3yVC/AbxnaQ/zgciJA1wLtZqfOHgLMSbuo0MJRpgIgd0YwuNwLDiMtNfhyCB8B7xh6bEj6w1OM/WauKILsrRs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291503},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"92b869923a86ce9193f1812b7718b96eeaa8ab41","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.0-dev.0","@salutejs/plasma-new-hope":"0.43.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.0-dev.0","@salutejs/plasma-sb-utils":"0.145.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.3.1-canary.1028.7785214718.0_1707140390743_0.16711518527891234","host":"s3://npm-registry-packages"}},"0.4.0-canary.1032.7787356763.0":{"name":"@salutejs/sdds-srvc","version":"0.4.0-canary.1032.7787356763.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.4.0-canary.1032.7787356763.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"82f746ff06b9277d81fa868507668ddfa287818a","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.4.0-canary.1032.7787356763.0.tgz","fileCount":139,"integrity":"sha512-zGLGfHGtp8Lg/Eo9BHSd0SD8cvvrsRCxunexucy5y4nnTlSRRdCGqJhcfLVlDBd3kQoJNnNbPahTUGAIVb20EA==","signatures":[{"sig":"MEUCIQDxksiOlbBQSx4NF1emEobkQYYV/woSTpjGWB6ejUZg5AIgM/JHidzxUxj16nGaVRgph3C41LsxLcQKJ/8CQJIPPp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291600},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e85f1a6ec09bceb11f4d6649a417e05ac2d9acb9","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-canary.1032.7787356763.0","@salutejs/plasma-new-hope":"0.44.0-canary.1032.7787356763.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-canary.1032.7787356763.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-canary.1032.7787356763.0","@salutejs/plasma-sb-utils":"0.146.0-canary.1032.7787356763.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.4.0-canary.1032.7787356763.0_1707150177100_0.6507226497153595","host":"s3://npm-registry-packages"}},"0.3.1-canary.1025.7798222182.0":{"name":"@salutejs/sdds-srvc","version":"0.3.1-canary.1025.7798222182.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.3.1-canary.1025.7798222182.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"d0eb954fa0b38c7d802175c32462d0988385bd3f","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.3.1-canary.1025.7798222182.0.tgz","fileCount":138,"integrity":"sha512-VG98B0y+tcjpBR4DiOqWRjK0oJ7WwGknuKbkhgH/Y/RrTm1JOlwFCPfn8M7lvEDWntNAC2VUcDFDeCqCd6vUJQ==","signatures":[{"sig":"MEUCIBXxfh+LuF0KiBx7riZR1jUqjWxNczYIFNw6LcHp+g9QAiEA29Sx1qmNV8IzWoawgQCHqC+V1ClJt2THLM3qovC4MZw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":275064},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5e38d0ff236f5a6765c9bed47f2daae5e07c4d44","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.1-canary.1025.7798222182.0","@salutejs/plasma-new-hope":"0.43.1-canary.1025.7798222182.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.1-canary.1025.7798222182.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.1-canary.1025.7798222182.0","@salutejs/plasma-sb-utils":"0.145.1-canary.1025.7798222182.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.3.1-canary.1025.7798222182.0_1707216273288_0.3924552794363667","host":"s3://npm-registry-packages"}},"0.3.1-canary.1031.7798599034.0":{"name":"@salutejs/sdds-srvc","version":"0.3.1-canary.1031.7798599034.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.3.1-canary.1031.7798599034.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"0daf6479087e0575c45e6cc28137233e1e08b9f8","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.3.1-canary.1031.7798599034.0.tgz","fileCount":138,"integrity":"sha512-cVBFJK/Go0XJMVa7XLl7zBzmEpRld9iKYWyg01L79srQ26XMkDdiimei1VL/cjoQBSbZtWMp5NygAwI0JI4aug==","signatures":[{"sig":"MEQCIHohzCgdbYeCa1AMj0zaBFzq2xYLJHsDi1XeWg50/IM/AiBapbhUyrK/cC2oRJjaRotPkk+GINFZpUJ6/FrrjkELew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":275064},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"2e1cb8b2f06f8a069372b75d05d80cc71f614090","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.71.1-canary.1031.7798599034.0","@salutejs/plasma-new-hope":"0.43.1-canary.1031.7798599034.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.147.1-canary.1031.7798599034.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.79.1-canary.1031.7798599034.0","@salutejs/plasma-sb-utils":"0.145.1-canary.1031.7798599034.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.3.1-canary.1031.7798599034.0_1707218187156_0.4869556093698073","host":"s3://npm-registry-packages"}},"0.4.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.4.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.4.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"591f2162e1b12c5e166f8d63c21c76ba73e7a153","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.4.0-dev.0.tgz","fileCount":138,"integrity":"sha512-Q3h8tZ/W4So1/VJ4RT9bofz175yHeEbbwtrqNzfPDY8Z/ynOcrN3NfV+ZHUbFVcrFIT5iOKuPnL+ZCGWJ+ETvA==","signatures":[{"sig":"MEUCIEjpCGNEGecovlSx0vvcUC6d8oXbD8F34gGkKhPDUsscAiEAzDakbR6Mo+S+Vo29KzLA2KTFhfD8cfgI1cPgosG2T2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274950},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"6d023858a8c9644357d132ef7ee1253c1843f28a","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.44.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.4.0-dev.0_1707220163943_0.1483026509278178","host":"s3://npm-registry-packages"}},"0.5.0-canary.1033.7800394165.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1033.7800394165.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1033.7800394165.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"2c53242a4e17b2b4569eb80ef5d0f9212d499f1c","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1033.7800394165.0.tgz","fileCount":139,"integrity":"sha512-ud3+4X7miBtAom7ISoMX9cPU0xfFGy8FbSCF3trLIT4cPZR4T/Q59iXgTTC1pRJzmFS5sB++MzmE4XhLUUcsRQ==","signatures":[{"sig":"MEUCICsABv1X8GSUWB/A6kKpWdo5qL6oTXoGUveaSZTrx1VdAiEA9t1cplq+XkKN+arx12BCNCHoLhzAx908st71l3JYXcE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"809facf147aade65cfac93354cf0ccb6783d0432","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1033.7800394165.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1033.7800394165.0_1707226661786_0.10640686080190731","host":"s3://npm-registry-packages"}},"0.5.0-canary.983.7803101789.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.983.7803101789.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.983.7803101789.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"a8e734b771fc77e4ef2cd723cb37f15351ff5439","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.983.7803101789.0.tgz","fileCount":139,"integrity":"sha512-wdCzD0975fdhfCjiFOr1skaTYNQ1gZcg/yqxzMViK+w+FfliTRrDabr2YOGZn6TgBSHHUBjVDmUjrMwdQhKqYA==","signatures":[{"sig":"MEYCIQCZI+ofoPJX5ZMEh9QlFswytnMYTxRJlHJkeBK9OXUSMQIhALGrATJbSxUo0n132FgpkOLtu6GvDav56LLJJa1I9kYn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a79ba2e4dd51cfe094345f75551eb3deaa5cb9a2","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.983.7803101789.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.983.7803101789.0_1707238763296_0.8046192320396393","host":"s3://npm-registry-packages"}},"0.5.0-canary.983.7804269778.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.983.7804269778.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.983.7804269778.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"695ca1125ca41e6bf102f0ea5f2fd0eebc5469e8","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.983.7804269778.0.tgz","fileCount":139,"integrity":"sha512-N/wo/AIdRD1503pjcPBiDxIIOgH3Q4fL+ZYysbSVCBrlVPmW+XcIIjsxd9/e+q7++XMO0/4KjMZZgFrJWm7IDg==","signatures":[{"sig":"MEQCIAWonozBYXvKrE8QhIX4AIJus93j871Z7aN3roMhiFNlAiAMvYqSUVO2rL8Awx+fZGcKfmj8EBVSQivpclp5L1zsPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f66096729e94dddf6913b1d33964983cd9a1b40e","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.983.7804269778.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.983.7804269778.0_1707244350049_0.3808594166340433","host":"s3://npm-registry-packages"}},"0.5.0-canary.1032.7811308183.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1032.7811308183.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1032.7811308183.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"9107755a88e2ff10bc57a7af8a7d8a60a573c98e","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1032.7811308183.0.tgz","fileCount":139,"integrity":"sha512-gbSWfPki4z/iVGyrq6by7mjqiwzDKKzb7ozRRv1eb8fIAFzm0IxSt9EiU42NQ2bXlCa8tvY6YFMfmsT2qwUbBg==","signatures":[{"sig":"MEYCIQD4xDPUw/jHF9ZnzFvA3KH4C3rw1Ew90pwzbCLLl86vtwIhALT1Tb4eG9NDECHt9sUcstObB4A9KmF7wlMf2P2AO8yw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e80e3be3231bf43f4852f49093006c8a99b16dab","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1032.7811308183.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1032.7811308183.0_1707291441864_0.5382112805987262","host":"s3://npm-registry-packages"}},"0.5.0-canary.1035.7812839073.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1035.7812839073.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1035.7812839073.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"174c6adb4fda8309426db0a8d828fded077bbdc5","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1035.7812839073.0.tgz","fileCount":139,"integrity":"sha512-MqeQdobJjhCjwDid1jR+UMJ7xmxEhQzxuACMGnIuzHnCPF6V2Fi97LswyhdyvY4ilAEc1alw3OeyZ6WhPnOHJw==","signatures":[{"sig":"MEUCID3j4Ih3KqQ1MBSOJIxXBTsNjcZ/3NlN/2/h7aqN1TlSAiEAhya+9LvUPLLwkCeIQerR+hx8y7EL/71/nYlDjqxBkMc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291600},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3c69fd249b10427b1bf53621294f39b53fdc28a6","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.0-canary.1035.7812839073.0","@salutejs/plasma-new-hope":"0.45.0-canary.1035.7812839073.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.149.0-canary.1035.7812839073.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.81.0-canary.1035.7812839073.0","@salutejs/plasma-sb-utils":"0.147.0-canary.1035.7812839073.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1035.7812839073.0_1707300322339_0.0035645245943987103","host":"s3://npm-registry-packages"}},"0.5.0-canary.983.7814183952.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.983.7814183952.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.983.7814183952.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"d40c8c16f8f0fc4495ac98374d192a5dbe490093","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.983.7814183952.0.tgz","fileCount":139,"integrity":"sha512-4RajxXUVvEmF8CSZI8yKbOfmVnUeh67VPJwgGK54EZuZbOrN//bSf1G4bqz1xcOcRFITzHkRhbpvcUFUsRxwGQ==","signatures":[{"sig":"MEUCIEfR372FGIAyoIotEo2jN6/G3HphCluBKF2k+w7ki1yMAiEA+RP+NCQ9FdtkGVOMqwAOIdhl02divROUtDHJHEyUnRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"acf72c499a9f2108ddcb27c9f25f43b566b8c1f2","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.983.7814183952.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.983.7814183952.0_1707306812061_0.7154159813367249","host":"s3://npm-registry-packages"}},"0.5.0-canary.1032.7815513068.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1032.7815513068.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1032.7815513068.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"9bb4bb2965b2c2cbc79d916fa2a57318f53b0999","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1032.7815513068.0.tgz","fileCount":139,"integrity":"sha512-//ovgvq6ASnxAGdpyAvsSfQPNQ4BJnQClL/phTdqPjhEIR5MciTw9surNUtPciHxtNIPoDcwIrF198COa8K58g==","signatures":[{"sig":"MEUCIQCMYesksZxWBWy++J6Xqyx/Prl2A6ITElagBLQ8v4mF5AIgRis7/qo0KulN+/o/GGUEwDtiyVtrv9OVVkFoOH/azE0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"9793604137a14255ff72a777ae94290ff9f05b1b","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1032.7815513068.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1032.7815513068.0_1707313120111_0.9085715420316236","host":"s3://npm-registry-packages"}},"0.5.0-canary.983.7816554452.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.983.7816554452.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.983.7816554452.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"1813ba0df50b8b9a5207a83ad2520944a330af60","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.983.7816554452.0.tgz","fileCount":139,"integrity":"sha512-18WITynXyilhY9Plpmmrk4/6DKkN4tz4yD1bxOWvCghxy65FCHsu6MubuiUdl3HnAstWjxFAvwFdvaJTCJMcOw==","signatures":[{"sig":"MEUCIQCNVS4KOA43KA/Q4ZmdSvZOCjqEUnyQBXvFV4hvaMkeiwIgDzzH7EwnlOYgXKxm8mjBzfdLxFYJxHtEk3ZdC48RBrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"aeb2ffb52484b3d63823906340a2cf4e386ae5bd","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.983.7816554452.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.983.7816554452.0_1707318000770_0.8382946496223955","host":"s3://npm-registry-packages"}},"0.5.0-canary.1032.7816961665.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1032.7816961665.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1032.7816961665.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"8b1ff5a460c8192f956adcc9794209a1b5dcaefe","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1032.7816961665.0.tgz","fileCount":139,"integrity":"sha512-5iVByoc54ZnIDn59nbec7Zsg8xv/eYX07Im8gCOx5p1zX1ip7PPZpikOVO3pQIXXOvTIm9WTdy/nGQi+3sUN9A==","signatures":[{"sig":"MEYCIQDraVtIyZ3Kjj3rVrbBaQhGMX7vWK44JL7Wxtz67Quw5AIhAKTSUtj19DdlYCECc5TY5OX3XQ0yDnpLHV9cfjBCmesm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"79824c35b11f42d25dede63495f139583e84e401","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1032.7816961665.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1032.7816961665.0_1707319695361_0.22002337479903056","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7819713328.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1036.7819713328.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1036.7819713328.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"07a0ea8971dfb587d741e8a0a0c19d1c1ea5a8bb","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1036.7819713328.0.tgz","fileCount":139,"integrity":"sha512-AmRKwD7EnG9yZlrKuGOqSrMQPU0/dP+XOT+Mx87RXF3flEiE0M/g0iIJvroRJCV7lkxaZF9PcEzIknCNnVqjYg==","signatures":[{"sig":"MEQCIGeNTxYr37fbcPYL+l3RE7YAQjt4Y5gnRULAU6BbNLZ0AiAknhd9iPZIoC5igkLSSsT0yeeCCLYQHXzezpeIEgoQTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"742814d03a940ac7aa227ba89dc3e8288c2db936","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1036.7819713328.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1036.7819713328.0_1707332643734_0.19106720633113494","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7820428070.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1036.7820428070.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1036.7820428070.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"190dec20be1a405f31393d7e0ba91ea1515735b2","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1036.7820428070.0.tgz","fileCount":139,"integrity":"sha512-zQYOWfk4J9yaUOBqYkzK1/pZV3tlGO2197NPCXaB+fnVDXR4pjPZG9HgC5iIDkdY2UWVrSuQkzzU7ubKu/EKRw==","signatures":[{"sig":"MEQCIEoAEFqNWKhLSpc+jRGE4XXilHLOFH4yz8aAhd4MQ/N2AiAXfvS1ncT/T1mr2BshzMl4LzqqFlpd4cSXsalVFiM6rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8d9a9f4286533824eeabee466a8df04e77227de3","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1036.7820428070.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1036.7820428070.0_1707336726546_0.7100200941701074","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7826433339.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1036.7826433339.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1036.7826433339.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"6e13621fa4fe0053d838c74ecb2a8d307ae9c9f2","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1036.7826433339.0.tgz","fileCount":139,"integrity":"sha512-xDNVUIfTYxkxCaLayiXbmnfiRlIPBfAjh7jsumTgbux9Gbu/gXjKHyXmA1xQdE2x5tlJtTK9/gWxvC4++raCHQ==","signatures":[{"sig":"MEYCIQCgYe+e8e75rWkZxZCpHF/YLKJbTGgH1mnD88MRDF++zAIhANwpwxim/66bsvLDj8WWrzU4+z+ypljARKc2RaUOEUZ5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f17b36ea24a52826bc1dfddd26288030ce3263d8","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1036.7826433339.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1036.7826433339.0_1707379548960_0.331960687116829","host":"s3://npm-registry-packages"}},"0.5.0-canary.983.7826431645.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.983.7826431645.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.983.7826431645.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"e65476e8070106c22cc0b69c3dc370eb2af7d559","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.983.7826431645.0.tgz","fileCount":139,"integrity":"sha512-mWSYoReH9NM+ODfKkqsGT8No5uC0u6/FNdrzEBYT66QvGwup/pziQV4Uuw9lyy5D/dKsmdJrXWlx7AuqWCXi0A==","signatures":[{"sig":"MEYCIQDSve5Tu//SX1APScBcNcONX2vCBuMwhDo1OFXmXApmzgIhAM6rGubag5xH0OGvp2eBLw/duKnMonftcckMOp6bycGN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"d1e9cf718fefe3ecd105914eaa4cca217ffbee8d","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.983.7826431645.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.983.7826431645.0_1707379553912_0.042367840397191214","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7827687794.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1036.7827687794.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1036.7827687794.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"02f9e5dad9ce29d0f6d30336862cece3d0c4a49f","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1036.7827687794.0.tgz","fileCount":139,"integrity":"sha512-LTgifUUrHaKrSVzg37TQ+shwsDn46RAeZaqudEgAEhWXxXYCVkxj/jXTnht9gSN3pOsrgq/IhGlMMuVOJq/Uwg==","signatures":[{"sig":"MEUCIQDxMe8hwEliyQ0dfSBsB5QHMNyFSvA7cAcU0240HPwFsgIgBs4rw0lTVKRmUyCOrnrC9vre1x8rRRgFTMDx8IYuLvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3a71cb78d6a3a6ba2abd5a32fef65864bec3d63d","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1036.7827687794.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1036.7827687794.0_1707386475209_0.14300813894587194","host":"s3://npm-registry-packages"}},"0.5.0-canary.1033.7827944506.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1033.7827944506.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1033.7827944506.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"e95c35800f55868938b1b0b2172a5d8cadd34a57","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1033.7827944506.0.tgz","fileCount":139,"integrity":"sha512-rtasb7BDZvSFIOp5FtH/tOjG+XzzVcCB0XKc4NsUTH5IRc6kElMdvx1aBoC66eQIVlrklDPdLHVJu105vQkEbg==","signatures":[{"sig":"MEYCIQDKkMytfJiPxNa3AWKkbdrRpmkmyV2azJ2GvN63ubz1vAIhAJNlYGhhI9k83l649soJh/uh3lwNgtgbjCpcrQJJDmGa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"aa41d76246b8e0f4b6ca6a2defc98998fb6c106c","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1033.7827944506.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1033.7827944506.0_1707387760895_0.08627779123245616","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7828955441.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1036.7828955441.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1036.7828955441.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"22a164d96e1a58547894e98f71e7cec90fa51231","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1036.7828955441.0.tgz","fileCount":139,"integrity":"sha512-FpqouZKcUYpHVQDVzXHqQnIDDwIpwHW6Y1wDaVn3L623YaShjHY7yej9sfSFaxwQ0hLawG6iOIi/suOIpy6t6g==","signatures":[{"sig":"MEUCIQDHoUFQKXPYDM6y3nF2+G0SudA9niqCl7rNqgey1Bwf+gIgcuozDO3S8Msik+nUIolrZulh4xtAlI7gBWbo74Klobg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c7d9709de0723cf2ba307e2b85255f2b85a10db5","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1036.7828955441.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1036.7828955441.0_1707392860811_0.9565517226511446","host":"s3://npm-registry-packages"}},"0.5.0-canary.1032.7830706739.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1032.7830706739.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1032.7830706739.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"6e5cf3bf5aff83f3959d71a9598eec5c722b9804","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1032.7830706739.0.tgz","fileCount":139,"integrity":"sha512-jwO11GpjS/lPligj1jVJv3KzJYAMBgNqbupuQENrjFjEfARy4SR4F3LGZUFglAFw4lpK4t9YT8UoA784wJTjKw==","signatures":[{"sig":"MEUCIBNx2fp4hR6hDNerZU3XtW8PNRPiSGtl3D9KkEXrNboZAiEA0YjtjUQcQ5pK1Jo0S2DJQ6rkdSW4a/xyk8x0zCtaMw8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"777ebcfb7a106bde78f54ac6366a72c5d37ea7ba","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1032.7830706739.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1032.7830706739.0_1707401561384_0.5078940173607573","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7831653218.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1036.7831653218.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1036.7831653218.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"4d4054a5be4851c3a9e87a9593b2c204b2dd01b1","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1036.7831653218.0.tgz","fileCount":139,"integrity":"sha512-MbXuSjH+qK0KckEBH2SvN2slZwl6PmS5WKPQP8YXg3tCM8YoHKHH8EGGwnJUtF2pcoyd+zDeKIVlxaNzR+e7Ew==","signatures":[{"sig":"MEUCIQCMVhunHMYgQpLyimtG1IvHn9ua2ADYlzpTLwQYOq26LgIgctJltfDEufiuSxrXK3ne/i/upLpMYFh3w+DAttSNW0c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"866b66abfa55e781a036b6dba67742155561fbf7","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1036.7831653218.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1036.7831653218.0_1707405618499_0.6551429963318431","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7833345103.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1036.7833345103.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1036.7833345103.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"9735a7f470fe9d5d11dae17a1260539f39249f41","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1036.7833345103.0.tgz","fileCount":139,"integrity":"sha512-mtQdm7EfuJCCxI3sRllFomDPtopWAeTmfsRbVAUDyIOmlKJgmdLZ48jMv5jjEUKZwcvI3T+dy+z/7mq+6OoeUw==","signatures":[{"sig":"MEUCIQCDL5XiksiyJRQ2HMiKAeLiMccCNA1CaAXJbOR4vnahzAIgWQcRb6kDsJfoy9dAHIW/0cCChuscw3VfPn3+TD6cHtM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"dccc198e5529a09d12e736c305efcc00348f6a4d","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1036.7833345103.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1036.7833345103.0_1707413302403_0.8214058325786346","host":"s3://npm-registry-packages"}},"0.5.0-canary.1014.7838956705.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1014.7838956705.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1014.7838956705.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"3a1a933120e787aba4e5a474249b0fbf9eac8867","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1014.7838956705.0.tgz","fileCount":139,"integrity":"sha512-cBx/AfA1N1uujJJ2/ia4mATVysR/Vuqmfu+2JYd30OjcOFlz6hohyhJ4qxO2x1WUkjLSSGQa5p+L/r+zhux/ng==","signatures":[{"sig":"MEYCIQD7JjzC3XOig+xvtoJIyZoxjEby/6kN/gNImxZa8W6VDwIhAMb9gpVftmqM4FPiNY0QVyuGQk1OjxTRKjOnP0aC8QXk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"47b655f2f0ca11bfffbca64e0b14cdf53766b076","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1014.7838956705.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1014.7838956705.0_1707447392249_0.45816396600392073","host":"s3://npm-registry-packages"}},"0.5.0-canary.1014.7840120119.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-canary.1014.7840120119.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-canary.1014.7840120119.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"07f73a834544de5d2fe6a1f43240eb82a44c0e13","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-canary.1014.7840120119.0.tgz","fileCount":139,"integrity":"sha512-kkDYmW5PHnpi+5BON6DuhIT++IPZLcZYCed7DzubV+UD8N6cspgTi71BlvoqcELX2epE9Id+p0AbE+stKSZt3g==","signatures":[{"sig":"MEUCIGBRNTVAq4zs+6GmGATBcrEPgFQbSp/eupKaDPVoyOb4AiEArMayb4wUZF6aDgfauxJAxWDFaOYr91A3KxLKplgTLSA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"df501d940a55ee494fc190d01d253242859169a7","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-canary.1014.7840120119.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-canary.1014.7840120119.0_1707458095925_0.6734676921539569","host":"s3://npm-registry-packages"}},"0.5.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.5.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.5.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"f0629cb6d6cf7cfd2d534f1c9de2743cf8224d52","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.5.0-dev.0.tgz","fileCount":138,"integrity":"sha512-fyNxuxX4+EaVx/DCTaVZ7M0KUtJhRHGGDoG4kisOhC4Xv7jhdr5b2LD9obAbwgtLiENhicJRdCISL7G2K5JqNA==","signatures":[{"sig":"MEYCIQDqukQ5snz5TK/ST3pD+kU5gNcl7L/4OtytaJJROh8TlQIhALkzU//aFktO+gNp2iaboTjVRSCZPcB1i+BETzgXUVcE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274950},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f1b520158f04fe4fbc2f8b9848e5944a8db0086a","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.45.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.5.0-dev.0_1707462154200_0.4177550714494076","host":"s3://npm-registry-packages"}},"0.6.0-canary.1033.7840916850.0":{"name":"@salutejs/sdds-srvc","version":"0.6.0-canary.1033.7840916850.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.0-canary.1033.7840916850.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"f3ed8a33183a859582180ce30c2af0e99f8d42be","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.0-canary.1033.7840916850.0.tgz","fileCount":139,"integrity":"sha512-ZFVfBDmvkpkp+IHy9sMD910ceNedA1Fy35azBc7bo/soLRklf3kBW/jfeMX9ETkJLICK7aiVToHLeENqxXsThw==","signatures":[{"sig":"MEUCIE5XlhL7dejmMfpQxExnC003unbg546SCEWIo81FiHPUAiEA5Q06rMtOjWgeDsx1iOci1nGJZcUgh4jMJTWdd/OC2FU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3b2d8d3c6df733bfed470b073684454dc4595dd0","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.0-canary.1033.7840916850.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.0-canary.1033.7840916850.0_1707464544165_0.04393061021493061","host":"s3://npm-registry-packages"}},"0.6.0-canary.1033.7841096092.0":{"name":"@salutejs/sdds-srvc","version":"0.6.0-canary.1033.7841096092.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.0-canary.1033.7841096092.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"6f0efbd0c860b61e6f666bef5892aa81106b2ac3","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.0-canary.1033.7841096092.0.tgz","fileCount":139,"integrity":"sha512-wWHe+b5R9G/+rD+6eHRjmZKj6qsLsL4GNR3chh2ysCdmCNtm/Y0hbUmVvcq+JAlirVT44+dJqJvh1SFcf4Xyfg==","signatures":[{"sig":"MEYCIQDENLASUYt6ug6BXB2ZYbiSBQbY2+DSsZoHgHtTMIZ0owIhAL0ySjUncaTjXkDeMyqBeiDR3YJAI8HKBF5FNVVnD6iY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1a366d032aad3b2d4d2e82ac7ef11aded3f5448f","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.0-canary.1033.7841096092.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.0-canary.1033.7841096092.0_1707465996965_0.9649017395692916","host":"s3://npm-registry-packages"}},"0.6.0-canary.1036.7843716720.0":{"name":"@salutejs/sdds-srvc","version":"0.6.0-canary.1036.7843716720.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.0-canary.1036.7843716720.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"d391ef76957c5866eda7623c3743e1adbcd0dc1d","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.0-canary.1036.7843716720.0.tgz","fileCount":139,"integrity":"sha512-0hjgi2rmfbPfNcwTLSsi01Z3Mw5KQpU9ckrSCgiHIAEXKmB3x0ZWTSud1Mzan1Sv3cW7Qbc7PUTdUeSYFSz/tQ==","signatures":[{"sig":"MEQCICy6LfgJTMS6Uoe1vNZcyLUaJLTDm+3Tr1UAdzb2/ABNAiBSkkY2Yu918c0QLWjwp7NFJZsRuZYEd1VefD+1m4rzMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e34518605a5582e0c53f25c7f64dcd3eab6a0984","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.0-canary.1036.7843716720.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.0-canary.1036.7843716720.0_1707481465786_0.8829702349153032","host":"s3://npm-registry-packages"}},"0.6.0-canary.1032.7868530710.0":{"name":"@salutejs/sdds-srvc","version":"0.6.0-canary.1032.7868530710.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.0-canary.1032.7868530710.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"0b582014f94d794d56d635a7ac1df7cada0dc3a7","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.0-canary.1032.7868530710.0.tgz","fileCount":139,"integrity":"sha512-M5C3e44M4I9xEErlvI/9RYsfbgR1t9C/TCOQ4CVqZvo/gwcgmNIbWeJckEpD0bEJXPTT2xZgqnhebPIpkMBMCg==","signatures":[{"sig":"MEUCIQCRkPtHuQGWVTKsafpemh2EMQPKsTPb4bcBXEEerZd3RQIgPbvYEcUQ/vTBRf1QUmSCoq8HHT2tLjbuX9EblrflLok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8d484ab4ff5b52b0be7260ed56d571b18a1fb360","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.0-canary.1032.7868530710.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.0-canary.1032.7868530710.0_1707723900105_0.31002469570700963","host":"s3://npm-registry-packages"}},"0.6.0-canary.1033.7869442826.0":{"name":"@salutejs/sdds-srvc","version":"0.6.0-canary.1033.7869442826.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.0-canary.1033.7869442826.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"63c922fcce99e35c956a80b96040e078753ca291","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.0-canary.1033.7869442826.0.tgz","fileCount":139,"integrity":"sha512-9s2TNACOHdKana+EjIuYpSMZksmSqfkjQDzJLxI4dYGnSs39w6XB8tJu4qcChYPf1eKtnfM8lpKpVo26XLgNhA==","signatures":[{"sig":"MEYCIQDdTUof82SRfDloXoMJzvPi96L8fqMOQmo/HgCrPLTFzQIhAO0sCGC+vEJet/yc5CfbrFrEyU1vcrW9yNcafqLq8gWy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"cc8636c981408fe3e62708f339044656326e21ef","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.0-canary.1033.7869442826.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.0-canary.1033.7869442826.0_1707729755785_0.8095101508943816","host":"s3://npm-registry-packages"}},"0.6.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.6.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"a1dec90c63e5eafdc423092df1a3c441629f287d","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.0-dev.0.tgz","fileCount":138,"integrity":"sha512-iRLOQx4XAvVo+C3fDClVbx8Ss6A6GvMfSmrkIYSdASDZQF4RvbabBJc4Tw2LLhDP6rJSVwTq69OIy0GgL30/lg==","signatures":[{"sig":"MEUCIGXKN6ALlJB3s5Ffg3fdO6L4s3x3FalELNufWz5AwuZuAiEAp5p7EptCGbAIFTGcSOjHVR9G8LX0uwWls3Y1pOuTh/I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274950},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"cb0fc2a1800b1dde81fd0aecab4b28f1b4c5bcdb","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.0-dev.0_1707732159117_0.8666460073744822","host":"s3://npm-registry-packages"}},"0.7.0-canary.1032.7870124450.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-canary.1032.7870124450.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-canary.1032.7870124450.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"a329a4679cd596d3815894c08db8c042e817a62b","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-canary.1032.7870124450.0.tgz","fileCount":139,"integrity":"sha512-CqtTZKCpIqhZbRGLge9V6G8GDAtNHRloV9l4Kql4BIB8yiAWkso6UCKnBhB14PcOQ7T9Uydt+SFTtUsCD5HawQ==","signatures":[{"sig":"MEUCIQClTw+IM/YumsDM16RIRyEOTuJ7xv62hO4wspdjI7XyCQIgYXw3qMl0HwVt6QEyqUBZsedDi4EqycGM136MvuV3wBA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a1783f70d3445b70ea16d45a990a29da19831518","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-canary.1032.7870124450.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-canary.1032.7870124450.0_1707733477954_0.8894835340755802","host":"s3://npm-registry-packages"}},"0.7.0-canary.983.7871678440.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-canary.983.7871678440.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-canary.983.7871678440.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"39cad306bc0fc0be2dc52f8b55ee80b879be5605","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-canary.983.7871678440.0.tgz","fileCount":139,"integrity":"sha512-QCNN3sMFFSF7KnVyMqCqqeXHndWaHvGBh+U3TGFkClQmkyz5p0Wh4JSuzXO8urqhq56chXBteyP9kNStlW9OZg==","signatures":[{"sig":"MEMCIGOmmj8wD3Dr5eOA9XPNLFFUXJzDFCu/IhgO8mSKLzInAh88QEdmHy4LCqBDhm7/eGefmxdRDeMq+hEkbhG/xVoK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"80e03ba241193f234cf5b4e01bc448bf4cb698ff","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-canary.983.7871678440.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-canary.983.7871678440.0_1707741671262_0.05873005066895409","host":"s3://npm-registry-packages"}},"0.6.1-canary.1041.7872741769.0":{"name":"@salutejs/sdds-srvc","version":"0.6.1-canary.1041.7872741769.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.1-canary.1041.7872741769.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"178dd083287a2415cc83b7028584a7e6981c3b71","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.1-canary.1041.7872741769.0.tgz","fileCount":139,"integrity":"sha512-hQpS6IIn4q5EPkCl9N0tOguMvql9qLLbqnOfQehuzzQD3FuIViVGhAbVTw6N1JNU6iyHqgFpHdK0Brrb+VbVOg==","signatures":[{"sig":"MEQCIHIBpKKkirWOdX5/Up+gAtnpeDOEaDkSwgcVLfD3Ya7mAiARQhytVKgasLgH4oxI0q51BVvT635P2UWiq8LMzXxllg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291581},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b66d5e83336015b00f4b6a7b58111430ab05d236","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.1-canary.1041.7872741769.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.1-canary.1041.7872741769.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.1-canary.1041.7872741769.0","@salutejs/plasma-sb-utils":"0.146.1-canary.1041.7872741769.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.1-canary.1041.7872741769.0_1707746953565_0.3860271236507189","host":"s3://npm-registry-packages"}},"0.7.0-canary.1032.7874651515.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-canary.1032.7874651515.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-canary.1032.7874651515.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"7f1ccb1274416674f47a73a03ad9df3ef776700f","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-canary.1032.7874651515.0.tgz","fileCount":139,"integrity":"sha512-GMtNvHqmJOM5bNarmXCiw57ODAiRJlnccs6UEfvpUheF6x5K5sFzxdpToiQKA4UhQB322wPlg16x5YVV9NMSsg==","signatures":[{"sig":"MEUCIQDJ1rGlXNJn4WX0Td4Z8D+2mBSaky5qmjAszZYG0xopXQIgJjkNoxoiD6/0yTi4tFF6j7MSB9ShSaygyDp2JKODN6g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c1b8328eea577f27190d91ba776ed59165448ccc","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-canary.1032.7874651515.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-canary.1032.7874651515.0_1707755441116_0.6087103806594409","host":"s3://npm-registry-packages"}},"0.6.1-canary.1041.7883204543.0":{"name":"@salutejs/sdds-srvc","version":"0.6.1-canary.1041.7883204543.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.6.1-canary.1041.7883204543.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"d09344738770d5d6d5f965ab893b4ea37dc2d80f","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.6.1-canary.1041.7883204543.0.tgz","fileCount":139,"integrity":"sha512-T2oOrwa2aWdd5ICSEC67bNIKr+WRbEQCxMRZ0fVAkSRjusk8MTSRj719mCKvEWyKRM6VHg3JWulkGZPjvBigxQ==","signatures":[{"sig":"MEQCICEkQsCoOzCXeCQ60/VPwxNGPa9SVvKbq74tLykBiRSFAiBFtvE/uEfrTFgPz9n33AbiTpOoczfCApPX7yFxmJlu6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291581},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"588e171bf4dd794b75610b8cd5e0b6f4f8681d69","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.46.1-canary.1041.7883204543.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.1-canary.1041.7883204543.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.1-canary.1041.7883204543.0","@salutejs/plasma-sb-utils":"0.146.1-canary.1041.7883204543.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.6.1-canary.1041.7883204543.0_1707811120180_0.06362427377845781","host":"s3://npm-registry-packages"}},"0.7.0-canary.1036.7883490808.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-canary.1036.7883490808.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-canary.1036.7883490808.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"4a1e3cd51164304573d0c05463711eabb1cd337b","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-canary.1036.7883490808.0.tgz","fileCount":139,"integrity":"sha512-sVSjc1mj/4BzO4R6tNXLj/HyEM4X5Sn1ln4CMe2QKe0eymo/2JvDlkvOkHdCpmimUODC/HKwWn85VjEVoqYyng==","signatures":[{"sig":"MEUCIQC8OwUU0UiPqG+ul6hcIvQMeKkN3MX+e+UXKRvgV5l8qAIgebYKWNV5K4PlvS/jBxXOwRu85TV8SPbtLFQFoBKL4KA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e9aa45e61f8cac6e0e743fad2599c9cacb6fd49b","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-canary.1036.7883490808.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-canary.1036.7883490808.0_1707812768231_0.16429540356443995","host":"s3://npm-registry-packages"}},"0.7.0-canary.983.7883724633.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-canary.983.7883724633.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-canary.983.7883724633.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"0654e9689d787c2054bfaf39d06358d352460290","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-canary.983.7883724633.0.tgz","fileCount":139,"integrity":"sha512-kMgy3bxpM2EPbVzs1OLAINoG0eXvbvxMsa7nmGWrJxStfDBVACaB5wToWcd3KBAWpawpiYMFgLHDZj1rEIEorA==","signatures":[{"sig":"MEYCIQCdNh0sQa/qr8lr+WF9NivTtD+raiR0jQtgXiG4i9He/AIhAOS42Kc6yVqK22K5lVKWk9ppnFJuAx6qWRzHP2+qepp7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"cea1e74ee2f24160a2b2ced29eea588f7091e615","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-canary.983.7883724633.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-canary.983.7883724633.0_1707814006633_0.4826447630835595","host":"s3://npm-registry-packages"}},"0.7.0-canary.1036.7883983518.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-canary.1036.7883983518.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-canary.1036.7883983518.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"37a053eed84d2e4ff06e2f659d77dea2f065bd64","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-canary.1036.7883983518.0.tgz","fileCount":139,"integrity":"sha512-D6xW5/G8Izy91SobpCWh2jThICee8CqIhAcmdFkhOAY8tQafyN/ol2oSyoitQnkvbU+e4UF7Ta774uK0w2F4sQ==","signatures":[{"sig":"MEUCIDSfRGWuxoO1ThDcJeSLCL5yz6M1D1ygBcCpXwYTxICtAiEAijo0m2jWKc/zsbUYzuXtZWQ5psNC9pN7YmhU3WC18MQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8a6ad7c9e89140634acc1d50974395b65ebdf620","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-canary.1036.7883983518.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-canary.1036.7883983518.0_1707815541784_0.6264774127998989","host":"s3://npm-registry-packages"}},"0.7.0-canary.983.7884015288.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-canary.983.7884015288.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-canary.983.7884015288.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"ad8e0353e7eddd3e2be36773c5b805ee55c69f56","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-canary.983.7884015288.0.tgz","fileCount":139,"integrity":"sha512-QmMXVRKNw5qIN5FWCKrvgSlajzsvcNjfXVxXspf63hxd6dSBIQofVI2aNyaKnXig94paf8COo2b74hF3Ufncgg==","signatures":[{"sig":"MEYCIQDROLY8J4ezsRDwhLtBb6ex1ekvA6lzZ5vofJs4RtV/qgIhAKORhis9rkUbsPysvAamwTnQzKrJ7dI/WHDI14A/7PQo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291522},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"6f3b65cf9da19f1d8ab710eaea6b9396e24387c2","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-canary.983.7884015288.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-canary.983.7884015288.0_1707816291024_0.8046727015078317","host":"s3://npm-registry-packages"}},"0.7.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.7.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.7.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"051385995b84d3467951a137fd6a455d217b9367","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.7.0-dev.0.tgz","fileCount":138,"integrity":"sha512-LgNKg3tEa82G5qfV6wxkr220XduSS1yKKBU6Ki7nqnNUXfD3+kyKnuF8q4vgCzgvM07taj0L66PMUEHP6P7P8Q==","signatures":[{"sig":"MEUCIQDeHa0id6YmAwYsKGxgEnY/a0DCJtHtvo/yMbFi3XD+BwIgaNdtZFSF/DoAz/nE9bgxrkhsE7UrYPqZ3IJ1GMGS+UI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274950},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"cd0768d34eda8be87dc39cbe6df786a6315c4627","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.47.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.7.0-dev.0_1707818108870_0.5077100143640427","host":"s3://npm-registry-packages"}},"0.8.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.8.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.8.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"7d2a1e30489f611946c735485c0fadb071a5c46b","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.8.0-dev.0.tgz","fileCount":138,"integrity":"sha512-+Pct1I/fRQ8wyqcVP0266M6XlknfwjsebxP755bSuY1i95KjJYzvTDLfvZdjHvfYeB5+e2iETzuIJogf01onKQ==","signatures":[{"sig":"MEQCIBORH8bK141Myhk+nzClVcPl/1ZTFJQ1ejvKbCZI4qT0AiB/oAyAYZZaqTY/GtHxCn36L4qFhUql9Jvhg1GjE9DTWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274950},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8c4de2ca56bc015a1963508ea12cbefc5573cd71","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.48.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.8.0-dev.0_1707820644330_0.6837871533566147","host":"s3://npm-registry-packages"}},"0.8.1-canary.1041.7885925284.0":{"name":"@salutejs/sdds-srvc","version":"0.8.1-canary.1041.7885925284.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.8.1-canary.1041.7885925284.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"b099ecdcd4fdf7611d92396cfb8038e6962747f6","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.8.1-canary.1041.7885925284.0.tgz","fileCount":139,"integrity":"sha512-0Q2u2QuuatDoOTgDT+uI5SpAInzyLKIvC8TZdkdiBAZTl+GXdrTQ0o+21BufLMSq/OvjW4H27tkKjvgIor3TuA==","signatures":[{"sig":"MEQCICzdlWDRM5pssMokCYfXLoAXuRJMseZrDVAJs45CbXR7AiACbBBguo40gADge2tb+EN87RPwlFfmTF+gD1JMF5coYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291581},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e8ae6e8f7f4f723b256b6a8c64dcb458ba903cfb","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.48.1-canary.1041.7885925284.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.1-canary.1041.7885925284.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.1-canary.1041.7885925284.0","@salutejs/plasma-sb-utils":"0.146.1-canary.1041.7885925284.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.8.1-canary.1041.7885925284.0_1707825489786_0.6239193385173334","host":"s3://npm-registry-packages"}},"0.9.0-canary.1032.7886019002.0":{"name":"@salutejs/sdds-srvc","version":"0.9.0-canary.1032.7886019002.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.9.0-canary.1032.7886019002.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"17360b7b94b715c4492d218ba5a55f4d4a7e9dad","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.9.0-canary.1032.7886019002.0.tgz","fileCount":139,"integrity":"sha512-u8hdp7uONpACvG5bLsS2I5b1j8HGDcmHKn0ZKnH996tZ2jaIRoYLzOxCKvr3kgE3Ws8G+ntd/G8rROTsk0Vccg==","signatures":[{"sig":"MEYCIQC9FpxgT0KyGu8Fl21YpIaK4LND/afQF+/i1Scu0QeW6gIhANxhyyE0siAgbCEM0uQdixKvREhLXwtFf+SfL0MRjLDc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291524},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c024b01149183b05cde26d95b6fc13ee0fee6555","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.49.0-canary.1032.7886019002.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.0-dev.0","@salutejs/plasma-sb-utils":"0.146.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.9.0-canary.1032.7886019002.0_1707825896839_0.4634310238249777","host":"s3://npm-registry-packages"}},"0.9.0-canary.1043.7887487556.0":{"name":"@salutejs/sdds-srvc","version":"0.9.0-canary.1043.7887487556.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.9.0-canary.1043.7887487556.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"aad23075c1299b6e55d1d7bdfdb1d46785d29e77","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.9.0-canary.1043.7887487556.0.tgz","fileCount":138,"integrity":"sha512-Hth58L/NuDsyJZ0qK9Bjfh/jCyaYuVh9vtJNksRuHzIw+3pyqggZrpDlABO5W0PpO8SoKtwzuYNbCS6zJnrkug==","signatures":[{"sig":"MEQCIBZw813yY+7LufXifi+9Z8W9GEUzk2obcuDBCxA1e7iBAiA5op0JyRD+Xh2vjGWw8m0J2yy4qS/O7b0H1hUByWM2IA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":275045},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a9ad9f881d7ce388e7c580253876a85e02da88b2","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.17.0+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.17.0","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.49.0-canary.1043.7887487556.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.149.0-canary.1043.7887487556.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.81.0-canary.1043.7887487556.0","@salutejs/plasma-sb-utils":"0.147.0-canary.1043.7887487556.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.9.0-canary.1043.7887487556.0_1707833099409_0.9259889777558972","host":"s3://npm-registry-packages"}},"0.8.1-canary.1045.7888324473.0":{"name":"@salutejs/sdds-srvc","version":"0.8.1-canary.1045.7888324473.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.8.1-canary.1045.7888324473.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"7c5ae91f3295fb473885203b0fcac983a31b9c4a","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.8.1-canary.1045.7888324473.0.tgz","fileCount":138,"integrity":"sha512-mVVH9kdCTX015eybTmoYQsetnoCCmlq6iKVfwNkCQPeMxFWA294Ts4M39M1UFJfVADU2KLHdwYVVTGmDgUKhzQ==","signatures":[{"sig":"MEYCIQDGliOKXEzuTZNBMDVUPa+fx5Mm1GS52wJHL65dEZigoAIhAJSilkbDc/LRgzQaqMm0u2Y+BFS/yhhtKGobM6lvmu6Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":275045},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a6ca390125318f364fcb955aedf93f21f35cfe5c","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.48.1-canary.1045.7888324473.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.148.1-canary.1045.7888324473.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.80.1-canary.1045.7888324473.0","@salutejs/plasma-sb-utils":"0.146.1-canary.1045.7888324473.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.8.1-canary.1045.7888324473.0_1707836986358_0.25876341210924503","host":"s3://npm-registry-packages"}},"0.9.0-canary.1032.7892521940.0":{"name":"@salutejs/sdds-srvc","version":"0.9.0-canary.1032.7892521940.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.9.0-canary.1032.7892521940.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"863f6738b3f24212c67829d08e5a83d6ce184eb2","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.9.0-canary.1032.7892521940.0.tgz","fileCount":139,"integrity":"sha512-AcgQeLnmXDw58H9dJhaETq7LYorCA0m3jKaRibfJ/1ExA5LgBdTdHE9EEiudqx9Jw1B+6ea16bFTtwY5U2/HmA==","signatures":[{"sig":"MEUCIQD6zLkoHrG2CA27FsuribjFLpO/WxUGwKJajbxxHETqLwIgR61L2r3vZ23Hg4c3SH5KzYuL0B54H4t8gecD1tCnoio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291581},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"aceea50d16a57fd4b36217d81e7c4c7d979e3272","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.49.0-canary.1032.7892521940.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.149.0-canary.1032.7892521940.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.81.0-canary.1032.7892521940.0","@salutejs/plasma-sb-utils":"0.147.0-canary.1032.7892521940.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.9.0-canary.1032.7892521940.0_1707858125583_0.9726727289356298","host":"s3://npm-registry-packages"}},"0.9.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.9.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.9.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"860f453096f5930f246549b41c9bc7a6a84348f1","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.9.0-dev.0.tgz","fileCount":138,"integrity":"sha512-5PcSem6WHzx0axtenfBZ7+UaZM5F5O96tj9+e/M9+iadgS7bYO6aAcG+5wbj90EsQwW8AH8EYw7SBNWrxpFubg==","signatures":[{"sig":"MEUCIQCpyXGl94sQduiKusqRGQvg10x8W92vdPuZsOCPy/pIUwIgepsh0ecFcJIr+j0KM//GNVlKMLR4aqW5J3mdEhjsXzE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274950},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"90000593b8493f495062a68b142923542462c1b1","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.49.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.149.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.81.0-dev.0","@salutejs/plasma-sb-utils":"0.147.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.9.0-dev.0_1707895352628_0.9654529880391545","host":"s3://npm-registry-packages"}},"0.10.0-canary.1047.7898156030.0":{"name":"@salutejs/sdds-srvc","version":"0.10.0-canary.1047.7898156030.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.0-canary.1047.7898156030.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"3cc927ad5f9d77fd54714a1dfa9b27704353977b","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.0-canary.1047.7898156030.0.tgz","fileCount":139,"integrity":"sha512-UAZ+HKZLxxpJF4fi5c3VrR67x/mih8R2tmWDwf6gxHvjHwpFRd7Q+08tJ6T5WMyi7qMmXRASWXRYVgyFGeBFSw==","signatures":[{"sig":"MEYCIQCUsxcpV+kUWwilEnzPA/YvMbfHcJiDoOoXTCd0bQ2krwIhAIHqYeaDGLgTeQlzX6IPBsHFKgzv9231fjZcfUTaO8R8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291601},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e3168ce68d3b8e61cbbf78383c22cf0ea93535e0","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.0-canary.1047.7898156030.0","@salutejs/plasma-new-hope":"0.50.0-canary.1047.7898156030.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.0-canary.1047.7898156030.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.0-canary.1047.7898156030.0","@salutejs/plasma-sb-utils":"0.148.0-canary.1047.7898156030.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.0-canary.1047.7898156030.0_1707899112959_0.1561368616614045","host":"s3://npm-registry-packages"}},"0.9.1-canary.1050.7903205924.0":{"name":"@salutejs/sdds-srvc","version":"0.9.1-canary.1050.7903205924.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.9.1-canary.1050.7903205924.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"b6be975dfdcb93c437702c4db9f5478301808443","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.9.1-canary.1050.7903205924.0.tgz","fileCount":139,"integrity":"sha512-VxRVjqFpkpJeXH7yq0mZ4lOfMWL7EV3Te7aYemVnU/Pzph71dPoaUYjdlck1Fc5OA5X7I6d7BKCmV3Y+TD3q1Q==","signatures":[{"sig":"MEYCIQCwfhoRSRlfGBhhsJYK9R8KFVjUmWqeuOXg7HhC9SVv0gIhAL0rNZwnwAr7lFh10JEkEHg1BTX+Vuz/mi1hbbhp9AH+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":290965},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"02d4f3d8468f00637f2b69a130b9b5c5cb4ce9ca","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0-dev.0","@salutejs/plasma-new-hope":"0.49.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.149.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.81.0-dev.0","@salutejs/plasma-sb-utils":"0.147.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.9.1-canary.1050.7903205924.0_1707923956773_0.4831492906757968","host":"s3://npm-registry-packages"}},"0.9.0":{"name":"@salutejs/sdds-srvc","version":"0.9.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.9.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"b360385f4ef1b932a914c32829de4eb720447667","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.9.0.tgz","fileCount":140,"integrity":"sha512-JH8kdX9janMSPJlVwe4Il390+ZAKuKOvxMNX7DrQsM+hP9IAESRMF3X/JElbyXlJprc1ikD/ks7wtoljjsWJ6Q==","signatures":[{"sig":"MEYCIQDp1d3r/xlnz9kdiVzDtidiM+qzSioYMwY0psQeT9NF3QIhAP8xufolkcBfz92foYSINZkdLNW82P7rvEeHKQtX8Rzg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299524},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"9e808761c72d061ea3c59df01151f55ed487859f","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.72.0","@salutejs/plasma-new-hope":"0.49.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.149.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.81.0","@salutejs/plasma-sb-utils":"0.147.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.9.0_1707985049721_0.6811697591538233","host":"s3://npm-registry-packages"}},"0.10.0-canary.1052.7916850851.0":{"name":"@salutejs/sdds-srvc","version":"0.10.0-canary.1052.7916850851.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.0-canary.1052.7916850851.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"b49808b17d036328792da2be54ee3cd4d60fb4ac","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.0-canary.1052.7916850851.0.tgz","fileCount":140,"integrity":"sha512-/eNbx7z+58uJxk+rjWEO7NSWjFEKK83osZoXqSdSB3Gk1EDV6G2nKQBwckxeFZyUaCGPRZi6H5CgDtJ1thpLVQ==","signatures":[{"sig":"MEYCIQCBS+PsP/MuS8ZyoesKxPrIY2MFpBQsXbQyxG9Kx6g2IwIhAOVl9gVuUkhrDa6PHlBZ2L8okUwiVU1PsEpLI2YArD0J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299675},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f42a538a744f040737f4a9a6725d2c15fbc2e0dc","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.0-canary.1052.7916850851.0","@salutejs/plasma-new-hope":"0.50.0-canary.1052.7916850851.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.0-canary.1052.7916850851.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.0-canary.1052.7916850851.0","@salutejs/plasma-sb-utils":"0.148.0-canary.1052.7916850851.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.0-canary.1052.7916850851.0_1708005785547_0.8697572820510864","host":"s3://npm-registry-packages"}},"0.10.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.10.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"93e9c446575e75d30509cd9ec8f728a939741399","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.0-dev.0.tgz","fileCount":139,"integrity":"sha512-QK34nwHV32eYcjHQgkyabkSVYL2iqthLnEW5eR4mzWNWzeyA21Klc2g89C++LJgVZy4xDnyNAMXFsMxS9/kSZA==","signatures":[{"sig":"MEUCIQDeuB1qZaPqYiPNcFeL+m7hx887CJw3jnJg4zu9D22ddAIgQpE52J3S+a6iJY0XJbJtqHuRQG8aTz9WrvGYUdhgXUk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":283025},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"df164cfbc5257a91045be032158424b49dff8b65","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.0-dev.0","@salutejs/plasma-new-hope":"0.50.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.0-dev.0","@salutejs/plasma-sb-utils":"0.148.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.0-dev.0_1708008410000_0.5692796551091588","host":"s3://npm-registry-packages"}},"0.10.0-dev.1":{"name":"@salutejs/sdds-srvc","version":"0.10.0-dev.1","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.0-dev.1","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"539a35b4e75c4b5e87e85fb5f719be516db56c7a","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.0-dev.1.tgz","fileCount":139,"integrity":"sha512-hkk/vpQKT620jt3vC9qUe4PIRDpMiEmlAvgEIyEzpLf8+CC8MdshtHxEFtOXG6GS6WmkqAIO2DSBY6LLrsWl1g==","signatures":[{"sig":"MEUCIQC0dVTJcoPuEpuMQR+tW+uClWa6Jr3p9/lIN395Dyo0BQIgEFj/qlZkk7/6jocPsFzZiKH/WEVslHWkE01YD1vQMH0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":283025},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c44469fd60e022adc52519076aeaebdc37bbb7a1","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.0-dev.1","@salutejs/plasma-new-hope":"0.50.0-dev.1"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.0-dev.1","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.0-dev.1","@salutejs/plasma-sb-utils":"0.148.0-dev.1","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.0-dev.1_1708012359082_0.10641138094075786","host":"s3://npm-registry-packages"}},"0.10.1-canary.1055.7928218803.0":{"name":"@salutejs/sdds-srvc","version":"0.10.1-canary.1055.7928218803.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.1-canary.1055.7928218803.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"ea0e55e66dbe436d7208d84af2d15b8b79c6194c","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.1-canary.1055.7928218803.0.tgz","fileCount":140,"integrity":"sha512-VaFW08XSipNIBWQxUFiC/I8Fxx8/HqI+SIwKmLV9brJyYoTYnIPdSKE/uUHkQDc87VLW5225ZEiry/gEP/a0UA==","signatures":[{"sig":"MEUCIQD0JcMEzJ46elTYsvwnKBZ72OOCbk4dyksWBwuRL5Z8mwIgZu5I6fzPe6D18txhkIE1NsjSIZPcN3bp5/yCoWxpzQY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299675},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"0bcdb206b19b0894b428c63dcebe04eec335d7ad","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-canary.1055.7928218803.0","@salutejs/plasma-new-hope":"0.50.1-canary.1055.7928218803.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-canary.1055.7928218803.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-canary.1055.7928218803.0","@salutejs/plasma-sb-utils":"0.148.1-canary.1055.7928218803.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.1-canary.1055.7928218803.0_1708075035410_0.08281702314874417","host":"s3://npm-registry-packages"}},"0.10.1-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.10.1-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.1-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"366be5116ccbb02837693a68753cf8a53079e2ec","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.1-dev.0.tgz","fileCount":139,"integrity":"sha512-s0sr8Hu60driWmZPTi2taJFDhiGezzaoEQ1J+nL7OoU+sytJOn0FXWeO3oY2pNfSdEr1z4y5FaSF6O5/GHkNGg==","signatures":[{"sig":"MEUCIQCvONyi2USObWsp/iruL4iBSiK6H1nGdSu6wIvMAEYh3AIgUNyZAO2NuVCPuU6gXpSrqNHdTGoMCNDMsyucM0jKeJE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":283025},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f2bd06e312246c83348327a5a0945d2cdb75e140","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.50.1-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.1-dev.0_1708077289566_0.35546233109709724","host":"s3://npm-registry-packages"}},"0.11.0-canary.1056.7941010660.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-canary.1056.7941010660.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-canary.1056.7941010660.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"9227bccab92d8eb22dda10b4cb01cae7640564e5","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-canary.1056.7941010660.0.tgz","fileCount":209,"integrity":"sha512-ajgp8dj1eSuIZbgF2WmuohPGU7UQCywsm5fNs2VJHHtxEG7mJC+ROOfLiWSfn8KJsIUQPQud9U26BvGwc98QTg==","signatures":[{"sig":"MEUCIQC15TC+omBpjJH+eCk+M6IcaOS8fxs4N4DLRzos/sfRbgIgVlVCvjbrOkQoHBA8J70990SE/GZ+o27AeqtEKkIX8So=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":500978},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"875cd3d5a1819dc621aa307e27794d6091a1d1b1","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-canary.1056.7941010660.0","@salutejs/plasma-new-hope":"0.51.0-canary.1056.7941010660.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-canary.1056.7941010660.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-canary.1056.7941010660.0","@salutejs/plasma-sb-utils":"0.149.0-canary.1056.7941010660.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-canary.1056.7941010660.0_1708166343574_0.04690457282757854","host":"s3://npm-registry-packages"}},"0.11.0-canary.1061.7972032682.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-canary.1061.7972032682.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-canary.1061.7972032682.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"76272543232f126faa1f42e4dd10145cff72ce1b","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-canary.1061.7972032682.0.tgz","fileCount":140,"integrity":"sha512-OyHGiudhivqfq+meJCnbO5FineE/KXTdD98i76UAzAl/bT2Eks4PtuwtMbzXVJTJ8sWmgUFG2o7iRATtTJlp2A==","signatures":[{"sig":"MEUCIEwdpDIM3N1DU2kKCJDe+MbtSaCIv3amgFV8Yih7uph4AiEA+ZeIcDHAMjNGPwvGUc5aF/+GVwkhQVXHaoGzWOxpE3E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":303554},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"33086a6cc9ee49b3e8f4b321204ff3f059a34783","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.51.0-canary.1061.7972032682.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-canary.1061.7972032682.0_1708425879917_0.9189976597960265","host":"s3://npm-registry-packages"}},"0.11.0-canary.949.7980716098.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-canary.949.7980716098.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-canary.949.7980716098.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"674edbf29160e7fa6bc959c3a759c66af8b632c6","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-canary.949.7980716098.0.tgz","fileCount":140,"integrity":"sha512-yWqya5MU50ESgxvHi2C1K7phSqPkPOR4BnSByN7xjN7Un2AIMyecz9YJCfhaTWbu+hpkFmRoy6bGEc8RfBsRrA==","signatures":[{"sig":"MEQCICm9aNNtYTrx15yBnkix2XDgK1Tp/jbxpScQ9eaT03WLAiAqCUw2jCiPP0ceLcCXLDmGfvHI5PCjoy6xwmVEDzCjhA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299597},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"0c64402ecf6eb790606a18dbd24a144727b3c6b9","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.51.0-canary.949.7980716098.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-canary.949.7980716098.0_1708468124284_0.9512723551235795","host":"s3://npm-registry-packages"}},"0.10.2-canary.1069.8044092850.0":{"name":"@salutejs/sdds-srvc","version":"0.10.2-canary.1069.8044092850.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.2-canary.1069.8044092850.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"53d5ef41f89f32f52a7c6e8336e1e31241730ab8","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.2-canary.1069.8044092850.0.tgz","fileCount":140,"integrity":"sha512-E0t7A5r4I169wRmwrszWF/5zbG+ZqnVAmbB8SbaGLD1xXMIpOB52LtEtQLwWhEYGhw8k2cEc0Rifpf3G8JZGUA==","signatures":[{"sig":"MEQCIDd6xIUnGNkP+OyVKIBCT5CZuVgTDtb053NRZUd5VEHHAiBnIgIlxdF78EoRGi7+kfhY7RzALaQvvLMcJr9mGwalWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299675},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"6b305c13401a5b89e480c404deaab8e66a42f567","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.2-canary.1069.8044092850.0","@salutejs/plasma-new-hope":"0.50.2-canary.1069.8044092850.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.2-canary.1069.8044092850.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.2-canary.1069.8044092850.0","@salutejs/plasma-sb-utils":"0.148.2-canary.1069.8044092850.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.2-canary.1069.8044092850.0_1708926053086_0.9412163618675646","host":"s3://npm-registry-packages"}},"0.10.2-canary.1067.8045865578.0":{"name":"@salutejs/sdds-srvc","version":"0.10.2-canary.1067.8045865578.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.2-canary.1067.8045865578.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"7fe07994134d7539d4d6474d2d48988d81f20ba6","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.2-canary.1067.8045865578.0.tgz","fileCount":140,"integrity":"sha512-uO/xQ+/U2qm104mdjMTJ/kgudj2jDyj5zCnDJ9UJ7GBScI1XY5Ul1yBDpvwirIJTDDc36Wh3VrKNKFEQnmHonA==","signatures":[{"sig":"MEYCIQDFsgkg0TnWo1w/VLtcFJSJ4HB0OE3PCCcT8or/XM/KXwIhAN7QlIBShtZET3Wpfjyc5hoXBpZglB3R3fbLogRak4qd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299599},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4c01c0a392f719484a9a04756d920786972bfc35","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.50.2-canary.1067.8045865578.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.2-canary.1067.8045865578.0_1708937236550_0.03928898151285343","host":"s3://npm-registry-packages"}},"0.10.2-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.10.2-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.10.2-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"814814474166ffc90f37fed13c7048314773a5ba","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.10.2-dev.0.tgz","fileCount":139,"integrity":"sha512-rscyV7V3t0SOuaf7ss8QMfNL8DrtgHCXd1ziUL1aztx1M8Qy2oR+q/5TJQSGfUnu1fRbMv+0KfeTLNxlBqkozA==","signatures":[{"sig":"MEUCIQDXjhWa4XO8PnXvHXOwoLOayUAXvlIBWY0xwOTdZew5gwIgKxY4kCOBZHqCGVREIGSkzqyoA9Bn7Mq4ovor4dG/ew4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":283025},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"da8a4cdcfbba5798f4875bd72490db9c8e06001d","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.50.2-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.10.2-dev.0_1708939526419_0.5298018428237712","host":"s3://npm-registry-packages"}},"0.11.0-canary.1068.8050148030.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-canary.1068.8050148030.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-canary.1068.8050148030.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"1fa10e7273421e0d12f3239cf0cfd36d24306c4f","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-canary.1068.8050148030.0.tgz","fileCount":140,"integrity":"sha512-oFLPBMovBdgfHFlt4zLRgLvfar+d8aKn2WWPj4VU6TrlhTN3alay3zDmt/Yez3cMyWUy6g5/zRzAd3NhEITG8A==","signatures":[{"sig":"MEUCIQCsyyuipYgwF4f/LJxVzL5W3Xa/R9uwh6a8lkVCuM0UNwIgYwhX53etdVsxx7/oAhczsKKniBSeny+ZkV9XaRORza8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299599},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"9c4f2ee830ed859af326022942293b3e5a5bd97d","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.51.0-canary.1068.8050148030.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-canary.1068.8050148030.0_1708957201804_0.8843264413218344","host":"s3://npm-registry-packages"}},"0.11.0-canary.1056.8050348509.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-canary.1056.8050348509.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-canary.1056.8050348509.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"79842574ef4cdc4454ced6554772cdc57416d936","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-canary.1056.8050348509.0.tgz","fileCount":209,"integrity":"sha512-jkaYTQy1tx0NudlSEvBrHJYOTS8yusBj+iNSKpv2sCAVOmL8VUCOLZydd4IyzG4JwiSUQ1LRCjvkVzmlCTWEpA==","signatures":[{"sig":"MEQCIGwjzsg9K4Pqcs/v7fZGOCwOWlRc0wbpLEcLiQ4HXpD4AiAWgzJAnBrEImAUdfkWuR8XtV+qj5T4WEfKR7IpEZTPLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":500978},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c7499746f429788c38785ce6f21257f6859d75e1","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-canary.1056.8050348509.0","@salutejs/plasma-new-hope":"0.51.0-canary.1056.8050348509.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-canary.1056.8050348509.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-canary.1056.8050348509.0","@salutejs/plasma-sb-utils":"0.149.0-canary.1056.8050348509.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-canary.1056.8050348509.0_1708958341097_0.4245184708716576","host":"s3://npm-registry-packages"}},"0.11.0-canary.1061.8053365098.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-canary.1061.8053365098.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-canary.1061.8053365098.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"8fab1ff2ccd9d63db5201011af503f6305a5ebdc","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-canary.1061.8053365098.0.tgz","fileCount":140,"integrity":"sha512-g6K+gx2bum38H9/iSiKNa/v+T/2iXSd65WmfjRjeDZgz5n/m4i7O1iSTX/UUTGnrG23bZF5ko7OeLwgzXp1iTg==","signatures":[{"sig":"MEQCIFxXwmegDarUWn4UwyBbmkhrWqeomu8i0vk7xwuoEQ2cAiBmQaAPrOlHjQ+rLlCpSqbS/4Gsnp7Rix0wT3t1hwlayA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305671},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"184699ed8d26e5237b04573256ac2502c3e36dcc","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.51.0-canary.1061.8053365098.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-canary.1061.8053365098.0_1708970891606_0.17757732359819833","host":"s3://npm-registry-packages"}},"0.11.0-canary.1061.8054965425.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-canary.1061.8054965425.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-canary.1061.8054965425.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"fc79370229ac15eef535fcfc63205ec2cb92936c","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-canary.1061.8054965425.0.tgz","fileCount":140,"integrity":"sha512-tgPpgSbZIT0g8+wwSRTVD3n5gqhNrDd9PAOTkblTOun84qZeYz8Oeao/JqA0b2mqpZ6QLvyDKYEHlbf+PE8Umg==","signatures":[{"sig":"MEUCIQCIbP+zkw+AQ04Vgx61S1za3jdOVAa3aY1p37iS1POJbQIgbMpUbOtNs3jXPdRY3PlQeAEWVG4nrdHOxI6MMxaCa4c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305671},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SRVC\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://user-images.githubusercontent.com/1813468/98609687-ea20fc80-22fe-11eb-8d84-cd26385f01ed.png\" alt=\"sdds-srvc\" />\n</p>\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components\n$ npm install --save @salutejs/sdds-srvc @salutejs/plasma-typo @salutejs/plasma-tokens\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_srvc__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(sdds_srvc__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-srvc';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/sdds-srvc';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Plasma!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1b09465d5a9dbaa77a5b06269f7c82eec324ec83","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.1-dev.0","@salutejs/plasma-new-hope":"0.51.0-canary.1061.8054965425.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.150.1-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.82.1-dev.0","@salutejs/plasma-sb-utils":"0.148.1-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-canary.1061.8054965425.0_1708979125826_0.05275409634393968","host":"s3://npm-registry-packages"}},"0.11.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.11.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.11.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"099bef746032e44033f0d762b1e5dbc0839f0634","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.11.0-dev.0.tgz","fileCount":208,"integrity":"sha512-eRheS0jm45b1O0zN+VJ8+qIucAeHOWhobRdX21nRy/A834A7L5T3udDubgy/H87qguU0k7nnr6n4w5XCL/Xfhw==","signatures":[{"sig":"MEUCIQC6zHhW76YIqSeLZKQPDa6e28C6iSSN+Vr5xdZFwA+D+gIgUQQknEPb5Ta+/OKKYbQBsdUX5dCoffVmn3rIqmLJW7E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":477058},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1f365e5099ef7339034ee5e74e2a1d47c870dcaf","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.51.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.11.0-dev.0_1709033654440_0.6489591021726822","host":"s3://npm-registry-packages"}},"0.12.0-canary.1061.8067891362.0":{"name":"@salutejs/sdds-srvc","version":"0.12.0-canary.1061.8067891362.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.12.0-canary.1061.8067891362.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"e01f24fd4e4e66ff506eba55e7be50a5bb87d743","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.12.0-canary.1061.8067891362.0.tgz","fileCount":209,"integrity":"sha512-E/TFcDNpENAmkW9/BBBjhfDTLlRx6VtqwhyPKCRFl8lsG2+mrCwDEQ/9ifs1g7yI5gcluyMfgFPLQGHyjXNScg==","signatures":[{"sig":"MEUCIQC7k95jFSgbZcpihR8D3UgjLveCH/Pn/JTldhvsWsjLEwIgSYSAvHPaen660ao12Y3ggBIYR+jJUwLH9JBKsiE8z0M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":506963},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"51d340c58f323586054e40cfbe9c133749d67907","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.0-canary.1061.8067891362.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.12.0-canary.1061.8067891362.0_1709051398850_0.8898752656511666","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8068625536.0":{"name":"@salutejs/sdds-srvc","version":"0.12.0-canary.1068.8068625536.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.12.0-canary.1068.8068625536.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"9ff31c6f6b91c6595bdf0c10de1ea3d677df2793","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.12.0-canary.1068.8068625536.0.tgz","fileCount":218,"integrity":"sha512-2LwjNFUCi2D8zKnjPuKhNMG1VyR7A4A7qtJ4Mp5kE4lp7Xy77/qTjgfhwzmL2TVfrW/kqhjbLtiOJHPPAWizCw==","signatures":[{"sig":"MEQCIECuJ6pALwgT21NM5bMnLApQmdIqa190fRrlSvJ8+rCLAiBvEEzkA/lLN1oVdGYqEHtN7ARvbepb4+NHefl5nCsTZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":514120},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"6b21f4a8f0bd2413ee891cd8361b6b90deb524d3","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.0-canary.1068.8068625536.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.12.0-canary.1068.8068625536.0_1709054721651_0.5000741415852119","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8069077954.0":{"name":"@salutejs/sdds-srvc","version":"0.12.0-canary.1068.8069077954.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.12.0-canary.1068.8069077954.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"b891eb0d04119357c8e1bfba4f6c2a8677516c26","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.12.0-canary.1068.8069077954.0.tgz","fileCount":218,"integrity":"sha512-CfJV5kCBLpBCTpKCNXt3Jm5Gtp2XCOaA+7nh2qUdIlQcKIURNWGLnyTOpWO9gw5Hu5BzU49Ua2LCk3CquA9lNg==","signatures":[{"sig":"MEQCIGOEKr4Ipx7nYkbjDcaEG+3mQha0gJczp/4hq8l8UhZFAiA8tcmd+8f7xcISBz6Tjn8QVqNMhVg7zQu7u50j4PBxkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":514120},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a289b0c1d7f5dec16e5e471760d4876a596e9463","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.0-canary.1068.8069077954.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.12.0-canary.1068.8069077954.0_1709056779798_0.15105920293537833","host":"s3://npm-registry-packages"}},"0.12.0-canary.949.8072578967.0":{"name":"@salutejs/sdds-srvc","version":"0.12.0-canary.949.8072578967.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.12.0-canary.949.8072578967.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"6f27dec2071583e935d6ba4f3b8fcaeed8e085d9","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.12.0-canary.949.8072578967.0.tgz","fileCount":209,"integrity":"sha512-TqZV9B5GrS50DHipmjJUQtZoAv135hJCvdpWSUcHKd3wlhqr3XsvmGJNGQ/Ls4nsYrc1FbHeNfO4aaII0VIMaA==","signatures":[{"sig":"MEUCIQDbZyk8WtllXaFNQ0zJ0gg4hQWIR0s/R7/aotSlcpPHPgIgDmXcTeBo5vOE0O7XOg+SI3zTdB7pJYm4WqAUXFRNP5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":500900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b0316cd64323dcd35ec6db5a2e6769828817a1f2","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.0-canary.949.8072578967.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.12.0-canary.949.8072578967.0_1709076182783_0.6493268862664618","host":"s3://npm-registry-packages"}},"0.12.0-canary.1061.8076141070.0":{"name":"@salutejs/sdds-srvc","version":"0.12.0-canary.1061.8076141070.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.12.0-canary.1061.8076141070.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"1ee0ed520dd770e1434ebd616afd122dc8b60410","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.12.0-canary.1061.8076141070.0.tgz","fileCount":209,"integrity":"sha512-JvCFWvttOwN+GqjS0EPV+m8vdt4jDpjI+6wCxCWI0W+0wYyVPHOgcHpPpkpYcN0LOGYIDj+VVj3t4sIOa14SaQ==","signatures":[{"sig":"MEYCIQCeDkn8JbtxU/4IdQbwlOEC+1X5TNDQ1NfK52ci7eJxugIhAPfgEHrvaWHwD/iMqbjt0hF2cm34wpozBdClcgLbLfqy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":506963},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"405db09981dd8c9bbc0489b2aaa55706af54f018","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.0-canary.1061.8076141070.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.12.0-canary.1061.8076141070.0_1709101895416_0.9736406142840524","host":"s3://npm-registry-packages"}},"0.12.0-dev.0":{"name":"@salutejs/sdds-srvc","version":"0.12.0-dev.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.12.0-dev.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"9bdb2efe69ceed7725fb6a6736921e0bf472322b","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.12.0-dev.0.tgz","fileCount":208,"integrity":"sha512-Gorqm1Mw8QWrmH5rK2PDSCsqjFyomo7YXQ9L5tCj3qNlfyoBBkLi5CZJApQPRt3f276ByPHC+0JVrAY7ElX5eA==","signatures":[{"sig":"MEUCIQD15XV/TQ4BjxBO/tF2vVzUs5g9Ed0hVz1EY5jAoUrsmgIgcdWccVS3bxlNtSwE/N/0ifz+ghvRtRYviccJmpb+otw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":483378},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a4eabec3b076fc675b82658476fea00fa794ff71","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.0-dev.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.12.0-dev.0_1709104295452_0.7877178246449266","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8079455194.0":{"name":"@salutejs/sdds-srvc","version":"0.12.0-canary.1068.8079455194.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/sdds-srvc@0.12.0-canary.1068.8079455194.0","maintainers":[{"name":"salute-eva","email":"salute.developers@gmail.com"},{"name":"awinogradov","email":"winogradovaa@gmail.com"},{"name":"turanchoks","email":"ipuncho@gmail.com"},{"name":"salute-assistant","email":"winogradov.aa@ya.ru"}],"contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"homepage":"https://github.com/salute-developers/plasma#readme","bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"dist":{"shasum":"9b124ba92603378b17bb81f046f01cfd34e1d05c","tarball":"https://registry.npmjs.org/@salutejs/sdds-srvc/-/sdds-srvc-0.12.0-canary.1068.8079455194.0.tgz","fileCount":218,"integrity":"sha512-mJl4Fc7hACwNqq559hL+ONs6vxE/1z1woNaAgSjv3GQKs6mcJ32f0vnrS82hYmskwjTLENKhqJD5gqk8dsGl5Q==","signatures":[{"sig":"MEUCIQCLzBIf1cj1dalO2pGNVTX7GFvGux7xWwStSNnQkN6LwwIgE7gzDpYviwJZGmKKhpb8i/QapJ54X1u3VA0fAaaz4Cs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":514120},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов SDDS SERV\n\nРеализация компонентов для создания веб-приложений.\n\n## Использование\n\nКомпоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);\n\nИспользование данного пакета предполагает установку зависимостей: `react` & `react-dom`;\n\nИспользование `styled-components` на проект необязательно, так же как и использование `typescript`.\n\n### Установка пакета\n\n```bash\n$ npm install --save react react-dom\n$ npm install --save styled-components@5.1.1\n$ npm install --save @salutejs/sdds-serv @salutejs/plasma-typo\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { standard } from '@salutejs/plasma-typo';\nimport { sdds_serv__light } from '@salutejs/sdds-serv/themes';\n\nconst ThemeStyle = createGlobalStyle(sdds_serv__light);\nconst TypoStyle = createGlobalStyle(standard);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\n        <TypoStyle />\n    </>\n);\n```\n\n### Корень приложения\n\nВ корне приложения вызовите компонент глобальных стилей `GlobalStyle`:\n\n-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.\n-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.\n\nПри использовании react ниже 18\nДля корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-srvc);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/sdds-serv';\nimport { textAccent } from '@salutejs/sdds-serv/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, SDDS!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a289b0c1d7f5dec16e5e471760d4876a596e9463","scripts":{"lint":"../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet","build":"npm run build:cjs && npm run build:esm","prepare":"npm run build","prebuild":"rm -rf ./components ./es ./helpers ./hocs ./hooks ./mixins ./tokens ./types ./utils index.d.ts index.d.ts.map index.js index.js.map","build:cjs":"BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx","postbuild":"npm run generate:typings","storybook":"storybook dev -p ${PORT:-7007} -c .storybook","api-report":"npx api-extractor run --local","preapi-report":"npm run generate:typings","storybook:build":"storybook build -c .storybook -o build-sb","generate:typings":"tsc --outDir . --emitDeclarationOnly","typescript-coverage":"npx typescript-coverage-report > /dev/null"},"_npmUser":{"name":"salute-eva","email":"salute.developers@gmail.com"},"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"_npmVersion":"lerna/6.5.1/node@v18.16.1+x64 (linux)","description":"Salute Design System / React UI kit for SDDS SRVC web applications","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.0-canary.1068.8079455194.0"},"typeCoverage":{"atLeast":99.96,"ignoreFiles":["src/**/*component-test.tsx","src/**/*stories.tsx","src/**/*perftest.tsx"]},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"4.5.1","react":"18.2.0","react-dom":"18.2.0","storybook":"7.5.3","@babel/cli":"7.15.4","typescript":"4.2.4","@babel/core":"7.15.5","@types/node":"16.7.13","@types/react":"18.0.28","babel-loader":"8.2.2","@storybook/react":"7.5.3","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.5.3","styled-components":"5.3.1","@storybook/theming":"7.5.3","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.151.0-dev.0","@storybook/addon-docs":"7.5.3","@storybook/react-vite":"7.5.3","@salutejs/plasma-colors":"0.12.0","@babel/preset-typescript":"7.15.0","@microsoft/api-extractor":"7.38.3","@types/styled-components":"5.1.0","@salutejs/plasma-cy-utils":"0.83.0-dev.0","@salutejs/plasma-sb-utils":"0.149.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.5.3","babel-plugin-styled-components":"1.13.2","babel-plugin-annotate-pure-calls":"0.4.0","babel-plugin-transform-class-properties":"6.24.1","@babel/plugin-transform-react-constant-elements":"7.17.12"},"peerDependencies":{"react":">=16.13.1","react-dom":">=16.13.1","styled-components":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/sdds-srvc_0.12.0-canary.1068.8079455194.0_1709119677130_0.7123521696296062","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-01-31T15:29:56.071Z","modified":"2026-08-05T13:54:05.106Z","0.2.0-canary.1023.7728259956.0":"2024-01-31T15:29:56.287Z","0.2.0-canary.1023.7753271553.0":"2024-02-02T08:35:43.435Z","0.2.0-canary.1023.7756010157.0":"2024-02-02T12:47:50.481Z","0.2.0-dev.0":"2024-02-02T13:12:18.931Z","0.3.0-canary.1012.7756803696.0":"2024-02-02T13:55:56.260Z","0.3.0-canary.990.7756942834.0":"2024-02-02T14:09:17.353Z","0.3.0-dev.0":"2024-02-02T14:26:08.532Z","0.3.1-canary.1028.7758070528.0":"2024-02-02T15:40:40.143Z","0.4.0-canary.941.7781783525.0":"2024-02-05T09:06:34.208Z","0.3.1-canary.1028.7785214718.0":"2024-02-05T13:39:50.927Z","0.4.0-canary.1032.7787356763.0":"2024-02-05T16:22:57.274Z","0.3.1-canary.1025.7798222182.0":"2024-02-06T10:44:33.477Z","0.3.1-canary.1031.7798599034.0":"2024-02-06T11:16:27.389Z","0.4.0-dev.0":"2024-02-06T11:49:24.121Z","0.5.0-canary.1033.7800394165.0":"2024-02-06T13:37:42.059Z","0.5.0-canary.983.7803101789.0":"2024-02-06T16:59:23.523Z","0.5.0-canary.983.7804269778.0":"2024-02-06T18:32:30.236Z","0.5.0-canary.1032.7811308183.0":"2024-02-07T07:37:22.053Z","0.5.0-canary.1035.7812839073.0":"2024-02-07T10:05:22.465Z","0.5.0-canary.983.7814183952.0":"2024-02-07T11:53:32.229Z","0.5.0-canary.1032.7815513068.0":"2024-02-07T13:38:40.275Z","0.5.0-canary.983.7816554452.0":"2024-02-07T15:00:00.981Z","0.5.0-canary.1032.7816961665.0":"2024-02-07T15:28:15.537Z","0.5.0-canary.1036.7819713328.0":"2024-02-07T19:04:03.886Z","0.5.0-canary.1036.7820428070.0":"2024-02-07T20:12:06.796Z","0.5.0-canary.1036.7826433339.0":"2024-02-08T08:05:49.174Z","0.5.0-canary.983.7826431645.0":"2024-02-08T08:05:54.240Z","0.5.0-canary.1036.7827687794.0":"2024-02-08T10:01:15.350Z","0.5.0-canary.1033.7827944506.0":"2024-02-08T10:22:41.137Z","0.5.0-canary.1036.7828955441.0":"2024-02-08T11:47:41.053Z","0.5.0-canary.1032.7830706739.0":"2024-02-08T14:12:41.643Z","0.5.0-canary.1036.7831653218.0":"2024-02-08T15:20:18.889Z","0.5.0-canary.1036.7833345103.0":"2024-02-08T17:28:22.571Z","0.5.0-canary.1014.7838956705.0":"2024-02-09T02:56:32.488Z","0.5.0-canary.1014.7840120119.0":"2024-02-09T05:54:56.154Z","0.5.0-dev.0":"2024-02-09T07:02:34.354Z","0.6.0-canary.1033.7840916850.0":"2024-02-09T07:42:24.326Z","0.6.0-canary.1033.7841096092.0":"2024-02-09T08:06:37.147Z","0.6.0-canary.1036.7843716720.0":"2024-02-09T12:24:25.955Z","0.6.0-canary.1032.7868530710.0":"2024-02-12T07:45:00.270Z","0.6.0-canary.1033.7869442826.0":"2024-02-12T09:22:35.970Z","0.6.0-dev.0":"2024-02-12T10:02:39.299Z","0.7.0-canary.1032.7870124450.0":"2024-02-12T10:24:38.122Z","0.7.0-canary.983.7871678440.0":"2024-02-12T12:41:11.457Z","0.6.1-canary.1041.7872741769.0":"2024-02-12T14:09:13.715Z","0.7.0-canary.1032.7874651515.0":"2024-02-12T16:30:41.304Z","0.6.1-canary.1041.7883204543.0":"2024-02-13T07:58:40.353Z","0.7.0-canary.1036.7883490808.0":"2024-02-13T08:26:08.469Z","0.7.0-canary.983.7883724633.0":"2024-02-13T08:46:46.862Z","0.7.0-canary.1036.7883983518.0":"2024-02-13T09:12:21.945Z","0.7.0-canary.983.7884015288.0":"2024-02-13T09:24:51.161Z","0.7.0-dev.0":"2024-02-13T09:55:08.994Z","0.8.0-dev.0":"2024-02-13T10:37:24.490Z","0.8.1-canary.1041.7885925284.0":"2024-02-13T11:58:09.966Z","0.9.0-canary.1032.7886019002.0":"2024-02-13T12:04:57.022Z","0.9.0-canary.1043.7887487556.0":"2024-02-13T14:04:59.584Z","0.8.1-canary.1045.7888324473.0":"2024-02-13T15:09:46.575Z","0.9.0-canary.1032.7892521940.0":"2024-02-13T21:02:05.754Z","0.9.0-dev.0":"2024-02-14T07:22:32.851Z","0.10.0-canary.1047.7898156030.0":"2024-02-14T08:25:13.180Z","0.9.1-canary.1050.7903205924.0":"2024-02-14T15:19:16.995Z","0.9.0":"2024-02-15T08:17:30.010Z","0.10.0-canary.1052.7916850851.0":"2024-02-15T14:03:05.770Z","0.10.0-dev.0":"2024-02-15T14:46:50.181Z","0.10.0-dev.1":"2024-02-15T15:52:39.214Z","0.10.1-canary.1055.7928218803.0":"2024-02-16T09:17:15.557Z","0.10.1-dev.0":"2024-02-16T09:54:49.727Z","0.11.0-canary.1056.7941010660.0":"2024-02-17T10:39:03.768Z","0.11.0-canary.1061.7972032682.0":"2024-02-20T10:44:40.114Z","0.11.0-canary.949.7980716098.0":"2024-02-20T22:28:44.496Z","0.10.2-canary.1069.8044092850.0":"2024-02-26T05:40:53.258Z","0.10.2-canary.1067.8045865578.0":"2024-02-26T08:47:16.716Z","0.10.2-dev.0":"2024-02-26T09:25:26.606Z","0.11.0-canary.1068.8050148030.0":"2024-02-26T14:20:02.135Z","0.11.0-canary.1056.8050348509.0":"2024-02-26T14:39:01.289Z","0.11.0-canary.1061.8053365098.0":"2024-02-26T18:08:11.758Z","0.11.0-canary.1061.8054965425.0":"2024-02-26T20:25:26.052Z","0.11.0-dev.0":"2024-02-27T11:34:14.643Z","0.12.0-canary.1061.8067891362.0":"2024-02-27T16:29:59.028Z","0.12.0-canary.1068.8068625536.0":"2024-02-27T17:25:21.854Z","0.12.0-canary.1068.8069077954.0":"2024-02-27T17:59:39.932Z","0.12.0-canary.949.8072578967.0":"2024-02-27T23:23:02.967Z","0.12.0-canary.1061.8076141070.0":"2024-02-28T06:31:35.633Z","0.12.0-dev.0":"2024-02-28T07:11:35.593Z","0.12.0-canary.1068.8079455194.0":"2024-02-28T11:27:57.284Z"},"bugs":{"url":"https://github.com/salute-developers/plasma/issues"},"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","homepage":"https://github.com/salute-developers/plasma#readme","keywords":["design-system","react-components","ui-kit","react"],"repository":{"url":"git+ssh://git@github.com/salute-developers/plasma.git","type":"git","directory":"packages/sdds-srvc"},"description":"Salute Design System / React UI kit for SDDS SRVC web applications","contributors":[{"name":"Vasiliy Loginevskiy"},{"name":"Anton Vinogradov"},{"name":"Fanil Zubairov"}],"maintainers":[{"email":"yeti.or@gmail.com","name":"yeti-or"},{"email":"salute.developers@gmail.com","name":"salute-eva"}],"readme":"","readmeFilename":""}