{"_id":"@salutejs/caldera","_rev":"340-7e574197df1bdfda9f75d71388acf25d","name":"@salutejs/caldera","dist-tags":{"dev":"0.28.0-dev.0","canary":"0.29.0-canary.1148.8520837057.0","latest":"0.27.1"},"versions":{"0.2.0-canary.990.7608135387.0":{"name":"@salutejs/caldera","version":"0.2.0-canary.990.7608135387.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.2.0-canary.990.7608135387.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":"a826bf80ebad95fb084a631e5bf3d9920a76caf8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-canary.990.7608135387.0.tgz","fileCount":165,"integrity":"sha512-N7RmDURtJOeKyjQCQnxTqZ0V3mI3uatoXiWooR5Bb3X9N1IeqU8qFWOaNl29Aepgi/j3bHuwslza1uRwylHWGA==","signatures":[{"sig":"MEUCIQCVQSSQagk7mKziL3M3kC8AdGlVgKJA0DJ7cHb6HTrBVgIgXs61KOV6/93c5qXdaQ9QP8JzzUvCTam3HxnLOjdRtDA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":369368},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"9c63ab16b64e6579fbb32597afdd4c40361df15b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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.145.0-dev.0","@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.69.0-dev.0","@salutejs/plasma-new-hope":"0.36.0-dev.0","@salutejs/plasma-tokens-b2b":"1.33.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.77.0-dev.0","@salutejs/plasma-sb-utils":"0.143.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/caldera_0.2.0-canary.990.7608135387.0_1705911509120_0.5840406607853779","host":"s3://npm-registry-packages"}},"0.2.0-canary.990.7608608717.0":{"name":"@salutejs/caldera","version":"0.2.0-canary.990.7608608717.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.2.0-canary.990.7608608717.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":"0811b923e07e5b9fd99967c931d0f30bcd31b3c6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-canary.990.7608608717.0.tgz","fileCount":165,"integrity":"sha512-FnvgHGKi9sBPnPy+7IaTRXdQjiX7Y4CrdDTcdiZYGUO2b7v7AlFsCal3tM0M+OeOPyk31vLdFst8wyorO8QvjA==","signatures":[{"sig":"MEYCIQCU463B8d/QKCiqoUfCmJDpA0fCRB1TC2JvTiWkwf84KwIhAIQJq1phDBVgJXlHjpfmgFAhXbxlxRDkAFCg50fAH5Dq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":369364},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"plasma-caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в plasma-caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"61636c2ad91429b2454afeee92a712bedc01e244","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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.145.0-dev.0","@salutejs/plasma-typo":"0.40.0","@salutejs/plasma-tokens":"1.69.0-dev.0","@salutejs/plasma-new-hope":"0.36.0-dev.0","@salutejs/plasma-tokens-b2b":"1.33.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","@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.77.0-dev.0","@salutejs/plasma-sb-utils":"0.143.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/caldera_0.2.0-canary.990.7608608717.0_1705914118026_0.15175345669396512","host":"s3://npm-registry-packages"}},"0.2.0-canary.990.7709202852.0":{"name":"@salutejs/caldera","version":"0.2.0-canary.990.7709202852.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.2.0-canary.990.7709202852.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":"5eae64a160fc8d13269684c8d07f0ec002fc289d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-canary.990.7709202852.0.tgz","fileCount":130,"integrity":"sha512-YhX/ow4mNljnzRZNG5HYUyPqFROeqM1Y/0LTASTatxGjnmdE9kiq2mRqQkMdm6HWDwiqsufd90MLgz+mKTj57Q==","signatures":[{"sig":"MEYCIQCbOcojS4+ciSv99OF5/IRw/hAzw8/LesRNSjstWHyN9gIhAKDwBsTSjKKvD1LbjTNy5l61xMX5kL3k+dUq6+DWH8Ea","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":280007},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"2aa3d76b2b8a33d1be8ca438f2c13176c120a9c2","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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,"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","@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.77.0-dev.0","@salutejs/plasma-sb-utils":"0.143.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/caldera_0.2.0-canary.990.7709202852.0_1706608710486_0.8368803202159105","host":"s3://npm-registry-packages"}},"0.2.0-canary.990.7709588666.0":{"name":"@salutejs/caldera","version":"0.2.0-canary.990.7709588666.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.2.0-canary.990.7709588666.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":"a1730cbe2ba886a399b83355da7d60826b48f83a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-canary.990.7709588666.0.tgz","fileCount":130,"integrity":"sha512-q8Y1EqVosqdHV7TQsOTOjtRvKWM3Y09IruBKN6ZhMpu+VpAc95IgnNYa4etJyHjNP2SoLnL+K+7YP5e6xmAQ8w==","signatures":[{"sig":"MEQCIAIxNZo5oZ1cMBGvNThUILII7EHVUBejjU/00j3LvTOwAiA6Fy4WbyBssbnK5oAAbC5VkKlOsRf2W9RrZb98lny3lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":280007},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"b855357222700e4f460d9d643835b1ca6cf37081","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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,"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","@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/caldera_0.2.0-canary.990.7709588666.0_1706610605082_0.9987296439650959","host":"s3://npm-registry-packages"}},"0.2.0-canary.990.7710745751.0":{"name":"@salutejs/caldera","version":"0.2.0-canary.990.7710745751.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.2.0-canary.990.7710745751.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":"3fffb87aec04bce5f33f4b01ffc7c5ccfa0823dc","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-canary.990.7710745751.0.tgz","fileCount":130,"integrity":"sha512-DeWCebuv+GMosLjgQ5PTD45N3W9WUuTVKz1rGrSUxe+eUCzV2N1AFk9QU/o4XM/w4FXK+X6Fzb/wAREvt1FwCQ==","signatures":[{"sig":"MEUCIQCucAWm+s77XO33jS9wB7L42DBIf3AP+009FKx6rD4bwAIgdyWyhqZzHmnaeNI6pFLXxhlXA9qXXBr5pdHlOMWAQwg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":280007},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"ee169f880657a808fef778175a09f90d8d74b83c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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,"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","@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/caldera_0.2.0-canary.990.7710745751.0_1706616687011_0.6409524176080525","host":"s3://npm-registry-packages"}},"0.2.0-canary.990.7752969560.0":{"name":"@salutejs/caldera","version":"0.2.0-canary.990.7752969560.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.2.0-canary.990.7752969560.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":"cfb384ded6b0acc4465646b0f3e95f6003ea0d7b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-canary.990.7752969560.0.tgz","fileCount":139,"integrity":"sha512-Q376j8fpVAAqdUU4Ivk/FBI+4/DxSlDo5MMbgLwdbquWxxVgFAd03Y9v7gQ/OQtRk5Uu91pd0ISD99HWATFeTQ==","signatures":[{"sig":"MEUCICxnkO38wfdEmlTVzvO37Qz4adc/Z8CSwgxp0jmh7oo5AiEA9/SI77AlWZFVMoLE8CtxXZug95twXuVQHCXVfDH9Ywg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291428},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"336b4be1400e8b41f5206aec7751775eece194c9","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.2.0-canary.990.7752969560.0_1706861060975_0.39961408961573164","host":"s3://npm-registry-packages"}},"0.2.0-canary.990.7756942834.0":{"name":"@salutejs/caldera","version":"0.2.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/caldera@0.2.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":"1f2187cbcf2acde5ffd9e23e6d03a1b5f0c0aaba","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-canary.990.7756942834.0.tgz","fileCount":139,"integrity":"sha512-+KZNgXAe2SrbIuULScdzKTpct2HDcDlyQAmZNRZgRvQz+sspA+vDu8I59m1yn0WmgpOsJykl28I5smQqgKYyEQ==","signatures":[{"sig":"MEUCIQCVsxBNa9zf/fn8DZHciauz0yMlu2awjj+eiZTvvJ0VXgIgPCLDSXjGugqL8ADcFGGuPHLFELzH5dFVwKYrcbhd8N0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291452},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.2.0-canary.990.7756942834.0_1706882957247_0.9061924943327078","host":"s3://npm-registry-packages"}},"0.2.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"e48171622e8aa275f20725ce4eba14d4604f9b6c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.0-dev.0.tgz","fileCount":138,"integrity":"sha512-9ZrxbmZ8tXGoxmuwTbpBE2cV/nRgZZB+5FtisEePslmIUmZHW8omuFEZlS57X9d5qeRt289ehOdoHiUzcTjoHQ==","signatures":[{"sig":"MEQCIAPDwSddCjwa3QPpAjtX0coyXKX5IxkhBwSX13/7YkOxAiB4VXHVUGiPm0oZ5L5GWTR5HzsR7jR5xpodIix+q3XDOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.2.0-dev.0_1706883968353_0.7776713704702307","host":"s3://npm-registry-packages"}},"0.3.0-canary.941.7781783525.0":{"name":"@salutejs/caldera","version":"0.3.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/caldera@0.3.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":"04571d8cdb1f9276760899baffb327e31102d87a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.3.0-canary.941.7781783525.0.tgz","fileCount":139,"integrity":"sha512-3Fsw2EzUMvnOAuWoW2/11W/bmcmxL9MePJYBVr7rw/ZPo4CNeeRE++7TxCS/E0WbCuq0LNrgDIZdNAaH+RB7Xg==","signatures":[{"sig":"MEUCIQDBHX6T3eLB8fJZp7ZXP2WLyUJJudAD0KwXIo3Q4EOBqgIgefLZZ+WKMRPN40BmecU7066tFk/IufqDWEC8Bedn2dM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291542},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.3.0-canary.941.7781783525.0_1707123992681_0.636986006491129","host":"s3://npm-registry-packages"}},"0.2.1-canary.1028.7785214718.0":{"name":"@salutejs/caldera","version":"0.2.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/caldera@0.2.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":"543d899bf2548ec60b199ed2b6a24692935f12ef","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.1-canary.1028.7785214718.0.tgz","fileCount":139,"integrity":"sha512-XHJvxYGOe+Zc1KEH0en56JfdQ8LqC7grr8TGkU9kvf7KONZhwbwysKdmt6GsL8yUgGdslLk5sBauFoaz1EHFQg==","signatures":[{"sig":"MEYCIQDrXHfm/A1b1v7mAAVjmncpq2AN8i08qbgTw3ppDSGapgIhALhhvphpQ43YrK8EDoym+d/J86G6HkCJkQ+d6oa0XQq5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291454},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.2.1-canary.1028.7785214718.0_1707140390708_0.011309344026485313","host":"s3://npm-registry-packages"}},"0.3.0-canary.1032.7787356763.0":{"name":"@salutejs/caldera","version":"0.3.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/caldera@0.3.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":"c66e8116180624637cd5757877503e231135f0f0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.3.0-canary.1032.7787356763.0.tgz","fileCount":139,"integrity":"sha512-bBrt1WnSkfHOKuf6M7ANFEYaIr/+NoBSBvFx9A8u/8UB7TfzKGEdBRd/FrwRA6aXz6xVCtE1zciaIbTYZna4Jg==","signatures":[{"sig":"MEUCIQCInFjnF+qsYMWlFtLlg6U28WnoGvaEbLs3O3jiUnAKsQIgA/ppzUWnmdB/+znL6D/qkBQVPxJIYPBee/qbMbJk1fg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291548},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.3.0-canary.1032.7787356763.0_1707150175116_0.28046937893793156","host":"s3://npm-registry-packages"}},"0.2.1-canary.1025.7798222182.0":{"name":"@salutejs/caldera","version":"0.2.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/caldera@0.2.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":"d9f8b3952eff76d0ba1e6864bdd72c3691cab22b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.1-canary.1025.7798222182.0.tgz","fileCount":138,"integrity":"sha512-0kga4O3CoIQ/iYQQbjM/ErHzZpYz4VNzPqEYoout56Qy5pc2C1Ehd63W8jaTarabNbq9i102fbEbc1+qpNX5Aw==","signatures":[{"sig":"MEUCIQCAI+VxJ/rjsgoSbAu92emz8cOkC9fTOvfmLHKJb+81MAIgA6ZxAKT5dA8/+icUyr0A8mD40UiHnISa5FYlafMtk34=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":275014},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.2.1-canary.1025.7798222182.0_1707216272016_0.35264798777940864","host":"s3://npm-registry-packages"}},"0.2.1-canary.1031.7798599034.0":{"name":"@salutejs/caldera","version":"0.2.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/caldera@0.2.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":"8305d003c8605dff66bf5498fc1829221028a320","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.2.1-canary.1031.7798599034.0.tgz","fileCount":138,"integrity":"sha512-+pXet1mRR7HkeYCjC+F9qHvMgPrb3pJzDAhUuA+tOde7cfK+640nkV14nyKYppCoKt6qJGqwWouPqynpqX2nEg==","signatures":[{"sig":"MEQCIHQ7Xgi9NEMSxO1met5tPn2qN2wgs+z8cGu5xOWiVGf/AiAbr8gZgaG8dWwOtkuWuIL5Wv1XTsbhvT7bNrSrPnTBEA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":275014},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.2.1-canary.1031.7798599034.0_1707218183904_0.8944778822222967","host":"s3://npm-registry-packages"}},"0.3.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"080670c897f30106ee8c0d39deb666be2d546c01","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.3.0-dev.0.tgz","fileCount":138,"integrity":"sha512-P9EFxknMmhw0yTvVGuAPBdO2hNQ9/rIQjAL8lSqp3QN10WKp8fMsaKWgk9fHAWzhBmISaicycKr+KH+FQBnrrw==","signatures":[{"sig":"MEYCIQDaijf0JO+Nww/CyocVeUcR/81JPS7d5SPXPZ2Tx2x0aAIhAK5GyxVDYFfnxtJazRb2bCvdOo58xkbc89bTx4vtXqfa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.3.0-dev.0_1707220162341_0.11360748542865151","host":"s3://npm-registry-packages"}},"0.4.0-canary.1033.7800394165.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"42cba57a5b569e8fe2967a193470b2e4b5ea4522","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1033.7800394165.0.tgz","fileCount":139,"integrity":"sha512-TlzxfCekgmUwhcRHo6DzgWpHEAbbg9DLwqDG5/TLXtfxwQfB8Tcl7kGAAdchhT0ZU3N/bRmky5M9oxRBvczQnw==","signatures":[{"sig":"MEUCIQD+k+li/YFdsZL0on5pQgDEKplZ5QKNtp9zjU9D9si/TQIgcJpX4K8tWv13jMhQ0X5bN8waFr096scqtW8k7LZjxIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1033.7800394165.0_1707226660611_0.640695541236959","host":"s3://npm-registry-packages"}},"0.4.0-canary.983.7803101789.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"fa98a958f38862e33c125d807ca62487e2e3d97a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.983.7803101789.0.tgz","fileCount":139,"integrity":"sha512-Z6TrzWYlWTbRRJ0X99niZvATXzgUAkM2hve7VQGaa9M5m0NbEGY6M1UeaFKW2vYqkBwt3NIQl4sy6tVGiW0jMw==","signatures":[{"sig":"MEUCIAXAhw0GuzDHhKjSnbQdo57+Wly21p33fLEsQIq2du+dAiEAwAjMiNjCWNfKCcdFyBytgG0BEuToYVs/jTv9l7QyYMk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.983.7803101789.0_1707238762585_0.5938319526705069","host":"s3://npm-registry-packages"}},"0.4.0-canary.983.7804269778.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"dd2ca4d40aabcba2d395e7185abc8dedc4f3b68b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.983.7804269778.0.tgz","fileCount":139,"integrity":"sha512-p2ZE/y/yyMf/pVfutR8bKtrmYrM7X2Hkp90l9sG+mymscmPYKVBIA/uq2c41FTuZgGyftJsAy+Jn9KY58SuxCA==","signatures":[{"sig":"MEUCIQDIORYAL6Ln0HKDfxG4S2Qk1ZtpSVO0liaDlJ695xU9ZgIgARsfgudYlwC3B3m3iCBXjMChohaCxKErDduD/WMVtzE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.983.7804269778.0_1707244348087_0.2417786637779531","host":"s3://npm-registry-packages"}},"0.4.0-canary.1032.7811308183.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"bb128880f3f4ca4ec5faf155ca4c9c664c7f0987","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1032.7811308183.0.tgz","fileCount":139,"integrity":"sha512-0NwtV6gxawnt/9bPIqygF8k1JW0YEw3QMjk+oZpkRoSVLIiWL/iyM4qvfd5elrjN/DzWGtb7cZADso4csYn9gg==","signatures":[{"sig":"MEUCIDBz/7TIY7rdgY5Ff92JF1aPArA4Kk3KXyl/NAdWHCmTAiEAh3U0LRQN1lUW8nMLpavCm7sbgMOsNNXk4CWQJATjHiM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1032.7811308183.0_1707291440492_0.0387059290582481","host":"s3://npm-registry-packages"}},"0.4.0-canary.1035.7812839073.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"45e163827815e600ab791711b67beb3598f946b6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1035.7812839073.0.tgz","fileCount":139,"integrity":"sha512-ykxsy9GWHbj3Zi6+jfQsBO2vQDn3j3MJ1sSMuxbo0zSGXMbRSURn/UuceJbjNTZnf8od3r669pzdrcll5swWew==","signatures":[{"sig":"MEQCICTOoSmcrZZIl4peV+I7BEjeNeZYD7UEV+Pp37pjYMFQAiAJqjA4iZGr7lemZRSO0OTtt0ty9SFbMTZnBOC76t7Jkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291548},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1035.7812839073.0_1707300321128_0.5755680399510563","host":"s3://npm-registry-packages"}},"0.4.0-canary.983.7814183952.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"c1a550b0691877d48c28a5b4b456c07881e09ff5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.983.7814183952.0.tgz","fileCount":139,"integrity":"sha512-bRNGMzPMUQL1k8ZMf7uyX7xstAriiW703sFZiFMKVNf1ieetenltmSXy15rA8GePG6yhBWf5K4Q0K8v7FJMmZQ==","signatures":[{"sig":"MEUCIQCZ7SnhzvV/WK+fQsQnA0iiX4gp6B24LQQEZOUoqlyElAIgGp/5jihnmvPha8C6wKhlPH4EnMdszdrMWWa+Bhf0MVY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.983.7814183952.0_1707306810897_0.008046100617945084","host":"s3://npm-registry-packages"}},"0.4.0-canary.1032.7815513068.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"7582a5a3d7e91c7eedd8bfe46e1ca3e311ecad37","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1032.7815513068.0.tgz","fileCount":139,"integrity":"sha512-UjMa/raQCkgH1uM6y9bYdXPSYTePV8KiInnuLcDcsYbZ+FWQiKhrEhRQ1OJcFSdvCHQq0oKPww5wuFOrsT9FqQ==","signatures":[{"sig":"MEYCIQDsQCZ7jLBRJgYRBx/j8Jq6Mye14KY049IvgFzPpKGHagIhAN34V2gEsnhwP5FtUv3CBFuS39MGJNAPuO8adtkikbmu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1032.7815513068.0_1707313114486_0.7929763927300986","host":"s3://npm-registry-packages"}},"0.4.0-canary.983.7816554452.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"3d546691b4ccae9dad5551aa3f88d258427f53a8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.983.7816554452.0.tgz","fileCount":139,"integrity":"sha512-Bct9jPnOCFuMyvZMCiWYckIo1OiI9xly2RmhkKjCyfu6XiJkCIxVfZrQV2d0BeJ0qw3B4H7EKphhzTYU843l4w==","signatures":[{"sig":"MEQCIEC53Hn3k6OJ3N4KdTYcQvaPk9H4lx4mWy3lAh/huVDpAiA8Hb+kjqGw0SOnGdhcOJFTllDO+WmRdbUo5Jv7fiaZrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.983.7816554452.0_1707317998997_0.7852270868323521","host":"s3://npm-registry-packages"}},"0.4.0-canary.1032.7816961665.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"1f9e9d3f28111775d07907782b5d479166423a29","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1032.7816961665.0.tgz","fileCount":139,"integrity":"sha512-MuNsscdbhigyC2NsOfibub7+RtzsDFnhlx0GangDzhBc1sC3TjMx6/Ur1M2KS3O6rxB70tT7h26lSMtAGlRx5w==","signatures":[{"sig":"MEUCIQCu/M1OztWdi2kjYVu1aAVLe1qoWvHepRE2AWLv1AP/MAIgU0bmSZmrTzc4PmUpLx2NB7gsPWRjaH20ltrEGlmiHBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1032.7816961665.0_1707319694023_0.6130043890975778","host":"s3://npm-registry-packages"}},"0.4.0-canary.1036.7819713328.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"63df953cadc7283dad06ac8368d0d1df2e3e5d03","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1036.7819713328.0.tgz","fileCount":139,"integrity":"sha512-Ur54loeuzkJ5iAtjCBW0SxLdWRIi9i/5Qh1IJSUxpMR1EhsOkXIhiFm7fArBBiiI1DcrJL0v/bzrw8em4i27qA==","signatures":[{"sig":"MEYCIQD7PPM8ylJ5Aqm5YZ3EyCh1qUPdl4/8eZfjAwNg3R9kAQIhAOJNWHhyDTuteLzTr3hlEfaRmi1rimfWJ5QM1jCQoyzT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1036.7819713328.0_1707332642112_0.6286217055062466","host":"s3://npm-registry-packages"}},"0.4.0-canary.1036.7820428070.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"f5232caf072e1d280fad8a79f357328ad50b29df","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1036.7820428070.0.tgz","fileCount":139,"integrity":"sha512-ISfq9PsvOrD6ib5ewBAahr51ym2+3pc3gK/+qLLCS5XVUchP/2QzEwjSkbcOIjJdJ3LLFLSjw3Osl/ZGdYkjDQ==","signatures":[{"sig":"MEUCIChTObReeNWUrGpfpbuQjuQqscS2HuEn3IU53OT07tg8AiEA42DY3SNStG7BZ2nVRjOhIW6Wqq0qxgkseBNRSuUD88U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1036.7820428070.0_1707336725056_0.528658419268621","host":"s3://npm-registry-packages"}},"0.4.0-canary.1036.7826433339.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"4794dd6ad3252e04d5137afc4d576758154f48ed","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1036.7826433339.0.tgz","fileCount":139,"integrity":"sha512-sdcdZXcoO640weVNW95juxvvkGZIG5AnQ/6pmqxUj/zQTWIjL8EOL+7YgsY2Rsc1D4lmj67wRytDjoMG6mlqkg==","signatures":[{"sig":"MEYCIQD2R3Tqj7v1dV490hOmh52E3Ofg0Qz6OQfiDoSZ8OsKvQIhAJ+uD7StLa84G/8LD7+evSE8JPLzSPEBgrQpAn3I2o9m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1036.7826433339.0_1707379546385_0.9966651967154103","host":"s3://npm-registry-packages"}},"0.4.0-canary.983.7826431645.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"df93473b42aaf30f4df4f103b19e7202f406bf53","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.983.7826431645.0.tgz","fileCount":139,"integrity":"sha512-sh2EoXcQ/llp/ads4XQXYVWrv079Arwyt57Iw4eLPzK+7wXpr7VqlAesJm/FdiaJi6BBmABp/UTv3iJ4tQTovA==","signatures":[{"sig":"MEQCICTICuJNdg0oJ8uWpURLw9/s5o8g9nD+6WXQJIuJACWXAiB2yyjMCsw9ar0WojRu6OI45eADT+DjYJVBx6W9+qFAMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.983.7826431645.0_1707379551517_0.6838097840614104","host":"s3://npm-registry-packages"}},"0.4.0-canary.1036.7827687794.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"98c8ce84facc17b85b19228fb199b7a9249a2682","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1036.7827687794.0.tgz","fileCount":139,"integrity":"sha512-dELw3uZc0Q6XG7Yx0i2P4ik182TG1VVj8TB9a4Z1QGgbm/kJmM92FK0xg2x/Am97NhaoCYmww7KS6khDbITcsw==","signatures":[{"sig":"MEUCIQDBvE2aaXXZU7UdTfjhsXAUlE9fit64QMFUDJxywf8prAIgGfdnl5wY8Nl0Zzo5Mn3rz94XNBS+t72X+ckqqScPv8Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1036.7827687794.0_1707386473851_0.904219319854406","host":"s3://npm-registry-packages"}},"0.4.0-canary.1033.7827944506.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"2e4bbb05b10c27bdd714d98a3d3306264159d95d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1033.7827944506.0.tgz","fileCount":139,"integrity":"sha512-H/ykwRx0+AyGSR1u45tqzpJRZt4N75J5RjrssP6HWnZE1LBNKZOD3v6+zZUSJFm0wm3ViooSMUUxLbcQ8pTdrQ==","signatures":[{"sig":"MEYCIQDVCJczy++TaLvINBzdEN45KovWKxMczyLRlnCKLKt5VgIhAME8u0V+KQgXk+pBmuBmlln7l5ZHbnVrGUU+C3DBRbmk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1033.7827944506.0_1707387759570_0.868827874901986","host":"s3://npm-registry-packages"}},"0.4.0-canary.1036.7828955441.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"fd9fbba3068382419692189ace701ab616c27777","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1036.7828955441.0.tgz","fileCount":139,"integrity":"sha512-2bxQHQtv5IqkA2M258S8i5jSbROxWQYdzhlblm6Jr9NKDYNOqAXtRIuNotNQYULlskeeBb2xx73NntHbEz15Ag==","signatures":[{"sig":"MEUCIFGNov+qBHIGtul8nVGvYccjq7peNrKkcZzPZlZ1q+MXAiEA8z3Cx1suvnAr3xn5uAZKaYJd1fUAeI+86o4p6QrI0dk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1036.7828955441.0_1707392848986_0.39542651472211165","host":"s3://npm-registry-packages"}},"0.4.0-canary.1032.7830706739.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"a6cf9ef5663c8e7ad1836893405cff6cff94af80","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1032.7830706739.0.tgz","fileCount":139,"integrity":"sha512-B9nIVWh1PtNLMHQSDfG3lGY603fEnDKDmV8eZ60ZQmmU9sxbUQbV7mOL7+Lk/Lx7wiLzq0r0REj7z9ud5BgkKQ==","signatures":[{"sig":"MEUCIQCoNXjsdR/vTmTs/ozU4i0hQNcJdivKGk1ZTa9TrXbKfQIgXnmFsZkJkfXMG0Vlk/6v52/hu+mxOXbS3POPgySFaYg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1032.7830706739.0_1707401555479_0.1388048871616938","host":"s3://npm-registry-packages"}},"0.4.0-canary.1036.7831653218.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"f5fd882d5146353da89f84bb9368e241a37105bc","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1036.7831653218.0.tgz","fileCount":139,"integrity":"sha512-yOHfxZyGuttF4B9Fi9zZOvqgiROcVJP/1+Eaxec3a0ei6g1UhkYDpJQle5tCbX7VkUbbm2354ybvCeLfA70VPQ==","signatures":[{"sig":"MEQCIFwQ0ylgogKemYB5cFTSJFLguH3pH9YIq09GcYJ9nyQtAiBN2uFZJLudshBWv+i+Yo6SUXmuolhYJi/Oh3MD3Erh7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1036.7831653218.0_1707405617019_0.04141535234192473","host":"s3://npm-registry-packages"}},"0.4.0-canary.1036.7833345103.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"3d9302b3eafe9980dfccdd906f88085c0fcff375","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1036.7833345103.0.tgz","fileCount":139,"integrity":"sha512-B4pzLuTqN2hO78ocOk+AWvdL0CvMvgGDPCENGCCnmIufQJSNQvgZPsgtSSI9nfOh7EJ9ZmJB+9m2EXEXwoxL/A==","signatures":[{"sig":"MEQCIAp1cLXhUJ2E/tu8k63PioosXlat2gMpg87Em3Jrqlt2AiAI5kFvZZVWCZ7uwt4WnQbQGXFHeGx0XQI4+78goFtg7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1036.7833345103.0_1707413300048_0.8179297685147471","host":"s3://npm-registry-packages"}},"0.4.0-canary.1014.7838956705.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"602402a568858e0ff7d2a76aa07d2a16fd5b188d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1014.7838956705.0.tgz","fileCount":139,"integrity":"sha512-KsyNJ7oVZBEDAsc+U/0foEi3k+qUlSUP8Y6dYDA6dSOM7o7hdiGezJQMBlAEbio2QpWmie4+DNs+285gT6MgjA==","signatures":[{"sig":"MEQCIGKZsDyipWkDBa4DsMpgdaeehveL0olAWY0j2U40H/MSAiA1QmBhN7Dumu1w/6oKwY39ZW8XohhtKvuSDHgz9DbjiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1014.7838956705.0_1707447390694_0.4517560460287464","host":"s3://npm-registry-packages"}},"0.4.0-canary.1014.7840120119.0":{"name":"@salutejs/caldera","version":"0.4.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/caldera@0.4.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":"4264b923c23dea196e61eebcb32629f300159d4a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-canary.1014.7840120119.0.tgz","fileCount":139,"integrity":"sha512-c6MhBpOltvMzgWBE0D9Vp6NKC8Uqns1GwZgE6mSafYMGl5dLh1eT7y1s5I3A6jxvGXbEzQZRh1e6O4YvQyRJhQ==","signatures":[{"sig":"MEUCIQCi5d/sxhp9n2Vvgw1M9g8ZGdfY2mZPnuHIh2N4zbUBSAIgHfesedJBa5F6O6Qsw2cEznQe0FfMMR+04u+mLehSbv4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-canary.1014.7840120119.0_1707458093637_0.912629029465728","host":"s3://npm-registry-packages"}},"0.4.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"461345f0463fed75e6eef8c7f83516589c5daf06","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.4.0-dev.0.tgz","fileCount":138,"integrity":"sha512-1WwJyt+sVFnmVM9s04sBRJT2UMc7NEZwt5jBqONim3nuYCVvDLeWbsQSLjb6tE4a1h0pVHJFXnXiF1h2cCq9CA==","signatures":[{"sig":"MEUCIAjRUT2MzIpn/zCFkHgv3fmDXTVdPmTd9GClrB9bfVzXAiEA5DDjzRXV78d4lEw5DPPA32gDh9Iq7MoA1qJ0fqTa2+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.4.0-dev.0_1707462151863_0.8567543346057991","host":"s3://npm-registry-packages"}},"0.5.0-canary.1033.7840916850.0":{"name":"@salutejs/caldera","version":"0.5.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/caldera@0.5.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":"686208d9ad3c4127f380f54f8938945225a350ff","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.0-canary.1033.7840916850.0.tgz","fileCount":139,"integrity":"sha512-mMSyKEpFF2H7/DYhpQtmj6wYnxBxWr8+IcB/xiEjAWSsflfmJcvP8F6mfCywJ6lC7kg+o3Xr1BJDk+eMsd5cjA==","signatures":[{"sig":"MEQCIErEkfmN/uaHOHeyXFYvzjfCAJHkUisz4TUAg8D6/O0oAiB6mZwio9wWe8WGdJYD6WdqxEpn20uv/V6dRxCJ7KvKsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.0-canary.1033.7840916850.0_1707464542330_0.8491689559103595","host":"s3://npm-registry-packages"}},"0.5.0-canary.1033.7841096092.0":{"name":"@salutejs/caldera","version":"0.5.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/caldera@0.5.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":"22255611e089677da585a3893dd67b1a045092e5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.0-canary.1033.7841096092.0.tgz","fileCount":139,"integrity":"sha512-zoqivCVBiJYB0OrPXFCzJrus1CJlK2AgiefwAGEnCi3ckmrY7NRDv8ntp30Tz2DcQZKsS2AeTjMzRdAXN4fuMw==","signatures":[{"sig":"MEYCIQCbyxllLTMzGvOfZ7DCC5fwf5IPeHnp5BViELdBtmlv2wIhAOxLVfKwoSFL50aOHC4qdinbWcRt1r7YK+kp+OLRnZtB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.0-canary.1033.7841096092.0_1707465995529_0.5420708631695441","host":"s3://npm-registry-packages"}},"0.5.0-canary.1036.7843716720.0":{"name":"@salutejs/caldera","version":"0.5.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/caldera@0.5.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":"283a73feaa7b7864acfc4558fc99b9c01c8b42aa","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.0-canary.1036.7843716720.0.tgz","fileCount":139,"integrity":"sha512-9IAmZWXzVimlZCrVWCL2nYputuqL9vEjDlzE0/Aual31srQ28HO2OTzjUs+j7uIXjP25keXI1PWMFBRjZclO7w==","signatures":[{"sig":"MEYCIQCzWup0OoXMr1igrG1X0rADIJPr6vNfK3FFssw6YKijiAIhAKEJjaKAgzb6WOksLckHQSPEvsNjtRprky3tKCftOXwV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.0-canary.1036.7843716720.0_1707481464459_0.6968129143885726","host":"s3://npm-registry-packages"}},"0.5.0-canary.1032.7868530710.0":{"name":"@salutejs/caldera","version":"0.5.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/caldera@0.5.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":"773b99af336b192214f523803a4644523b830e43","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.0-canary.1032.7868530710.0.tgz","fileCount":139,"integrity":"sha512-ed3E5+csBxzRY3cUn1Sm1HK4HjoFyimgIn4Bqe7yEMU+tsN2f5UuevsOVntF1xik8V/plZZ+rGbS5LtohFxCVg==","signatures":[{"sig":"MEUCIQCJCDe1lpGb8EpCqwZxtexCvy5TqxYsvY3ECyno8WcmIgIgDzCB9sMQWHZu7Hlz48pYWQQhKgc73dJrngQVrX89uJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.0-canary.1032.7868530710.0_1707723898787_0.336270035720063","host":"s3://npm-registry-packages"}},"0.5.0-canary.1033.7869442826.0":{"name":"@salutejs/caldera","version":"0.5.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/caldera@0.5.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":"1f2e8ad1bf9f4a1ef3e33bfdfb47c37b897f5f25","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.0-canary.1033.7869442826.0.tgz","fileCount":139,"integrity":"sha512-RXOlsMM0CJ4+ZKt7Qp9v8cG6dZDsrv7WMMwk/1g0caPCpw3fbBKTm9ztmjehqcEyeNxwvHSwCBxdkUJCWuhu2A==","signatures":[{"sig":"MEUCIQDy+PEyi47rHy2rJ+saqSEjBETogqTNMIq6pFYj9Es9dAIgVmez8K6OqFEGda4GQg91MWVNAeyNCtcmGd8WXsca0vo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.0-canary.1033.7869442826.0_1707729750202_0.3010960578099151","host":"s3://npm-registry-packages"}},"0.5.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"9f7e307ceed84659c23bc5ddeb716fb3400b3aed","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.0-dev.0.tgz","fileCount":138,"integrity":"sha512-nEnNQ5UurtTgcoW0nyzj0Pi+DDux95F9hlotzFbkBc4XLLkc/rD/cwO4VSVXO1ROd8TPDYa11hhUry1b2uo1yQ==","signatures":[{"sig":"MEYCIQC2FCVzFuNLlxApbKAk3e9FDgSZwTpMBumHPXFpDsV8gQIhALeBWuwaQbiPpv/cISofzOK2BV2LNxRstnVOp6Q4gN4Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.0-dev.0_1707732157710_0.6549669516405054","host":"s3://npm-registry-packages"}},"0.6.0-canary.1032.7870124450.0":{"name":"@salutejs/caldera","version":"0.6.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/caldera@0.6.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":"2907a81321c46f986362d0383675e5ca4297dc5a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-canary.1032.7870124450.0.tgz","fileCount":139,"integrity":"sha512-mU28FEAnsHYPqM2tx+eKg/uvwtOzSuoMYcLnaShBEZW2CMW//GuFeS0Q4+uxvtq6xVyyGDBGsxQvKUXPSXYoDw==","signatures":[{"sig":"MEUCIQCilMqJsfIJBfBM+8Pzbw2GFE2111ajwVGfY0wk3NwIiAIgXwgvGwJJRaAq3VI0oofUdkPEpre4PlvQ84ddVp/Ji0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-canary.1032.7870124450.0_1707733476141_0.0882145623605457","host":"s3://npm-registry-packages"}},"0.6.0-canary.983.7871678440.0":{"name":"@salutejs/caldera","version":"0.6.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/caldera@0.6.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":"fbf2f7b4d14660d4c2de6f60b17959a9d455ffc4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-canary.983.7871678440.0.tgz","fileCount":139,"integrity":"sha512-LFLPsvbfoMJZ3rBqJaIdlj3wbp60sXTqiPcHHMXr6CZCrWl2C+yfnaXFhp7GHLVctiPrvrVPitOW6dFRBgfOPQ==","signatures":[{"sig":"MEUCIB6LzaSGiFT14OsXbcowmngGkqBN0ZC5CwNEtx7m3lo0AiEAk/PePON9YtyvkeqtKw16ujd6jN70zNUtWVdnOZQMfU0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-canary.983.7871678440.0_1707741671242_0.40192769544377605","host":"s3://npm-registry-packages"}},"0.5.1-canary.1041.7872741769.0":{"name":"@salutejs/caldera","version":"0.5.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/caldera@0.5.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":"6a7b64588177c9da3fb7718ff25c37ceec2a4eea","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.1-canary.1041.7872741769.0.tgz","fileCount":139,"integrity":"sha512-jtwIRf1iaFwZMr63Bp5nDO4ykVHoLIjk2NOLpk4nWxfQQdgTDXK7oombE62J7lzqT0t3aeiWg1F7gh42jl1T5A==","signatures":[{"sig":"MEYCIQCRxRkM1+TNvaEPuZpZQRgsvyHE+cosu6/93uX7xA59UAIhAI5aWw9tfwaF3JxgHBe7heuP78XwO19M/r46VYnoIl0P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291529},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.1-canary.1041.7872741769.0_1707746948992_0.33644716411433007","host":"s3://npm-registry-packages"}},"0.6.0-canary.1032.7874651515.0":{"name":"@salutejs/caldera","version":"0.6.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/caldera@0.6.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":"828f7bb94eb8c5d40119ab0ad27e14f7addd28a6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-canary.1032.7874651515.0.tgz","fileCount":139,"integrity":"sha512-M/gO2x4qgIUiJMgCngJiqfZXG8YPblcNbFZ7AlMoGjjED6Esiy4lRtOQCC7yTP8/HXi4IXJOObbMHssCOcvVbg==","signatures":[{"sig":"MEQCIHFeI1L/c4+WEj+PEvOU+mJ8qpxtbYM5RKe7KpnIhwxWAiAwrxWqSIjoQvHL2kFzG8+bqi1SbEORNxDKkMJC6N8ooA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-canary.1032.7874651515.0_1707755439143_0.46373393647422945","host":"s3://npm-registry-packages"}},"0.5.1-canary.1041.7883204543.0":{"name":"@salutejs/caldera","version":"0.5.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/caldera@0.5.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":"46931d3bd2711f1caef6a6b95526383db1689e45","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.5.1-canary.1041.7883204543.0.tgz","fileCount":139,"integrity":"sha512-XlM2g3Iq/870tWLZxRfsiEuenuC7kCBd0Ie7bb9PbqTPXY8MO/6SVbhvF6i8SM6fu3G56SAGp6yGw97vcI1XZw==","signatures":[{"sig":"MEYCIQD1EKpH27Nfu/IGyPB6KoWJLSwifFpKK/gJirCHa+/vTQIhAPbxhNCFmn0eeOYAgNy7Sa3aJ/vggxgz+vdMR6XYP2HE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291529},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.5.1-canary.1041.7883204543.0_1707811116471_0.077579983030444","host":"s3://npm-registry-packages"}},"0.6.0-canary.1036.7883490808.0":{"name":"@salutejs/caldera","version":"0.6.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/caldera@0.6.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":"19b79333b5010f0f04ae7f018da151be37ea98b8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-canary.1036.7883490808.0.tgz","fileCount":139,"integrity":"sha512-PdfZgsAp9y5s5y7jojHt7z9XbozbpvpKWh9d7RUudxOmBhuqm6qM8sMbUnE2r0FKrCcRDAPID5FPXZrFPaTCzg==","signatures":[{"sig":"MEUCIH48VZaEZ9Mm7haEHviApnBe96Wg1wPqf0X/DZGuMeNMAiEA/OWfkZLv+dfEu4dn9pd2Ehns6YR8VBIhj38TZBvcPio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-canary.1036.7883490808.0_1707812766251_0.2883658315487083","host":"s3://npm-registry-packages"}},"0.6.0-canary.983.7883724633.0":{"name":"@salutejs/caldera","version":"0.6.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/caldera@0.6.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":"272ca44062e088aa31a32d88a7779782fa3eef87","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-canary.983.7883724633.0.tgz","fileCount":139,"integrity":"sha512-DiB0btEGfdgEtMgtNUDBqu6n66z+3aseV4WoeJQ5FSVK9LXrvPGGcGcv8f8iglG7c607VKSnrdkT9jvML6Ffsg==","signatures":[{"sig":"MEYCIQDOywk8HzbxULmo1j0xA5tnx+gdYPS5mI42UXOhhKniwAIhAJ1SRUHBnpm+vsjGViKKXm2GFpdfjXO4n+4o0jiHQqQL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-canary.983.7883724633.0_1707814006058_0.8616515609113067","host":"s3://npm-registry-packages"}},"0.6.0-canary.1036.7883983518.0":{"name":"@salutejs/caldera","version":"0.6.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/caldera@0.6.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":"1842f30d2ea14d3d44919039e1b248962c95e5fa","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-canary.1036.7883983518.0.tgz","fileCount":139,"integrity":"sha512-CIDcrA336jLoFquEg6yosLtTATnIvuz8hro57GTXH5RkB/d40LTNiftJvqAwfyETfs0z8CX5oo6i/1zMXCI6Ug==","signatures":[{"sig":"MEUCIQDIl+Fe/cVsmiSazRJDEmGht9Xj/dHoATQ3rjOjqfDwZAIgCgjsWb/PUbVwKg666t93ZmO0mxSOsMY12L1rt25qNlo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-canary.1036.7883983518.0_1707815540512_0.6485630653425156","host":"s3://npm-registry-packages"}},"0.6.0-canary.983.7884015288.0":{"name":"@salutejs/caldera","version":"0.6.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/caldera@0.6.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":"2329ee1c9d42dc965848d8ece7ed34f29dbe41aa","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-canary.983.7884015288.0.tgz","fileCount":139,"integrity":"sha512-ow8yJVyZyFY/T4OeuorBKlcbhveSHocFwG8YyzDS4pAwfcRrj5YcocmDZ/oFWwV/h/A0RtZ3WMR5n4ru8eJASA==","signatures":[{"sig":"MEQCIBCNSgRRLeLVvqft9/IOnT7XHKZWk0/5qBDmiKeGRCenAiB/gaYmQAzzkqy7O7DnFeSbBxpNdgkZc/QdMl9DTGwvbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291470},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-canary.983.7884015288.0_1707816290971_0.3214161531855746","host":"s3://npm-registry-packages"}},"0.6.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"62316169b427a4e6c88bf0574006aafc13963011","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.6.0-dev.0.tgz","fileCount":138,"integrity":"sha512-weIYJpR0IW2RVFmqpcG83Y4kVsDWe7HyWlAfkgjHApgiDqqb6/z2hqm9ioHD+Lj4YN3Ee7I1UkKJK0itqHF0Zg==","signatures":[{"sig":"MEQCICtHf4EmYFGfYWLlarb5x5s6R12atbgjg24Ca1HG6zLqAiBwEmpJAFN109Ff/5IslI0WUa9yDjP2zM14NHKxQ/tgww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.6.0-dev.0_1707818107622_0.6027338217080869","host":"s3://npm-registry-packages"}},"0.7.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"407f59064d4940b920beb3b664674740b547fa80","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.7.0-dev.0.tgz","fileCount":138,"integrity":"sha512-qBIKgoUYnSmrrAn0eRGL0M0rklQJ3VICX59Tck48iLpCUM2/tzTp9vUXpZYAtcd6aJejaLBdCqI4TruX5utvnw==","signatures":[{"sig":"MEUCIDJ2W6IIJoHaQN0fBiKB7RNxMbPM9519q/UBclhX25/WAiEA+XVqHY67aiVw21Z8bIF9t/wLehBWvu8VpLAl/6EqU7I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.7.0-dev.0_1707820642560_0.8593242412683417","host":"s3://npm-registry-packages"}},"0.7.1-canary.1041.7885925284.0":{"name":"@salutejs/caldera","version":"0.7.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/caldera@0.7.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":"d71a7d21b2e9c169485972c6b07ea6e0fe2d6026","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.7.1-canary.1041.7885925284.0.tgz","fileCount":139,"integrity":"sha512-tXsv6m7Z9SEsL8TL+3yRCqSm9G9NtZX3Rdx5EtAJwaf6bhWnyDr4+aJKFR5a+YmlNfs1Kh4hT/zQ6R2Exjx5JQ==","signatures":[{"sig":"MEUCIQD1Q2F2F2STSn7iZmezvCwPKoStIMOjDFn6lvCbyNpU2gIgcZAKVPurgUishb+mnepxDBKqxYUiTxv+q+1uoVkiAAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291529},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.7.1-canary.1041.7885925284.0_1707825485338_0.7478121351494886","host":"s3://npm-registry-packages"}},"0.8.0-canary.1032.7886019002.0":{"name":"@salutejs/caldera","version":"0.8.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/caldera@0.8.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":"86b3c8793f896d27d0837ad742b318a704afee6c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.8.0-canary.1032.7886019002.0.tgz","fileCount":139,"integrity":"sha512-hpEfli6Bq1kR9Ld6Mqq8eZO8mO4Ls78p2l7PDgFunvYm1I5wXxqUCzqcPu1pRUJgTRKGiPtoAKrdvBC1N8bpoQ==","signatures":[{"sig":"MEYCIQDpUg0+15c97fAjQryHaCLyWkeyNV6tK0YQd0xG8CZkhgIhAMgPWP6o/rWHaOveeSgZtmytKz6fN3MlIK+u5/Q8MfCV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291472},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.8.0-canary.1032.7886019002.0_1707825891771_0.6541329510401441","host":"s3://npm-registry-packages"}},"0.8.0-canary.1043.7887487556.0":{"name":"@salutejs/caldera","version":"0.8.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/caldera@0.8.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":"88f3c2475b481cccefa15fed21c049d759c0e249","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.8.0-canary.1043.7887487556.0.tgz","fileCount":138,"integrity":"sha512-9nFjYnJI8GyIa5ZpTqXrTku2VPL4CDA6yUeuCcwJD++xhq0VfWapV2JDN59jHrB5lRhigX4BLvjSxesERkZcwQ==","signatures":[{"sig":"MEUCIQCDCyHI/9ufuvyAJFIX0FEObLdM/bsyW/ekA2h0JGnJ6gIgWu+k3DTvopdvpwA6ZF8kgybjxgQlvJOTf/I86E1W8w0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274995},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_npmVersion":"lerna/6.5.1/node@v18.17.0+x64 (linux)","description":"Salute Design System / React UI kit for Caldera 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/caldera_0.8.0-canary.1043.7887487556.0_1707833099467_0.5897359060493268","host":"s3://npm-registry-packages"}},"0.7.1-canary.1045.7888324473.0":{"name":"@salutejs/caldera","version":"0.7.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/caldera@0.7.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":"80dc80c89a8028d439e5c93c0e09d6f9bdcb5cfa","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.7.1-canary.1045.7888324473.0.tgz","fileCount":138,"integrity":"sha512-L8q05vT5P/mMJw5H58y/84IP3HtTr5+qgSaQKRU+NxEXKzuao5tspbqkjjCd5PvItuLrxfLnG4Kzmf4NoApGKw==","signatures":[{"sig":"MEYCIQCTQHMhT1mOp11zuzkyBPeLySJEbZNU3NgS7U2sm58CFwIhANMJPHubSpABWn6Mwwvy4xEjFNs5PQBmB/5wJkc32/Wg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274995},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.7.1-canary.1045.7888324473.0_1707836981790_0.25099447503999106","host":"s3://npm-registry-packages"}},"0.8.0-canary.1032.7892521940.0":{"name":"@salutejs/caldera","version":"0.8.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/caldera@0.8.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":"ec981bc8da41556c75d65a4d25e0064da82c98e8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.8.0-canary.1032.7892521940.0.tgz","fileCount":139,"integrity":"sha512-Fav88yaW8ziE26fBJAan/ydVDxLvy4MNmrCBbOQIgsrbEmG9qWjZy5NUEUeA6144MrZLcOM0RVMmUi/7dt3cYA==","signatures":[{"sig":"MEUCIQCnK88T3ZC/sKjg2lL79lt5BeM28Lh1FrToBeyaee+sKQIgSIjeQhBJl/w+xVDNmiY5tBmtuOir6vNsh3id6s+yEzw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291529},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.8.0-canary.1032.7892521940.0_1707858114654_0.6415758933433235","host":"s3://npm-registry-packages"}},"0.8.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"0c97de804ee3e639549f38a3d28182c539767773","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.8.0-dev.0.tgz","fileCount":138,"integrity":"sha512-A2eL9Dd0Iq64O0mIK4zR2kNHB8J/H4MsEOglecBb4mcvsM3coP+lYSKz1dIjZanMR+g7kyr7hksTAyIZma2Acg==","signatures":[{"sig":"MEQCICEnJfynVOtFB8yO3PP8gNOgkdqVsBI79bwSoZ7M7GziAiBKhBG/rgJMG1DKBh2EIIh8/YFL2Pp92wWGE0weDMfHKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":274900},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.8.0-dev.0_1707895349649_0.6195423183857021","host":"s3://npm-registry-packages"}},"0.9.0-canary.1047.7898156030.0":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"5270a39f129a06a9fc494652632063c522bb4328","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.0-canary.1047.7898156030.0.tgz","fileCount":139,"integrity":"sha512-Sx0qnJxCvpyxKKm46m/ipcFJABAITa8OnIk0V3NApSGTijZR6z6lZLd6C8HlV+ts1yyimuXYGhCjnaOo7rso8w==","signatures":[{"sig":"MEUCIDbVh7T1xD1gm/YYGYAnPOFZBGqc6/GFCMzHO+nbirNRAiEAiiDUI76X5VWV0wGtl08UCHEnyGZxcJxVH++rC77e12Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291548},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.0-canary.1047.7898156030.0_1707899108086_0.0528265933753016","host":"s3://npm-registry-packages"}},"0.8.0":{"name":"@salutejs/caldera","version":"0.8.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.8.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":"5a4cec9021681d35ccf2c0d2808b4fb1ea981db3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.8.0.tgz","fileCount":140,"integrity":"sha512-DEGI/d0mtOI4+da0AdzBkR7o4dHiRAPprU0q++9jyUzTfAx1ML4D0GoA0axDXQ0EirPrKGtw8RYmaFo8iw+4Cg==","signatures":[{"sig":"MEUCIGOYNPxGI0fSq8mIg1DTJ7kYF7g01OsGTlw6fo7zvLEhAiEA9oEH9d0I9yAsdOun+kO1gjjcZxPZVyc3uHF9+gCBMAk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299403},"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.8.0_1707985045519_0.23809173126129068","host":"s3://npm-registry-packages"}},"0.9.0-canary.1050.7915364859.0":{"name":"@salutejs/caldera","version":"0.9.0-canary.1050.7915364859.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.9.0-canary.1050.7915364859.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":"e42de2ab8ca31d6e3141414dab85b77b011e85d2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.0-canary.1050.7915364859.0.tgz","fileCount":140,"integrity":"sha512-JbAnPL9IS8qazQiTVj4PHkOhE2wy1reTJrpBNHA4uyyLoPb+NMWWxNUq+1Q02Wg+zSVRPLF/IZ85mn1EbO9JXw==","signatures":[{"sig":"MEUCIG3DXkYxDB1Rw4Vl+BdoVdbKAewME9CFHWBRJc5Xz2R7AiEAn0krv8UevNYYu7moEDrrzWLZpm2TUkTMFHgS5+03kt4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299553},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"faad77b4087fc21409222e4238e0279bcf511e9d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.73.0-canary.1050.7915364859.0","@salutejs/plasma-new-hope":"0.50.0-canary.1050.7915364859.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.1050.7915364859.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.1050.7915364859.0","@salutejs/plasma-sb-utils":"0.148.0-canary.1050.7915364859.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/caldera_0.9.0-canary.1050.7915364859.0_1707998803548_0.6026544270745853","host":"s3://npm-registry-packages"}},"0.9.0-canary.1052.7916850851.0":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"b2daf5894fa4c8b8ee76fa6418def89011179d86","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.0-canary.1052.7916850851.0.tgz","fileCount":140,"integrity":"sha512-aNnUHOJ1dehG9VOnvajYbu4LkrpjMtYG+Lm6PyBNnmJPFpFIWO6PCcHIFINYXjVOUqujljFdMIjxAGUGfRtXDA==","signatures":[{"sig":"MEUCIQD9KVRLRVuWziKcauSMNf7YRLgF8/J0uhhQ6Q35rXhYqAIgCib1uJ3Zo7A4Vl+kwev55V2kH3bkK8urMYafGJvUMk4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299553},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.0-canary.1052.7916850851.0_1708005782730_0.7900416315735503","host":"s3://npm-registry-packages"}},"0.9.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"6f571ea87a25f96d3eda06c151961e1d8803caa1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.0-dev.0.tgz","fileCount":139,"integrity":"sha512-ifY3WqSnA1dsPAOO25UJr4p/bwSAeRX8+hQsRfpRD6XlVDI6vARcoRBUa3WdHN5aHVck76MCfrSavXPMPAJnfQ==","signatures":[{"sig":"MEUCIQC2ScQCvWu/GOWmqYnAKr35PY8faquYDG3Z3u8dN4UqBwIgW5KGAgeUxL7XVEQd1dHxgukCeiJoSmbqbEHpB28LeB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":282905},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.0-dev.0_1708008406133_0.45946305620729366","host":"s3://npm-registry-packages"}},"0.10.0-canary.1050.7918043130.0":{"name":"@salutejs/caldera","version":"0.10.0-canary.1050.7918043130.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.10.0-canary.1050.7918043130.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":"8c1bab167926054a4e7195a76a0c856c17e52fb5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1050.7918043130.0.tgz","fileCount":140,"integrity":"sha512-Pzmq2gguKwGzQnz8Eusg0xuC90Xu0zhzNHMpE/JiJu/glkr1cskDUtoxjHO5wSwTqQtZPXEPL606ZllZ+DvUlQ==","signatures":[{"sig":"MEQCIGgayYvIFCTbNNSnxBv+/rDhNrRfxwWOLpS8/nn2aOJkAiAL+/sUJuXbpiY3Mbp9Pah+HGgTaGn6OXa79pBuwrfaOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299554},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"cfd0e054a0a7fa2dc1d2cc47dd23a30746e5205b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-canary.1050.7918043130.0","@salutejs/plasma-new-hope":"0.51.0-canary.1050.7918043130.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.1050.7918043130.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.1050.7918043130.0","@salutejs/plasma-sb-utils":"0.149.0-canary.1050.7918043130.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/caldera_0.10.0-canary.1050.7918043130.0_1708011010027_0.3447554568015885","host":"s3://npm-registry-packages"}},"0.9.0-dev.1":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"7c15fd3a6e85e9a81c1906bc626089944df99f27","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.0-dev.1.tgz","fileCount":139,"integrity":"sha512-RLWEZmbge8GiU98pr2X8gfkSeVbMlzim11NzCMIxwUatZ9sy7Pd7+7hR+hsRSOASVDYHFZ/q4e1PMpDXKMbnDw==","signatures":[{"sig":"MEQCICQ6SAeUJYEaGz51ZpiSobaAz0dyJ1XEfX2NTMOQzh1AAiAazEfkKpUu4L/VRBYSjidluQdV7MUo7QF3kbGR3Tkjfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":282905},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.0-dev.1_1708012353968_0.8171920245056703","host":"s3://npm-registry-packages"}},"0.9.1-canary.1055.7928218803.0":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"a4e927e5b31f733e6e4137d726035289c39d3619","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.1-canary.1055.7928218803.0.tgz","fileCount":140,"integrity":"sha512-u/VMmT4jfcr/o69KWgLcFvbeyZb7T+0YiEQij3E/f4l1LrptH3Bnbxo+Zi4f2RTEpMN/s4f11NW9Osdb9vsQpw==","signatures":[{"sig":"MEUCIQCbPkvg3PENKoCch1mR9iNlkuYtHLzpEu4wTpddeYNPLAIgdej+yMlivE7fogLj6BmapNOliBxobONcwb85zqIVOg8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299553},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.1-canary.1055.7928218803.0_1708075030864_0.5718941810109568","host":"s3://npm-registry-packages"}},"0.10.0-canary.1056.7928326755.0":{"name":"@salutejs/caldera","version":"0.10.0-canary.1056.7928326755.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.10.0-canary.1056.7928326755.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":"3a5ec07c2845069f7b1dc1f1a8c370c8c3363dd1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1056.7928326755.0.tgz","fileCount":140,"integrity":"sha512-jvpVm93T9hZ7APBqMwW0PtQIv2/FWt/TM2HlP6heNtbhvhcuFHmjIT/I8OexzXHN8PASBCo5LhNHXPCHxcC0aA==","signatures":[{"sig":"MEUCIQDHZNDRBA3Neiys+U/cJtVx9HisEliBbTvot6ISYtD8JgIgRgj7KsG4ckM4GTG8P7Ox0wdaZR+xaQHGjxxURLj9r3A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299554},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"bf7fd638b39884f67fccaaeb50c5341dfbdb1212","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-canary.1056.7928326755.0","@salutejs/plasma-new-hope":"0.51.0-canary.1056.7928326755.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.7928326755.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.7928326755.0","@salutejs/plasma-sb-utils":"0.149.0-canary.1056.7928326755.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/caldera_0.10.0-canary.1056.7928326755.0_1708075633006_0.6243278488648161","host":"s3://npm-registry-packages"}},"0.9.1-dev.0":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"7dc3e1ff6d0a0b841c715d771a5c6a29a248c381","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.1-dev.0.tgz","fileCount":139,"integrity":"sha512-S+xj7T/cBb3lPqRlHj8TfI08ENOr16UEYXBiiAclcWpuVk+hAxm9ymcYrJr59UBZJGYy/6Aux275lWDkKkkp1g==","signatures":[{"sig":"MEUCIDMtY4sdvE/Ek2DQyx1UOgs0vAGjEmfmBgMSE0YTo2lKAiEAnoXqIYNkrv5BfV1tbe7+FUkHCQiaUc3iAnOZa+lnw2M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":282905},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.1-dev.0_1708077281061_0.37973735248802365","host":"s3://npm-registry-packages"}},"0.10.0-canary.1056.7941010660.0":{"name":"@salutejs/caldera","version":"0.10.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/caldera@0.10.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":"0a7f00e483a6cdf53b7cf7e33b64e8645b173e5e","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1056.7941010660.0.tgz","fileCount":140,"integrity":"sha512-+eDG7kEUYLnKMoG1GK/KtmNrIKa8fsPV06SRZFtFFtANXEPCn/AjxWv5HgHItndSBlOxQ1E52fWBz9OjLW+ZJQ==","signatures":[{"sig":"MEYCIQDPVGiVJ6NyrbA2d2yyTRgUSGko8Sru2Y7PdlmuEW1FnAIhAN5jjYlC8GS2ln+AmCRb7ZiqGgEQ+UWVoswbY9NpN/wx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299554},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.1056.7941010660.0_1708166340242_0.6503416838391318","host":"s3://npm-registry-packages"}},"0.10.0-canary.1061.7972032682.0":{"name":"@salutejs/caldera","version":"0.10.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/caldera@0.10.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":"acf528786fd683e42158686321f685e1df21bfe2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1061.7972032682.0.tgz","fileCount":140,"integrity":"sha512-dMYXqs5COsdWNSrz4GjiRpjhKXCLXcHHOWfJQjgPJ43mRpJ9xqzGjAjjJ9cfc8DLJXSapobxMkoGSvpf+ycd/g==","signatures":[{"sig":"MEQCIExFbVZ4IHlMqvDr7RHozMc3gJRU/DCN4fruI4/CR2zIAiAVzuhM1gI64UUIjrc/WTI2NCoL2Kf3Pr3CokmCpvMivA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":303433},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.1061.7972032682.0_1708425877364_0.7034931128290056","host":"s3://npm-registry-packages"}},"0.10.0-canary.1056.7972832858.0":{"name":"@salutejs/caldera","version":"0.10.0-canary.1056.7972832858.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.10.0-canary.1056.7972832858.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":"9486d0fbfe8f09c57671b41ab7b7e4050b440d98","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1056.7972832858.0.tgz","fileCount":140,"integrity":"sha512-RIUZm2zfPlpN5D1NY8aq4E6K30lXXOI/XLjKoYgeW6cudnHyLCWRSXJ8bfRUopPe12hfrT8g+wGcsa07OcT8SA==","signatures":[{"sig":"MEUCIQCZMM3PIzKhKBQ7RDBKrHrJuGdZg417TWFVmEm5JWugHAIgS/dZyQ85wlpb/e1rVhtjzTIjh4vKOKQzpvRBcyhuuc0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299452},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"57f808de8ea37de53072659609e14fc5857e44e6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.1056.7972832858.0_1708429692586_0.5453083016272104","host":"s3://npm-registry-packages"}},"0.10.0-canary.949.7980716098.0":{"name":"@salutejs/caldera","version":"0.10.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/caldera@0.10.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":"ff32a01c442e69941585f45d7a35f9f6b916a123","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.949.7980716098.0.tgz","fileCount":140,"integrity":"sha512-YBWz47c+Bd3HIciiR3VxJ3Q8FaSVdExLfpTgbygeKR0GOHGHfz6B+zFCdvJNvm+Snhc8fzHn8VoZ8gqTmFNsRg==","signatures":[{"sig":"MEUCIFLAmbolGB24dNLI5ApsYtDIzaX8XRyqrf5YMGXJ44j5AiEA9HTOjM+7DdZUCDebqMGNy9m782ArbI4AhGZZfyK2lJ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299476},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.949.7980716098.0_1708468120882_0.7203285467870628","host":"s3://npm-registry-packages"}},"0.9.2-canary.1069.8044092850.0":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"f2f968c5cc8df0c5210e549865e91d7cb3f19ead","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.2-canary.1069.8044092850.0.tgz","fileCount":140,"integrity":"sha512-0UyKlMb0qMLjF+764ez7k92QcYwWKHvTvTEO+2V3bW3ERGZ9n3Li12zZuMunhBLzwerjNbc2rlo929LEmLnt+g==","signatures":[{"sig":"MEYCIQDMGMl5/GvAvNqM4B1E24Hk/0lnMIkCoj+6VRRpk2+/iAIhAL/7ik9FmJwcXjGHR6TWew3U8QIWvz9R3RYMxkcPYne6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299553},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.2-canary.1069.8044092850.0_1708926050544_0.34903831209937675","host":"s3://npm-registry-packages"}},"0.9.2-canary.1067.8045865578.0":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"ee393d6b02703d49d921fda4f5dc2b6a15289d43","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.2-canary.1067.8045865578.0.tgz","fileCount":140,"integrity":"sha512-XdzE5n85B1PORtO0zFU84PCxYG+J0Ymq3QXexECcUHkgySQIZ/cm0cWyY+9cZ3oRUTN1CgEJ2BITgLaVkHzapA==","signatures":[{"sig":"MEQCID04yWF8IVvtLS7TdivQ4aqirFYlY2L+d5xWZy8hklFVAiB+pxzC5CYUw6Wa6ZG7PBK8qWftKtitpPJIkqYULcfsiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299477},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.2-canary.1067.8045865578.0_1708937233746_0.41840136558697827","host":"s3://npm-registry-packages"}},"0.9.2-dev.0":{"name":"@salutejs/caldera","version":"0.9.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/caldera@0.9.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":"b2f7a103710d5407018864648bb8a3173221ff4a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.9.2-dev.0.tgz","fileCount":139,"integrity":"sha512-cChDMY4KJlokqUiH09nkrfLwLVc50QzTyjO6DhaG+fPFRYygje9S+Rc7sBGPLGYhJS2b2x18D9bbtdNHDeYaeQ==","signatures":[{"sig":"MEUCIHtMvxuKxkyKVNJvZkCbORWJWKkCoGn5Vc76uSfQLAtSAiEAu7dQUdWvtoESMND977/3K9hDwXvj+syzWMC91C2As6o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":282905},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.9.2-dev.0_1708939523441_0.16501541013144383","host":"s3://npm-registry-packages"}},"0.10.0-canary.1068.8050148030.0":{"name":"@salutejs/caldera","version":"0.10.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/caldera@0.10.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":"66fdce0a17dda2c86ef022770e008e01b87126c2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1068.8050148030.0.tgz","fileCount":140,"integrity":"sha512-WNdmXYfX197a+gj33Ttg+ecWsQ4gyWkh2N6qiN+U35f0BydiaeGsUmRcz6vJmaKBR7ntS5J7gohFnLib5mR+zg==","signatures":[{"sig":"MEUCIQCTVbv/YHdgyRqpTWVoegkz9poxGJoJUU/r0NseEldoIAIgcLHqf3akZ/M/3CaOuctFFgjifedmqgvDPCAYVH453xI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299478},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.1068.8050148030.0_1708957199129_0.649426798158323","host":"s3://npm-registry-packages"}},"0.10.0-canary.1056.8050348509.0":{"name":"@salutejs/caldera","version":"0.10.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/caldera@0.10.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":"0ccd57c6f1da3995292795b25a0141b2fe9888dc","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1056.8050348509.0.tgz","fileCount":140,"integrity":"sha512-JEYKzo5id7jixLWnwvHEBKFYa7gixD5gIqlfC6GTgC8yxaGO3quorw1tENLQCLTgoBsmiy4xJsluPqaXd4+Y3Q==","signatures":[{"sig":"MEUCIQCpB1T9Sat2awycbfksLwFd+FounHg2jh0yjiu/3JziqAIgZe12VKfY0y/a8DiM87rSL+GdTV916+KV5RR1xiNqNUY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299554},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.1056.8050348509.0_1708958338397_0.5173314835105769","host":"s3://npm-registry-packages"}},"0.10.0-canary.1061.8053365098.0":{"name":"@salutejs/caldera","version":"0.10.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/caldera@0.10.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":"64a3e04a2b94b20633aa59dbb23e56e758840a19","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1061.8053365098.0.tgz","fileCount":140,"integrity":"sha512-xW5XLy30U6bs213nA53OE0iScyifyTN6cO2TzXFaJUxN5VlsD8xoDC47o3ZiaFt0Z8MJI0/kLRn/D1/3GEAPJg==","signatures":[{"sig":"MEQCIHbcN1b9BBSwHxs+0IeIXgb2/+ZRhFmIXCrXE2C6PVA4AiBniq4snz2vtCmTJ2Ybn83eyr9l/LfqjVD7jAE1dXjSJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305550},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.1061.8053365098.0_1708970888216_0.5738486290620226","host":"s3://npm-registry-packages"}},"0.10.0-canary.1061.8054965425.0":{"name":"@salutejs/caldera","version":"0.10.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/caldera@0.10.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":"568c11c05cabecf5e2a01621bb5443697d52bebf","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-canary.1061.8054965425.0.tgz","fileCount":140,"integrity":"sha512-hWsNl63B6vmo2na6EsaGLPIbQyEuQLKTOEpO5QbkulqxJiNayvyakVkv/JAlgrzCLQbITuuDl1cYQzvO4jMTmg==","signatures":[{"sig":"MEUCIC2ZEPRqM/AFJqqQ2BTg+De91fWSTixqt7GazETlEPYFAiEA/BzzLL1E2D+E5rZwBWh0eY8bMj5Eg8BsWrbw7r5TW4A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305550},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-canary.1061.8054965425.0_1708979108923_0.3034919048871023","host":"s3://npm-registry-packages"}},"0.10.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"88285c75a9d711a5a23a4849355cccb7abeb976f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.10.0-dev.0.tgz","fileCount":139,"integrity":"sha512-83byKwo6yYMk08dBqvquCAQx63Jz+h/KM1WtmYC6kTO/t2uB8egqV1ampfNR+pLyILIUAij7goVVflegSqyWwA==","signatures":[{"sig":"MEQCIHw/67Y6YnKKV8M39XJ3S4VC9/T2qo+UcXZUPu24Ph9ZAiBYhe2NmF5OH3g5ZWMlLhSvunrcWoIO08It4j0Hd1mhVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":282906},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.10.0-dev.0_1709033650254_0.6468398544026843","host":"s3://npm-registry-packages"}},"0.11.0-canary.1061.8067891362.0":{"name":"@salutejs/caldera","version":"0.11.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/caldera@0.11.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":"f968e25eda69247a60ddebc42807e0143d793a54","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.0-canary.1061.8067891362.0.tgz","fileCount":140,"integrity":"sha512-gVbJbe9XXVzHG9/Q9YOYUgimTc8mxnQCg9Qj/T8IOe17rU6q3v7AELEz4yZX7iuQ5CcxbXank5a5kW8dTTsHrQ==","signatures":[{"sig":"MEYCIQClnWWmKD0JPrBs8EXk9sOjWfFaeCf1h7IHX862BbLGrwIhALH0+ER1cYo99G4XPKIrQbAwe9ImWRUljpVPd1QmCTYC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.11.0-canary.1061.8067891362.0_1709051394669_0.8290406363341887","host":"s3://npm-registry-packages"}},"0.11.0-canary.1068.8068625536.0":{"name":"@salutejs/caldera","version":"0.11.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/caldera@0.11.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":"3d69c7b3f755cb801258f869d73386a75bc003c8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.0-canary.1068.8068625536.0.tgz","fileCount":140,"integrity":"sha512-hSZNxf8B5E/gfmO+9i5py7viDgp5CGAzV5m7/MFbQ0flLbonHhXfnKvmUEl75r8c/N9Qo92s3WCRuSC4FKJ5BA==","signatures":[{"sig":"MEQCIBdM0ZKzbEMhtp65YAKDBC5neguawcE6VfL9SXJiQc0CAiBveUPeyg9uBoGm80ZOjLerPwvoBZaDtTKJnPijV1logg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299478},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.11.0-canary.1068.8068625536.0_1709054719071_0.3085797782202171","host":"s3://npm-registry-packages"}},"0.11.0-canary.1068.8069077954.0":{"name":"@salutejs/caldera","version":"0.11.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/caldera@0.11.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":"0a6f627441775e207067c4d8d1d536b36cdc8ed6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.0-canary.1068.8069077954.0.tgz","fileCount":140,"integrity":"sha512-YoMV22HDx6iiT/KFHM7tirbGAzMekYREjVE4H5rO4GDkxPyoR2Inre92c5xd0AGjtOH9+LgViYV2SCzXlOAhfA==","signatures":[{"sig":"MEUCIQCNW+0U1V/CU7FVAcyUGUTT3IQfIzcSgw5SRas/nAxXrwIgDFfAekAQZoLgIqlMcayn9+aWDaYM22fSChiOnTrfrkM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299478},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.11.0-canary.1068.8069077954.0_1709056777379_0.5761048593646756","host":"s3://npm-registry-packages"}},"0.11.0-canary.949.8072578967.0":{"name":"@salutejs/caldera","version":"0.11.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/caldera@0.11.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":"994fe950fbc85920e6038c48d0bf504e3cdad625","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.0-canary.949.8072578967.0.tgz","fileCount":140,"integrity":"sha512-f0hw/9phX15tpbnuVTVXbokSM8i5OwWRNoaRRydxN+E5A96FiOjicoUDov1mHED9yvD3BdMUstrJcwEjxGPKJQ==","signatures":[{"sig":"MEUCIH3vtOk4HsFAd2OSWsId8FUwaFTz+XNuAGxFRp9XKjFbAiEA3/bmdwacGlsV5bd4Vhc8qb1CPNLYaeopLB3S9Z2kSSc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299476},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.11.0-canary.949.8072578967.0_1709076179950_0.6874442262130604","host":"s3://npm-registry-packages"}},"0.11.0-canary.1061.8076141070.0":{"name":"@salutejs/caldera","version":"0.11.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/caldera@0.11.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":"abfe1a3378dc3251b5fe9920502d0f4ebd3ccdd0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.0-canary.1061.8076141070.0.tgz","fileCount":140,"integrity":"sha512-hQd2z5oBMOT6JfUnIjjtGFi4mzUVyaDnHuHEfBcjl1dyMhyhiVHE651guwMVL+eic93YeDIyw68/jtb+HNBcnw==","signatures":[{"sig":"MEUCIGnLiP8IrRYy3nvSmEQZ7ob4FAoNGxiM3QudAFKtUpYnAiEA6k0MBWt9NaVofc0mVyKNGrIfvmRbjP3t26qLR3it6ys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.11.0-canary.1061.8076141070.0_1709101892521_0.6017959488351228","host":"s3://npm-registry-packages"}},"0.11.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"745f41df7385a835b64b57df648f0f8210df5c2a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.0-dev.0.tgz","fileCount":139,"integrity":"sha512-uO7ozPYktQoNqOeTC3Eey9DwK0TKA8yxedQekITuXrPSkObQUncj6+rdYbpof6PF3uLdy5Ov+vAS/606yAYJtQ==","signatures":[{"sig":"MEQCIEtig4kRXt045+X3zt1DEgLgHAm7ZHeq8/m3wDMT59fHAiB4ay3axbmuFMe9KqfuIPOTM8pn6PuqRwjRUfo5QeayVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":289226},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.11.0-dev.0_1709104291918_0.7887118250020346","host":"s3://npm-registry-packages"}},"0.11.0-canary.1068.8079455194.0":{"name":"@salutejs/caldera","version":"0.11.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/caldera@0.11.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":"3922bd4f36fd31ac9eaec7654d04ae17b306181c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.0-canary.1068.8079455194.0.tgz","fileCount":140,"integrity":"sha512-FbXN544bmtLKNHDFRlDLT0kFxqb6RlrRhBkJn79gQoYkbgyKJ1b5GKYXbnp+BfpSa3qr1yXMHj9tq50UyRp12w==","signatures":[{"sig":"MEYCIQCO7sr6DGP845QsMLHUp6SEPNut88WaAMAbHwp08VSf1QIhAN3O2IDEnDhA7T8nBRSeF7ZrH4pdAwSc+q8jpW2qRHSa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":299478},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-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/caldera_0.11.0-canary.1068.8079455194.0_1709119674505_0.5796093226472778","host":"s3://npm-registry-packages"}},"0.12.0-canary.1074.8079625573.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1074.8079625573.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1074.8079625573.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":"7d6bf9e92d7f46fa06d32125cfaf37aab0289eea","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1074.8079625573.0.tgz","fileCount":137,"integrity":"sha512-QsnJAN1m0tHxGMoOX2lmbhDb385Bc3RtP0uNGImxoPT8ptd0Bs76JlWQ/Xl2/eMQniqyn63cN+w0R7DiSzPwew==","signatures":[{"sig":"MEYCIQCPjzQgdKjae4OYI4XulOn2L80XWZHz1xjCZZRu3SZJLgIhAJLwotFktjIYI/FmH1ABADs9YDtFEgFUylplUVck30+q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305075},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/tokens-caldera-online\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/tokens-caldera-online';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/tokens-caldera-online/vars';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4df6dd984439a0b38caea2ca3d37f5204f0962ea","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-new-hope":"0.53.0-canary.1074.8079625573.0","@salutejs/tokens-caldera-online":"0.6.0-canary.1074.8079625573.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.152.0-canary.1074.8079625573.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.84.0-canary.1074.8079625573.0","@salutejs/plasma-sb-utils":"0.150.0-canary.1074.8079625573.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/caldera_0.12.0-canary.1074.8079625573.0_1709121023408_0.12357614780122694","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8079836438.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1068.8079836438.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1068.8079836438.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":"5244b3d4cc85e20f6f630466e030ef895f3cc8c4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1068.8079836438.0.tgz","fileCount":140,"integrity":"sha512-N95siJAri7uKowrldmxv+cz6ILivXWddglWffdaD3EwGtyZTwIQqMo39D3KuZvD5x9HXvcvPAzAgrQ+P4AbWDQ==","signatures":[{"sig":"MEUCIBYiTbpJq1IkMSUdi2KCtgv9TglV95sXvC/RwH0e72pcAiEA2M4EG5YmiSPVzJFdzJInjj0TWMQEK9FYgxDuWluHG9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"3a3d1de2c0173276a5a5fd658e89c75424ea3728","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.0-canary.1068.8079836438.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/caldera_0.12.0-canary.1068.8079836438.0_1709121693936_0.006347267060121897","host":"s3://npm-registry-packages"}},"0.12.0-canary.1074.8079988997.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1074.8079988997.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1074.8079988997.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":"5e7983d4097ebfd16c8aa3106085118e086b5b41","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1074.8079988997.0.tgz","fileCount":137,"integrity":"sha512-CkdwTGet1sL56vZSZPOeF6citIA3h3csvhbP212lojRfoIG+uSzlGHG5fnmQy9IGK2j10OjJv81IX0M9PTemew==","signatures":[{"sig":"MEQCIAnQys1FUfMUdU1rJ/v8OV4G/nPMnwJOL3XS6yLBuuK/AiBn4NKdbySjCAuXYbHZ4xpWkAYdtMcU5CNBfUZ/J7etAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305075},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/tokens-caldera-online\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/tokens-caldera-online';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/tokens-caldera-online/vars';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"67864b545e5a3dbc94625ef1f4fad4be36075ab5","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-new-hope":"0.53.0-canary.1074.8079988997.0","@salutejs/tokens-caldera-online":"0.6.0-canary.1074.8079988997.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.152.0-canary.1074.8079988997.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.84.0-canary.1074.8079988997.0","@salutejs/plasma-sb-utils":"0.150.0-canary.1074.8079988997.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/caldera_0.12.0-canary.1074.8079988997.0_1709123110953_0.23975701351272738","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8080283671.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1068.8080283671.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1068.8080283671.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":"a8397a4fc7c2d13de52cf6815e3a9b35edfc0ce4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1068.8080283671.0.tgz","fileCount":140,"integrity":"sha512-ykhYZI6+v+HZNtRV8vfEfGa1HazdddEtIYXLIVj7Z638CKoMlLvRwEC6Tchdm59Xn0K200byJEZzZQc38a/5rw==","signatures":[{"sig":"MEUCIQCiof7Hv2KvUadRnNdZDtFOXkVsmyNYYddvYoj2hmJYSgIgepfzGovndtFpOy8ra6FaNVvwvB1WxrMWb0dnJ471JGU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"8da4e60bcfb6fd37330b638353722715686a5ec8","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.0-canary.1068.8080283671.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/caldera_0.12.0-canary.1068.8080283671.0_1709123902700_0.8452901700805406","host":"s3://npm-registry-packages"}},"0.12.0-canary.1074.8080666986.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1074.8080666986.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1074.8080666986.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":"7679a3f41dc0ce73011f5b16a3096c556e7b2dfb","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1074.8080666986.0.tgz","fileCount":137,"integrity":"sha512-wc5n7zIzWTjlJvlIPL3d3kBWNUlY0YRd2faDdSOiTS9qM1m4t6rjwpnAfrVA2AikJ1H/7OxJ+qX//fHFYs3mmQ==","signatures":[{"sig":"MEUCIQCIMGL7BxA0B/ik5P47vd22Sn9YbsakrS/pfkR8e4Sa0AIgHlVksgZHwmjjT1IRgEA1IHl9t3Y47k8BsI/jJ9/DUZY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305075},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/tokens-caldera-online\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/tokens-caldera-online';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/tokens-caldera-online/vars';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"86ab387fe41d44974558bc2b2377887a22e128af","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-new-hope":"0.53.0-canary.1074.8080666986.0","@salutejs/tokens-caldera-online":"0.6.0-canary.1074.8080666986.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.152.0-canary.1074.8080666986.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.84.0-canary.1074.8080666986.0","@salutejs/plasma-sb-utils":"0.150.0-canary.1074.8080666986.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/caldera_0.12.0-canary.1074.8080666986.0_1709126072885_0.4406152127275629","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8081223363.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1068.8081223363.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1068.8081223363.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":"032096cab029f5ee3311e011863f0d8ecddaf12d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1068.8081223363.0.tgz","fileCount":140,"integrity":"sha512-IKcBip3qSHevQPcsVDO9lcuYttA3ISZkhkLDAtdmpCxIvi+meiCBSI5+NSPYRcHpBbCYnkUc8pbSHzhtvoKaWQ==","signatures":[{"sig":"MEUCIFEWu5ODZ+4qsfsSpQrRaZpQJO691JxpoA21aaCmRyiKAiEAkNfp+MR7aFlnjIa3KUtlvAyLHfpB78rZR+H38fsy25M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"3e72f4d7f31136576fbf56ce2fb3705558ed045b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.0-canary.1068.8081223363.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/caldera_0.12.0-canary.1068.8081223363.0_1709127934374_0.8195775424058638","host":"s3://npm-registry-packages"}},"0.12.0-canary.1074.8081359281.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1074.8081359281.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1074.8081359281.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":"100dbb898c5c1b8276ab4c785da9411624729fc0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1074.8081359281.0.tgz","fileCount":137,"integrity":"sha512-3ozVcKMQSayIifSixOwuSQY+uQ7nKJ4Cw7O8sbw/X5Khswlotequ5EsJtDDmAdG2cYRNuxPk1QSYYrlU0sQwDQ==","signatures":[{"sig":"MEUCIHJ3KGwao4cWQfh7rxZEWexh2wq/zAwZiwGHeUGUj/37AiEA50QetGwFg0kGoCDi+neVLpYRcVXbuxbsOW7b53Kic/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305075},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/tokens-caldera-online\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/tokens-caldera-online';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/tokens-caldera-online/vars';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3cbfbea027b33de4e827a7b2231b254de730d793","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-new-hope":"0.53.0-canary.1074.8081359281.0","@salutejs/tokens-caldera-online":"0.6.0-canary.1074.8081359281.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.152.0-canary.1074.8081359281.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.84.0-canary.1074.8081359281.0","@salutejs/plasma-sb-utils":"0.150.0-canary.1074.8081359281.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/caldera_0.12.0-canary.1074.8081359281.0_1709129089880_0.4695121344998201","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8081827697.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1068.8081827697.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1068.8081827697.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":"fb34236a0730ea23553132381e37553fea6d3e7b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1068.8081827697.0.tgz","fileCount":140,"integrity":"sha512-BdMk7p+6Dqjd+j59Fvlh18Wh6WGjNmNj0FqaHfAMLRCfhpaTCTVxX86+8+gCk5a8pocdoViisql5HsGnMpuZYg==","signatures":[{"sig":"MEUCIH99BoVp3aaTuFEfaFCTq7+9Z2MqI2tSRKF7Zt207fZpAiEAzOawCpLPdCCuUtSfe27wGMKvBKqiNim/jiu1LWGT/To=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"eb5186e564d95c3a3562e08318a259b958ab472c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.0-canary.1068.8081827697.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/caldera_0.12.0-canary.1068.8081827697.0_1709130656108_0.42967427129998437","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8082662105.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1068.8082662105.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1068.8082662105.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":"f9725e54c87d01f6961cfffb7e65b2fc03e84b63","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1068.8082662105.0.tgz","fileCount":140,"integrity":"sha512-Ffg+1GLf0EGynvAO+ePkK6b4mbUwoji8YmMnKiXBRcig5Lv7w+W4M1718RqglT9bkYuOpO7n2CbLOUHpQ0kpmQ==","signatures":[{"sig":"MEUCIQDPF0V496DCdPk3KdxRgtmgnmYumRI/J67yMo/kmY+uKAIgLuMY7LGPZqpLcBoNYVnG+ZRObCMg4FznBGVqx+JGAhM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"256ac9ce5ad77f0342dce7f9f7c2b2a27f168775","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.0-canary.1068.8082662105.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/caldera_0.12.0-canary.1068.8082662105.0_1709134055029_0.3363019693253675","host":"s3://npm-registry-packages"}},"0.12.0-canary.1068.8092072811.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.1068.8092072811.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.1068.8092072811.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":"372d6d5a8794d780689e8e9a03b7f0ddb72b58eb","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.1068.8092072811.0.tgz","fileCount":140,"integrity":"sha512-pPn3wPOx6JNurHyYi7RKq8ac58cUNumW9MwPznOZgr3i6Wi7fJoE3emrDlh/S6SimVogVKKulhsTjI5xz4Jmyw==","signatures":[{"sig":"MEUCIH3w0wNtDU5udtEs1Cx2z3RrashY6dSJ0kFJ2uA6emM5AiEAsHl+x5DgsQudfpYnnkgno0mgDijNSAzlz9Z+LvQPkxs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"d263c26b731ff46f1002aa4d88cf5edba2800056","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.0-canary.1068.8092072811.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/caldera_0.12.0-canary.1068.8092072811.0_1709189714826_0.9544105915467702","host":"s3://npm-registry-packages"}},"0.11.1-canary.1075.8092130882.0":{"name":"@salutejs/caldera","version":"0.11.1-canary.1075.8092130882.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.11.1-canary.1075.8092130882.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":"a3854751d33e96f5811816046ae0d5cf50049f80","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.1-canary.1075.8092130882.0.tgz","fileCount":140,"integrity":"sha512-EfzgqaS+3wNMO82vmr1WMks+G3a2NGG0zo+icxJ1ivCGV2Frk3dZGp2qVpHXhcyqvtIeXYa9FnLfxY34z+9kUw==","signatures":[{"sig":"MEUCIAWdmg1D8Y+4TbYI6lc/T97Buv3FEzoPvh2pXD9rECuzAiEA+z2rf/Y98hf6abDmTfBHBLiO/DxU0aTwQHjPPgxLfcs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"a613f02cc1389d937e2dc3398fbfe718b9c71eac","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.1-canary.1075.8092130882.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/caldera_0.11.1-canary.1075.8092130882.0_1709190224259_0.34588644750115827","host":"s3://npm-registry-packages"}},"0.12.0-canary.949.8092729650.0":{"name":"@salutejs/caldera","version":"0.12.0-canary.949.8092729650.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.12.0-canary.949.8092729650.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":"159d76f70acb3d1862023bc8123af3c3db67b3a0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-canary.949.8092729650.0.tgz","fileCount":140,"integrity":"sha512-8ZRX1HWLZ5IJ77naK4PZ2erPvFroknE+gpC1UgG5GM8lg+LwNxRj8MVaShICvvufiS8iKNyoTf+hL6fSiivLgA==","signatures":[{"sig":"MEUCIFLvTmL6/0m5oSTqDk0jjCI7utJh+oDCqGyIvVDgrMugAiEA6NUjF0gbTPoCfx5MoOdr3rX4OiuLyn/D5FbztfmkjFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305537},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"f249d2168349954375372400e1c367b5bca5cad7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.0-canary.949.8092729650.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/caldera_0.12.0-canary.949.8092729650.0_1709194176950_0.7429786009974813","host":"s3://npm-registry-packages"}},"0.11.1-canary.1077.8094014915.0":{"name":"@salutejs/caldera","version":"0.11.1-canary.1077.8094014915.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.11.1-canary.1077.8094014915.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":"6915f31ceba8de8e8d4e96596f0cc3b0f1928baa","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.11.1-canary.1077.8094014915.0.tgz","fileCount":139,"integrity":"sha512-dSHsrlSByBNwjkTLSvMftj6HzbBhCm8PY2P/pLXbOwIMYdEYvCE0VW85CS1FAmDkFctlRmirdRo7QFdUmwSs1A==","signatures":[{"sig":"MEUCIQDxE5pKgehyWJutX92vWw1j97uq97ssti8S5h7Z8WGJFgIgHVEvDhw/cDMZ9XZrwKNxaZmLnJdyEdN9mRfS4EPWSWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":289264},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"95478c448155b821549f8264a3e133a821cb1088","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.52.1-canary.1077.8094014915.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/caldera_0.11.1-canary.1077.8094014915.0_1709200723849_0.26707883255040943","host":"s3://npm-registry-packages"}},"0.12.0-dev.0":{"name":"@salutejs/caldera","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/caldera@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":"0d52408f792ead93f744bb01debb5a13acb7556a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.12.0-dev.0.tgz","fileCount":139,"integrity":"sha512-13yTHYyxZyj4F7U8gqT/ntjlrEmAz2uN7wG+E6mNkp4APXutkc6/vXGrtmUbsl4NUVhmT0buI+72pw2p/9QBRw==","signatures":[{"sig":"MEYCIQDyxwsvmxUZs+wxDifp4xiuSrQTldef99X3iTrVcWU/FAIhAPYrDHYS8T/Iaj6yscPe4upR7SvuBfXn+laHb3lhCiN7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":289226},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"6b4845865b05fd60f722e735772839500736ca67","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.53.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/caldera_0.12.0-dev.0_1709201491205_0.13643195870153035","host":"s3://npm-registry-packages"}},"0.13.0-canary.1074.8094575646.0":{"name":"@salutejs/caldera","version":"0.13.0-canary.1074.8094575646.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.13.0-canary.1074.8094575646.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":"2916ceb8aa88f7ea217e6f38771dd34911e43eb4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.13.0-canary.1074.8094575646.0.tgz","fileCount":137,"integrity":"sha512-2kTfDMZh4M3dbYPLRRj/bnSp1VpMwO+B4lgrdaItPRmJ8gMopq4GeNyWDJY5SfvYKLWv5J6Mtwg1lLtbWFJcow==","signatures":[{"sig":"MEYCIQDm35TIScgFeX99Euv6FIvVaCz/pZCayxeokXHzUemkfQIhANCy0jjPIpx0JOELzOH8GgpfFn9gJHYhvaAENv5ehQ02","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305252},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e115fcbed432a59d9cb1448d8699b3e983796c96","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.54.0-canary.1074.8094575646.0","@salutejs/caldera-online-themes":"0.6.0-canary.1074.8094575646.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.152.0-canary.1074.8094575646.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.84.0-canary.1074.8094575646.0","@salutejs/plasma-sb-utils":"0.150.0-canary.1074.8094575646.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/caldera_0.13.0-canary.1074.8094575646.0_1709203974532_0.7488195027401763","host":"s3://npm-registry-packages"}},"0.13.0-canary.1068.8094654690.0":{"name":"@salutejs/caldera","version":"0.13.0-canary.1068.8094654690.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.13.0-canary.1068.8094654690.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":"400d6e9b94132c5103278d20e76d7477ed0d29b5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.13.0-canary.1068.8094654690.0.tgz","fileCount":140,"integrity":"sha512-3O3rt+BRCi+WwiQRDvGZuQh29ecQeNzJOIMx67fbse94QojsFXqa82DEKXKnXe2CF/os3vyMrSulWril/GNcHw==","signatures":[{"sig":"MEUCIETQUiE4IqEkqYCMbfxBpZxXUFLrPiGzxNVz4ks5Irs6AiEAhuFvFBXlPVitDDxuUuMaf9ekwUc3OSic5+iCc+z1AGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"8a8e5b16671f20bad08a954255a3be5f8489a492","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.54.0-canary.1068.8094654690.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/caldera_0.13.0-canary.1068.8094654690.0_1709204172303_0.06307319164074943","host":"s3://npm-registry-packages"}},"0.13.0-canary.1068.8094930449.0":{"name":"@salutejs/caldera","version":"0.13.0-canary.1068.8094930449.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.13.0-canary.1068.8094930449.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":"4853ca9f757a5d14cb3230799fc9d2fdb924281f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.13.0-canary.1068.8094930449.0.tgz","fileCount":140,"integrity":"sha512-DqYYlqw+Fsz4Fz6Tlp/7hvdPZrt8mBpA9VeE05U0iWJ7sEGtHoRYori/7HMmBEy65V1wHVNKqBunPQ/J0U2sYQ==","signatures":[{"sig":"MEQCIDrcNgHzJgc+M49lM4rQuwgPMfdanOpic4BxO5xVHVl6AiBv0j0eeSkdurBopEflCFzI6MoGEe3ZQ+c9UgTknPRivw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"04b424c5fe65e6dbb465e66917088ebae1583a2a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.54.0-canary.1068.8094930449.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/caldera_0.13.0-canary.1068.8094930449.0_1709205300348_0.6982423656138756","host":"s3://npm-registry-packages"}},"0.13.0-canary.1078.8095147029.0":{"name":"@salutejs/caldera","version":"0.13.0-canary.1078.8095147029.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.13.0-canary.1078.8095147029.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":"6722b52d8affe44409d116b9720eb2032e6aeb63","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.13.0-canary.1078.8095147029.0.tgz","fileCount":140,"integrity":"sha512-Z7+rt1PjOpruLmExl11YL4SAW5TRqZRTbBaFCqXPqUCIcHqymF8DDCd7bNc0C8rmgwf7YLjBv66CzFu5FsvtCw==","signatures":[{"sig":"MEYCIQDdFM/TOcMwyY1xcrKCNMSXjE6DKj/NXdSYLisZp6onLwIhAL+rEVQQiIC33z/wBVqTcrWndMzaZwYzvxu0M5RdK18J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305596},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\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=\"caldera\" />\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/caldera @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 { caldera__light } from '@salutejs/plasma-tokens';\n\nconst ThemeStyle = createGlobalStyle(caldera__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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/plasma-tokens/brands/caldera';\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":"f14fe8471e480362690749542fbff523c79a46af","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-typo":"0.40.0","@salutejs/plasma-tokens":"1.74.0-dev.0","@salutejs/plasma-new-hope":"0.54.0-canary.1078.8095147029.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.152.0-canary.1078.8095147029.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.84.0-canary.1078.8095147029.0","@salutejs/plasma-sb-utils":"0.150.0-canary.1078.8095147029.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/caldera_0.13.0-canary.1078.8095147029.0_1709206789519_0.8567790688304364","host":"s3://npm-registry-packages"}},"0.13.0-dev.0":{"name":"@salutejs/caldera","version":"0.13.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/caldera@0.13.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":"e0bdc90a1914ff1a5170ec8afca1462faf9e0d3e","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.13.0-dev.0.tgz","fileCount":136,"integrity":"sha512-WfodDT0eXeHis+x9PGJ7EXHgXcxauZUQQ+G9dc5rqtqPoEXO4figSv9EIdZQM1LaCo5/Gn/Pa0oo2+ScMM+VIg==","signatures":[{"sig":"MEYCIQCC6XeR3V0Qm8w9ciLfiCtewnxe1RkEoyGD6rsYfTkvUwIhAOLRjKkEGSmQ1FVvtPW+2JtcaltYiUEYZedOBTKxHLbG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":288421},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e6188bc5a6ed10a82811341fe20579703b90f4c3","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.54.0-dev.0","@salutejs/caldera-online-themes":"0.6.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.152.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.84.0-dev.0","@salutejs/plasma-sb-utils":"0.150.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/caldera_0.13.0-dev.0_1709207678769_0.5654786093572395","host":"s3://npm-registry-packages"}},"0.14.0-canary.1068.8095905739.0":{"name":"@salutejs/caldera","version":"0.14.0-canary.1068.8095905739.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.14.0-canary.1068.8095905739.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":"8d253220790f029700bd7803e0b14d406a9a95a3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.14.0-canary.1068.8095905739.0.tgz","fileCount":137,"integrity":"sha512-pC/1eR4/tmBmHYW1gLmbRS/i3IfnSIO/GSjc6uswpK2KZX+map9wxadN2hzOCzb3pCW8ak0xhn9M9hheEkE65g==","signatures":[{"sig":"MEUCIFjdOQI5q9fKqe6bgu7iGS2Dr9zXeH8GUcx/REKfg0HAAiEA5/y0UCKqnlRI7FLbW2v7K0hbqNiE1euWuudZy/isqik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305176},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"de6d44eea03edd2ac46a00f1bbc448f536f4d184","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.55.0-canary.1068.8095905739.0","@salutejs/caldera-online-themes":"0.6.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.152.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.84.0-dev.0","@salutejs/plasma-sb-utils":"0.150.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/caldera_0.14.0-canary.1068.8095905739.0_1709210222981_0.2669792192149827","host":"s3://npm-registry-packages"}},"0.14.0-dev.0":{"name":"@salutejs/caldera","version":"0.14.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/caldera@0.14.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":"8d76435f6964cd43ca48f25293d001c64d8e857f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.14.0-dev.0.tgz","fileCount":136,"integrity":"sha512-FCqceqrq2JAdSKVSH0FmSpT7b1JtbCVJDBuZdZVJTQZT1BFUCn1GWOvKsDPuDNIhjAlwCRzXTWCJs3JsIbn5LQ==","signatures":[{"sig":"MEQCIDQSq/BtvZcYKLZXkmTVrKnsPcVpqj7EGiMuT+4Pdj5zAiBdYx3hQy3H8hcmVex3tK3l008HKj9BC2xJzNYH3OBKsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":288421},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8a1fe1261bfb6778933fd4ce229f7d44fb27c6c2","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.55.0-dev.0","@salutejs/caldera-online-themes":"0.6.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.152.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.84.0-dev.0","@salutejs/plasma-sb-utils":"0.150.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/caldera_0.14.0-dev.0_1709212056488_0.7423758186682086","host":"s3://npm-registry-packages"}},"0.15.0-canary.1079.8096644637.0":{"name":"@salutejs/caldera","version":"0.15.0-canary.1079.8096644637.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.0-canary.1079.8096644637.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":"f48c03e76417297c284036694849b034ad40a473","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.0-canary.1079.8096644637.0.tgz","fileCount":136,"integrity":"sha512-Ke7SdYivfOG4mO0amZoZt5VSmDoP1MKFZV30k9eIynga+mGwIHv88AP7Lxk/LPNMO9ACi7jt9vMlG3+65JmfEg==","signatures":[{"sig":"MEQCIBEOWhhPDIa3IVXLzR5B5mxRWDfgPn7CWZDQ7HY4Oa9NAiBEwgr2EmN53AAhO/U+E1dyoYTqCf/+0/r0r1CHFrFutw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":288535},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"2813ea8a215f11b78f200435dc54ed74e91455e7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.0-canary.1079.8096644637.0","@salutejs/caldera-online-themes":"0.7.0-canary.1079.8096644637.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.153.0-canary.1079.8096644637.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.85.0-canary.1079.8096644637.0","@salutejs/plasma-sb-utils":"0.151.0-canary.1079.8096644637.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/caldera_0.15.0-canary.1079.8096644637.0_1709213682106_0.16452029880133656","host":"s3://npm-registry-packages"}},"0.14.1-canary.1080.8097146395.0":{"name":"@salutejs/caldera","version":"0.14.1-canary.1080.8097146395.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.14.1-canary.1080.8097146395.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":"a76498bfe82f81145a6bbbe154d37d776e9172ac","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.14.1-canary.1080.8097146395.0.tgz","fileCount":137,"integrity":"sha512-vK4BwWwySh8nx2qyVpDKqJBWJxl7ZS1QqB/Cez8YRKBhXGJIaNBxRnfuk0cz6tIBNPDutBVsOZlHed+HPBRklg==","signatures":[{"sig":"MEQCIGMBynvh+Eld8NaAhBxalruiE9wHOpaKf+pMAiOGudUSAiBZGYHer51e94lc72gkd8SvrtDmYFtFmOtJwatvCc+Bfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305176},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"98dccf69fa3ba2a0026fc40dd7916ddf7739868c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.55.1-canary.1080.8097146395.0","@salutejs/caldera-online-themes":"0.6.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.152.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.84.0-dev.0","@salutejs/plasma-sb-utils":"0.150.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/caldera_0.14.1-canary.1080.8097146395.0_1709215825645_0.9153278287538331","host":"s3://npm-registry-packages"}},"0.15.0-canary.1081.8107856514.0":{"name":"@salutejs/caldera","version":"0.15.0-canary.1081.8107856514.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.0-canary.1081.8107856514.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":"6b3ddcea48c4a736b9f1d56bc27cfa3975eaccdb","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.0-canary.1081.8107856514.0.tgz","fileCount":137,"integrity":"sha512-8w6tUdVtSmkgYk4o2oW037FIO+KYDBn/Mm2vn8V+KfgnyN/Vnrp7B+MebIIvd78kdfZexKJQp7xkcbBVM/zfVQ==","signatures":[{"sig":"MEQCIAi2muas2tgAfzC88NG/IHXm96hUwjF7k8eNzo1VwBxZAiACFn6pm3iqPSc27cToKcmoRrbxJZxc+F8Zg7stzUBlJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305176},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a0a062aa6562fb485862db66b3faf3708349a769","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.0-canary.1081.8107856514.0","@salutejs/caldera-online-themes":"0.6.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.152.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.84.0-dev.0","@salutejs/plasma-sb-utils":"0.150.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/caldera_0.15.0-canary.1081.8107856514.0_1709278127708_0.8323575272333632","host":"s3://npm-registry-packages"}},"0.15.0-dev.0":{"name":"@salutejs/caldera","version":"0.15.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/caldera@0.15.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":"bd909957ab6961fa6080e375e2b2cf3e6d597fd2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.0-dev.0.tgz","fileCount":136,"integrity":"sha512-EFMu3bLUMg7j2pV0Pj8g5XD4AQsICwaPnxwRA3bmHtUIwgEkCLjNooL00ff6Cbd28I4LQskTP2/1JgfAtqkWaw==","signatures":[{"sig":"MEYCIQDAdIfo+NvUQeGMxbC1WH2KnbljdEWH8LPdE9XQ4RwxkAIhALGRIBtks0HaTxS9WQy16KuOGXy1M+zNifqvqs6kGHzA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":288421},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"429102980aebbbd22d7321e9050ec1ea7fe466e6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.0-dev.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0-dev.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.0-dev.0_1709282065745_0.5789483648278029","host":"s3://npm-registry-packages"}},"0.16.0-canary.1079.8108883486.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1079.8108883486.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1079.8108883486.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":"9be9838632db645b6e0240614083ff4586174187","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1079.8108883486.0.tgz","fileCount":136,"integrity":"sha512-HX2kGCK3pwi1t7SzvP3V/uXg/b1R4IOd8bDU0vq1YVNPHCOtqSkzZHkhf3qYP3hUl0bPg70dsbf5H2H8d8/tYg==","signatures":[{"sig":"MEQCIBqRfXpT/ew2WoPaOZ9zGP6p2C77ERK7xTSyVpBRyj5lAiBpmm3XvCPVGzgGfNe8kl1Zzv/IaTh/Bht/ELNRtlOK+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":288535},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ac74590d596a8cc56b594ba23862837b60873901","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1079.8108883486.0","@salutejs/caldera-online-themes":"0.7.0-canary.1079.8108883486.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.154.0-canary.1079.8108883486.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.86.0-canary.1079.8108883486.0","@salutejs/plasma-sb-utils":"0.152.0-canary.1079.8108883486.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/caldera_0.16.0-canary.1079.8108883486.0_1709284560514_0.4945024458849605","host":"s3://npm-registry-packages"}},"0.15.0":{"name":"@salutejs/caldera","version":"0.15.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.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":"296d1487ade2ccbcf4d9c916d91eb9ba1cd60d14","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.0.tgz","fileCount":136,"integrity":"sha512-3lgXJIRmJM8yHi6ChHSWPpIQ/Juf2BrJYKzYJrc9q1NlkRWJP2FAUC2gwCCg/egvjZZQxAur12bXBHu+/3y49Q==","signatures":[{"sig":"MEUCIB02cTdoSVhHPz4jUyy7HFNGPmxc5vNiwW3P0WRpKvy7AiEA+cAj3fmEadqQzgpxY3RYBqMQBKvquR6xuUdR/9XqWQ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":296772},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"6cfff263817b02abe83767d168f5f7c28f907096","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.0_1709285997693_0.5859031767542009","host":"s3://npm-registry-packages"}},"0.16.0-canary.1081.8111120813.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1081.8111120813.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1081.8111120813.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":"b6a55cc499371e023422c04337e1d472f2283eb4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1081.8111120813.0.tgz","fileCount":137,"integrity":"sha512-AkP8tQjjhSC9a0JvY734p0kqPyPwE8LJ0l96Ug7An1b96EocKBXRJGZgQG23rf0uSBmzmE0WJU8sgPndJxT75w==","signatures":[{"sig":"MEQCIF2sbhd7eUFsb8G4Pv6iOsZk9PEZDJimN0QMwos5JvpLAiBxJMnDA3u+M8PJjNBGun/P5qPtjcd5YA30cPHbkx/0Ag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"48a5626aaf7f0f5f039feea858ce77f254563464","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1081.8111120813.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-canary.1081.8111120813.0_1709295972891_0.8117200267289291","host":"s3://npm-registry-packages"}},"0.16.0-canary.1081.8112366460.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1081.8112366460.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1081.8112366460.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":"c745e0e43a23e75f8417dde4ad47cc99ac63bd8a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1081.8112366460.0.tgz","fileCount":137,"integrity":"sha512-U8KtGeIARlyJW6HmSruVuY1IDklhxnR7RU458qSGyC+r895IU+vTLX0VFYjNDPrUQgSt190tTrty1pw61C7R4g==","signatures":[{"sig":"MEUCIQCEZCygiJWPs5BRAZR7FjLNBAYNIF3pEuTypSEVazGdlQIgVKVsZheeA099F93pVT38WJjHGSL5oFvC6AO/F9kjOrk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4aac7b52422ffb20205af856ea61a3a579ca159a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1081.8112366460.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-canary.1081.8112366460.0_1709301946903_0.9648378131845619","host":"s3://npm-registry-packages"}},"0.16.0-canary.1082.8114039962.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1082.8114039962.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1082.8114039962.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":"360260fe28fec0051e7733ca276a2de2fa1b875b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1082.8114039962.0.tgz","fileCount":137,"integrity":"sha512-vCF5ywnLZb9SfqLf6LjFQzUwFmuwcNBsVgRG1iNxtBve9TN5kqdpABW0p29OPBj1/1DUkZyQBHNRmKMaeRQQHw==","signatures":[{"sig":"MEQCIAjvEDW7nBPnmU75rSsysP8idRzcXx2mEtTzPiyFD29SAiBBLySS/kdXYFFLFD76weOKXakm+4TNDIIlFIqHcp+Ybg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"17c2ccf03b0ba72bd1154d7546c49c8f40caff11","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1082.8114039962.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-canary.1082.8114039962.0_1709310716093_0.49628086067357224","host":"s3://npm-registry-packages"}},"0.15.1-canary.1083.8131317017.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1083.8131317017.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1083.8131317017.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":"46dddec8b72500f29ff2094612d3235dccdcfc33","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1083.8131317017.0.tgz","fileCount":137,"integrity":"sha512-4V8uHhcf57xInljRj6+PbzxVkM/zeL7ijgtG5bDLDQup+xWDw3tzQFBjZ0JF57rS+WBKbbO8nyaYSWPpY56A5g==","signatures":[{"sig":"MEQCIGePP3MaeynfAJZJ2by9uwuEogzfwGs2aFskAIPbPAghAiBK5+DN1f45jrtSxDIcf7FlB3dozuWV3ysHYmu5GyEXfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"7f96bb368be7f0c5efcdcdc922a87fa5c573f395","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8131317017.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.1-canary.1083.8131317017.0_1709481726207_0.5935879672823501","host":"s3://npm-registry-packages"}},"0.16.0-canary.1084.8131416575.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1084.8131416575.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1084.8131416575.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":"0d09b61df3d9b7b553279e63fb86328b5d560eb7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1084.8131416575.0.tgz","fileCount":137,"integrity":"sha512-77rdsajurzO9BReFOa1VuBV5tBL5ewts/okvfoLQQ0uTPEblarGmdw+LT9ey15sntPO9+f847sueVDVry4p6SQ==","signatures":[{"sig":"MEYCIQD0g6N1S+8yEVzZ11MZZI+ZEOUhrUNUDddaKFxu776ufQIhAI1ND48oXnDdiSqeHESynCubrYrGAQHgvBm3VEkp4MiN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"fa1e6a022988e1872bc6580670ff3c00734aa779","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1084.8131416575.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-canary.1084.8131416575.0_1709482813016_0.5866191735854647","host":"s3://npm-registry-packages"}},"0.16.0-canary.1091.8138016017.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1091.8138016017.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1091.8138016017.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":"6724ba762bf7152bf991ab4ac791c472fed5e321","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1091.8138016017.0.tgz","fileCount":137,"integrity":"sha512-dDMrb7Ug21wFibwTKKzrpQZVRDmoJ/cJmz3u5ztuaxQdqc3VBviRUGOzJqqk4dYAPXHWwAL9SC7D0Pev9hXLBg==","signatures":[{"sig":"MEQCIA2NyS9D+Ok8r9SsVTKbu6arX8DQtNA35TYAMd7AsibhAiBE/nEghAj7UU0XnYz25BB50wR6tdL6hiuNjovvWyMSbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"edba151a0f3ac13a739131385a741df3f6702ef5","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1091.8138016017.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-canary.1091.8138016017.0_1709545209720_0.1617255172900307","host":"s3://npm-registry-packages"}},"0.15.1-canary.1083.8138082492.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1083.8138082492.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1083.8138082492.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":"5fd998df0cfb05c16eb30f596bfd353dcb53cd99","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1083.8138082492.0.tgz","fileCount":137,"integrity":"sha512-JXwK+3tqkBnnmlvplF4+gYG9sg6br1EhgrHZ3o3fFWs2rIiLvDE551w0kLUJthoOZg6Vjt3BFLHTA15r5nptuw==","signatures":[{"sig":"MEQCIF0Jtr3SWhP/9ftQFXeVN6RL2u5LmBmn630/YMZv0qBXAiA5k4G/RPMjkmPXTsQzUZN3b7UX7rDuKbIoUZLFnd2+5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1dc45410b643c448df4b65cdf01b8252426442fe","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8138082492.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.1-canary.1083.8138082492.0_1709545475761_0.8389198540721297","host":"s3://npm-registry-packages"}},"0.15.1-canary.1083.8139542265.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1083.8139542265.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1083.8139542265.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":"98119666997123d981d71eb66e7252230640eb1f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1083.8139542265.0.tgz","fileCount":137,"integrity":"sha512-4+xc/iqGjr5ZBAdQy094ufP2oKDACVecMj7xuVWFxX6VpYTsvD19JgXGUWKJ00yeLYVxJHxFczdYG2/rweqDVA==","signatures":[{"sig":"MEUCIQDi8T7udC8yZlz49y/DSFWEP0rb2KSLSDdJxzjFH2WAVQIgDZXPTiJ4xd+14nTLb5acjQ8zCVsZJ5oS994V3z2UHH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"62a8b4cb815ce2534399443bc7ec59d68b16d5f7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8139542265.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.1-canary.1083.8139542265.0_1709553414576_0.773037644749595","host":"s3://npm-registry-packages"}},"0.15.1-canary.1083.8140475502.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1083.8140475502.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1083.8140475502.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":"c7eb1d2eb9cd1aa52f4ab5a7edaaf61d611cb9f3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1083.8140475502.0.tgz","fileCount":137,"integrity":"sha512-/KKdp/iq/UhRKuaxyYjKiClnyPnwj1jcepzCn6x1hj9bvLvr2Ocjt56FKIktO1j39oxFhEXrXnxQZs+8IroXUQ==","signatures":[{"sig":"MEUCIDzg+8KCcaTA0UR+EN+tzY2etEwh9eASUzsK96dT7RCKAiEAmJLisTuarktbzwhrM7qrlf5S8c5DOn7kCNjwTILLUg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"48f07538a907e083ba361e2a243a99aeaf3864ae","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8140475502.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.1-canary.1083.8140475502.0_1709557682366_0.4596699312797248","host":"s3://npm-registry-packages"}},"0.16.0-canary.1062.8142204472.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1062.8142204472.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1062.8142204472.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":"2ab7296268c87fb11dd6d14484d9c3a016383b87","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1062.8142204472.0.tgz","fileCount":137,"integrity":"sha512-9MhMfh3w5dyoSsnPtc6vMJBQQFJOjVpkLYZX45s/H6EABdYJsATALgE/CdtZuqaTM6pIUEg5pGsKTqqSXImH/A==","signatures":[{"sig":"MEYCIQCkO11z2kS0adbICfEzJHrFhHF1lI50EJ52NGVuDS7BJwIhANTPvu+Y13nWMiMvu47Ise/fr7jcW5Z+v251tp9fggqe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316294},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c189a8fe2be9347d71bc85649ac8c7965071596e","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-canary.1062.8142204472.0_1709564801586_0.7157501784424154","host":"s3://npm-registry-packages"}},"0.15.1-canary.1083.8152066883.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1083.8152066883.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1083.8152066883.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":"961b0e73e3c2121acd8f0a93f2967ce506c89181","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1083.8152066883.0.tgz","fileCount":137,"integrity":"sha512-nmImHbqMhkAsjLU7AHMNZ0kpiB5ciFfy/24i4w5JZwdOmZRyi/xDZWzoMdTORh0VZiEekPPfoAYysRCH9eiJ7w==","signatures":[{"sig":"MEYCIQDRXH2wAhYllOI+9DD0OMfXlOKEX5kqXVHUlxtNaWylPwIhANm4NV86wZd3xGx4THlG4XkRowRtX+b0mUuTcaf/NPw7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"18f037d0c99f035e4abb4b85f0f9093440a99232","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8152066883.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.1-canary.1083.8152066883.0_1709621403029_0.21200492871903376","host":"s3://npm-registry-packages"}},"0.16.0-canary.1092.8152262621.0":{"name":"@salutejs/caldera","version":"0.16.0-canary.1092.8152262621.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.0-canary.1092.8152262621.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":"e59d8aa2394c8504f974e651021f1d2dfed64f3f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-canary.1092.8152262621.0.tgz","fileCount":137,"integrity":"sha512-QtYE5hsdF+7J1DGrwvReI23rdtURYJ31Lfw1Ivs+HBG9VHExOvAPj9V/uSZjUaZdFP/TObiWwDlum93GRIj+kA==","signatures":[{"sig":"MEQCIDDR+rxVbjkfyIo39v/5RtBEAKlcu39PgWNtRh4u7vvVAiArWOu7m868xLGoFkVGdkJWjXva6q7mFD0G99g/Yf3B/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316294},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"267cf50d18ce7e5f84a9b7f5b0aaa1c5a3c0464d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-canary.1092.8152262621.0_1709622792127_0.9578161655980044","host":"s3://npm-registry-packages"}},"0.15.1-canary.1083.8152512133.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1083.8152512133.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1083.8152512133.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":"8a8278a290f53516e2f106c30557607607c130d8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1083.8152512133.0.tgz","fileCount":137,"integrity":"sha512-3VhZaVL+CMib4T4uTS5jpwWLa1Kbl/PjXp1R5fMn17bgqyYZa68Tf9FpeaRRyfSldLPdqkaSz3v+kIRvy5zIpg==","signatures":[{"sig":"MEQCIAML7pFqs1kVIwOlynrvld9/wTZcBUTSQ8lAAskbr0zTAiA+/siZjWAzEuJDGrhPjbl/985Ze/wIM4XzeiEeuFDa3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313539},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"620a38d04beed23ddeb448be888daeee5dba499b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8152512133.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.1-canary.1083.8152512133.0_1709624337787_0.36950227429103966","host":"s3://npm-registry-packages"}},"0.16.0-dev.0":{"name":"@salutejs/caldera","version":"0.16.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/caldera@0.16.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":"4d16da429f686c1a91ed59cd93a9cff9912cfdb2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.0-dev.0.tgz","fileCount":136,"integrity":"sha512-7j1HfWEuW1sTC6ftBoRpWO/fGwB+ffdcWdQZKVMkFV1OeO8rL5CUZRZ1o/e5BVvueJbm0uhF2xj8hVdB8gWmgA==","signatures":[{"sig":"MEUCID8lAgEHXgPEnZAhBktJ5lVK3IuiH51Q8lFmWXO7qerGAiEAjVS/84NbeGw93GDW1UitBtVMuWkrBzRSV6l1SBEXGLM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"97dc95a12269357e6b3f6a1bb7cb1a15efdaa1cb","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.0-dev.0_1709625080897_0.47918710101044315","host":"s3://npm-registry-packages"}},"0.16.1-canary.1083.8153289956.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1083.8153289956.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1083.8153289956.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":"ef3e2782bcb4d22e8db317dc1a878b07ad04152a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1083.8153289956.0.tgz","fileCount":137,"integrity":"sha512-HZN0SSqBMrhFuMN+lH4k+X3g6IYin8Fwify3xECl8bFlwxFTYllKg9p74UNnevH9WI/Ux2y4IcrmSe8lOv5Nfw==","signatures":[{"sig":"MEYCIQDmrMB73nuDKmmZPvQZllojk+9MR/00GVj5/Y5gWz/KMQIhAJniMsvIO9w92rNhNbhWup+jsCb2y5rDasZ9iY9Ye/ui","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b656cf3eba3e722469694322bf3e72cd2deff634","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8153289956.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.1-canary.1083.8153289956.0_1709628695553_0.42834507503745134","host":"s3://npm-registry-packages"}},"0.16.1-canary.1083.8153489438.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1083.8153489438.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1083.8153489438.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":"ad5c64f8132a792cc293cd89b66336ae086e8091","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1083.8153489438.0.tgz","fileCount":137,"integrity":"sha512-8QVG5df4qm2RDCu80i+9QgkHhh/X5nmi7wU+QUXzw96KH0TKzVH/UsXlTZnUWRS/2LVQP7IbJTyRsjMuF9Ot6w==","signatures":[{"sig":"MEUCIBlgxnBIkw9DlJDhGsmD0LYdka7mBPCJcRsWjzA/Vp0GAiEAnRWvWs2XeXc3zly1sFus8Za6fm8na47jtxgGpL05ejA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"d72e7c4499d9055563eb1b49afd4c62929dff56b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8153489438.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.1-canary.1083.8153489438.0_1709629844639_0.14186107600049347","host":"s3://npm-registry-packages"}},"0.15.1-canary.1093.8153576579.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1093.8153576579.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1093.8153576579.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":"00a5540445504a6b5fbf6526febabba2dac92eec","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1093.8153576579.0.tgz","fileCount":137,"integrity":"sha512-Vb5y3fiO0pwojMI9e9rjm04pE4qsEl6bGxpI/u/WNFW19BdBljgVTGp6R4zF2tq6cJi9q7qNVehpkXxV2LWiYg==","signatures":[{"sig":"MEUCIG6mY14wYPI/FrHbMC4u7xk//+jkFjkX1xECvLthoaooAiEAmEKXLT4khbhsGJCcarsuGbrra4wtd+HlK6HN/N+Sby0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313614},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"d2c02f631128fadb39fc5e04635641a699191daa","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1093.8153576579.0","@salutejs/caldera-online-themes":"0.6.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.153.1-canary.1093.8153576579.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.85.1-canary.1093.8153576579.0","@salutejs/plasma-sb-utils":"0.151.1-canary.1093.8153576579.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/caldera_0.15.1-canary.1093.8153576579.0_1709630448955_0.144784809085843","host":"s3://npm-registry-packages"}},"0.16.1-canary.1094.8153757283.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1094.8153757283.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1094.8153757283.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":"2e02bf60a87c85c3e99998daab6d12e6b19b70bd","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1094.8153757283.0.tgz","fileCount":137,"integrity":"sha512-2T0Aewhs7YedtUQh88UZTVcEzJAnUr+lnvliU0iFBoXa/uey5bGWY8WURlG+OasrffKWOj8Xam7FHOhqoatyYQ==","signatures":[{"sig":"MEUCIQCS3Yv15hB+mantuAsE3JdWTo6YoIY6yR2LLR593UJ+1wIgbkVVJ7wzpeQDSKHbu5ry640N/R3sOSKPEbwocTrIOgI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316394},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"627fd30f73c2b084af0e2b064d2a7687c57f70ba","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1094.8153757283.0","@salutejs/caldera-online-themes":"0.6.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.153.1-canary.1094.8153757283.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.85.1-canary.1094.8153757283.0","@salutejs/plasma-sb-utils":"0.151.1-canary.1094.8153757283.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/caldera_0.16.1-canary.1094.8153757283.0_1709631218531_0.8364986280807996","host":"s3://npm-registry-packages"}},"0.16.1-canary.1083.8154166498.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1083.8154166498.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1083.8154166498.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":"8b2bfb965f893113a5e0852aeb014cbe83d1d88a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1083.8154166498.0.tgz","fileCount":137,"integrity":"sha512-HIl4I8UR7OpyhF4Hu/XkzlDY26X71q8HcKrSe/Q29GZkJWKh+xPx6ipv0oqEHv0j3vnR958O01MOTWF4ryFtEA==","signatures":[{"sig":"MEUCIQCTMuWWvoec99VEIUei8xGTEx7P9NsaxpiH+EkGrJ1nKwIgRsedbz5AmbFwDFOkG+SiP5WnVPggt1Q6P3MEt+L3mI4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"0d723ab52096572819d0ce94b20594818ccfd836","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8154166498.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.1-canary.1083.8154166498.0_1709632826727_0.44647043135164344","host":"s3://npm-registry-packages"}},"0.15.1-canary.1093.8154958124.0":{"name":"@salutejs/caldera","version":"0.15.1-canary.1093.8154958124.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.1-canary.1093.8154958124.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":"b6d6f0428d65345d5208a7b5513a0db0a2469830","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1-canary.1093.8154958124.0.tgz","fileCount":137,"integrity":"sha512-Ep/aF1g908jX6E6UjsnvgE0NZrFkLzytyK8b4UHHn7VEFl7CPHBFLw+7O4fohG7LJo8YmV8K88xAEFQfxdgFkQ==","signatures":[{"sig":"MEQCIDH2r8bvCMXqYzfDPcWAqTFMwHvUrAzuyyCwxU9EdvhmAiASwbeMLYRR3YAQzlOZt/7K584Kp4Lh9BibVaSjzkhjDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313614},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a537b62cb062d873bca27eec1b1fe599d8259aa6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1093.8154958124.0","@salutejs/caldera-online-themes":"0.6.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.153.1-canary.1093.8154958124.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.85.1-canary.1093.8154958124.0","@salutejs/plasma-sb-utils":"0.151.1-canary.1093.8154958124.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/caldera_0.15.1-canary.1093.8154958124.0_1709636616282_0.8716087230177185","host":"s3://npm-registry-packages"}},"0.16.1-canary.1083.8155624165.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1083.8155624165.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1083.8155624165.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":"cc2cb2f55fc4cebead64f79a652db293eb33ab57","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1083.8155624165.0.tgz","fileCount":137,"integrity":"sha512-9wlM3vsYGrfDe2t6P+qpLxhCYGDohkELwfjfS7kbm9+4iPaK0CuoKs2WXnPS2xy0ZRYBOG7peNMttRkZm/4j1w==","signatures":[{"sig":"MEQCIHhU/TgUGD7z2WwCAQvBnXXPKlrFbskSzbeS1/NYNa2XAiACaWxKYqGylEO0CtNtoPvR/BoywyUySVlyi0q5ZtGuYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5a76080f1a1cdcf45539f9575eadb09428a8084a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8155624165.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.1-canary.1083.8155624165.0_1709640261080_0.8088530300039072","host":"s3://npm-registry-packages"}},"0.16.1-canary.1083.8155986695.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1083.8155986695.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1083.8155986695.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":"5a1508c30e118ee112434b8c25d1a7229b971ff1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1083.8155986695.0.tgz","fileCount":137,"integrity":"sha512-9HtfnAmX8Z8nqINq3kUYEyTNVbtk63KGNdJIpaPTGQGokHqHIsk+PB3feUQBqKGToE3NheiYi4WRvqVrZwmHCQ==","signatures":[{"sig":"MEYCIQCOk90ZLyyzAnpN5jJDZ2WX5s8Aso+k8YHYpQvuubiR8AIhANUYn9QQ7Zugrg6HX1kS/rey4dB8yJjXs8HP87bv5Ub+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b553f3ecb47f0362d5b14c96a8a37f577413b50d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1083.8155986695.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.1-canary.1083.8155986695.0_1709641655994_0.9450771763646548","host":"s3://npm-registry-packages"}},"0.16.1-canary.1094.8156406225.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1094.8156406225.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1094.8156406225.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":"5ce3c493e4c6fa06367d61ab5b3da0a40fa1ee0a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1094.8156406225.0.tgz","fileCount":137,"integrity":"sha512-keuzMguls/ldh0QmBAMU2A2htjjw62g9gVw1e2393sJcEDa+9z5SWuNyNCRjyXj1yrkkGXnwW//vQEmjA2bHvw==","signatures":[{"sig":"MEUCIQDussH8tdZbPx9Re5zjJ/nGGONwtk1EYFJ88PI5r/MLKAIgSixj4nMSPIMtyS647c5JA1cV70K6DLEN6q8D6BJSC60=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316394},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8973d7b131126a21ca9424605f8487c06eb2a74a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1094.8156406225.0","@salutejs/caldera-online-themes":"0.6.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.153.1-canary.1094.8156406225.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.85.1-canary.1094.8156406225.0","@salutejs/plasma-sb-utils":"0.151.1-canary.1094.8156406225.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/caldera_0.16.1-canary.1094.8156406225.0_1709643652006_0.9956285012290498","host":"s3://npm-registry-packages"}},"0.16.1-canary.1096.8156568303.0":{"name":"@salutejs/caldera","version":"0.16.1-canary.1096.8156568303.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.16.1-canary.1096.8156568303.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":"116c3608e97d6c2d1483efcb88472aca7d17bdf3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-canary.1096.8156568303.0.tgz","fileCount":137,"integrity":"sha512-5mcK2/aZe11V5B51ZZQU3GPQtXdPzWUuzbFa0mdd805cuaUompQZ0D10218iHYzCA2ZYJhB4NqGXfDKrWAAxKQ==","signatures":[{"sig":"MEUCIEabNZNblxvbpTFrZ/ZywzM1CIXyroJkSFfhGrEg/eHYAiEAiwzPGYJBv+Jand/IHlNlgeuefohtDLDyOOo9y5HBQQA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316326},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8577ce412d05fec41dd8d0bb2c84d32c168d83ab","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1-canary.1096.8156568303.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.0","@salutejs/plasma-sb-utils":"0.151.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.16.1-canary.1096.8156568303.0_1709644256523_0.7259660941640369","host":"s3://npm-registry-packages"}},"0.15.1":{"name":"@salutejs/caldera","version":"0.15.1","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.15.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":"397bac1588fae0bab87c8bf9d8274ccb8fb86766","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.15.1.tgz","fileCount":137,"integrity":"sha512-TfryMUXbpThxDtNGKTHvI1Idq2Potd6gJx9iscPcYb9cdNnXZYQGKeIkWYCwBl3qE8Vqa9baj3Z5Hb5XmfIv+A==","signatures":[{"sig":"MEQCIAqPyoshmKQ0ijEvEV6J4wlU/9Ji0Kt38sD9ZvDd3t+XAiB28PE32XRaj9qiY+9ls7JHmXhWSsYR1GnSmBdlNpT9AA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313707},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"6a503f7d0617d58fb50e01682e0a32bfa9c295ad","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.1","@salutejs/caldera-online-themes":"0.6.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.153.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.85.1","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.15.1_1709645276030_0.9649867415350921","host":"s3://npm-registry-packages"}},"0.17.0-canary.1082.8157187677.0":{"name":"@salutejs/caldera","version":"0.17.0-canary.1082.8157187677.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.0-canary.1082.8157187677.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":"7dad8fd8e8d251f00c7a5d12b3357b334fcc1ea7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.0-canary.1082.8157187677.0.tgz","fileCount":137,"integrity":"sha512-SbxjJ6lB/sdbxnDlkIVv+HS22B6lscusmqbKpiLCRjZjHOp5oy8HbO8uQsY7OiPTauSlbGsnMJAz8sdqbxrGLw==","signatures":[{"sig":"MEYCIQDPtAwo35O3pReqWxB4jmVp7P+sixL4tImmQu3wd3UPVAIhALgoRcsU9aDw0ov7YLXzJAiIrkqijQTzxFfetyI+vHzO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"448d018b5da410a39facfb5c346f1e79fa2266a9","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1082.8157187677.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.17.0-canary.1082.8157187677.0_1709646786731_0.6496162270641099","host":"s3://npm-registry-packages"}},"0.16.1-dev.0":{"name":"@salutejs/caldera","version":"0.16.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/caldera@0.16.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":"4a295b506c148627a0935910444516d5ea5dcbd6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.1-dev.0.tgz","fileCount":136,"integrity":"sha512-2gmsC3hOPgckSnzOEvZJk97JKVs1rIqWIbRebkP1sf5qJOoXzHXEitIbyxshvEFbnMiBXU8On0wKRI2BiQKvqw==","signatures":[{"sig":"MEUCIHhpSs5Ap71UMwW99bEU1zPXscsL9eIS3PMpERJ7rPU1AiEAxBgBFIYIeugrM3+X6UC+CWGW4Y84a+yXlcIllH3qTsk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298256},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3817242b1c3615f52fad746e0d19d67ff4406327","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.2-dev.0","@salutejs/caldera-online-themes":"0.6.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.153.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.85.0","@salutejs/plasma-sb-utils":"0.151.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/caldera_0.16.1-dev.0_1709647193149_0.991597947599191","host":"s3://npm-registry-packages"}},"0.16.2-dev.0":{"name":"@salutejs/caldera","version":"0.16.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/caldera@0.16.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":"4b38b827461dcce319e898294da1249a06e5bc62","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.16.2-dev.0.tgz","fileCount":136,"integrity":"sha512-KxKzZ6TG5jUdLguxGd4SvZdj2xxtlqjMPEm/gZP0CC6N6ShUl6cw0ZTPNejqLo+5HGxnxQ3uEHW10gSsvkvaIw==","signatures":[{"sig":"MEYCIQCw2TthgB3CkQQoEt8ZRElFxYlZNBxosecB7In+stR3JwIhAJvV6PpS69v8ncpPomMz1RZ4jHuGyUc9fuxSD2UktQjN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a301217493713c811d60981e8d2946e29389f418","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.56.3-dev.0","@salutejs/caldera-online-themes":"0.6.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.153.2-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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-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/caldera_0.16.2-dev.0_1709673411161_0.9397227614993948","host":"s3://npm-registry-packages"}},"0.17.0-canary.1084.8168660901.0":{"name":"@salutejs/caldera","version":"0.17.0-canary.1084.8168660901.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.0-canary.1084.8168660901.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":"6dcd4bae031cdde463b8316711ee2ccd877a3b0a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.0-canary.1084.8168660901.0.tgz","fileCount":137,"integrity":"sha512-vrg15P0HkXlX+kmKqPqJROIOVpmnXMCSurQpFhhSDmmA0vKCacP+KjcXVpxBFtNEU+Bs441ZbSygBT5OMBk3XQ==","signatures":[{"sig":"MEUCIG7Atc4AiZHtRcyx7rcVbBd3snpEIWy9rj36a8gnzs+4AiEA0EMPAoZKyfwlZMehvcEnJyWM8hR3l48rKOfHxM4Gw4E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316337},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c91846bc3617c3fcd6429bc2ae9beeb2a90b36ae","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1084.8168660901.0","@salutejs/caldera-online-themes":"0.6.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.153.2-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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-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/caldera_0.17.0-canary.1084.8168660901.0_1709712559532_0.0058893461744897735","host":"s3://npm-registry-packages"}},"0.17.0-canary.1084.8168958226.0":{"name":"@salutejs/caldera","version":"0.17.0-canary.1084.8168958226.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.0-canary.1084.8168958226.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":"c94a47c05821250bff700fcd6ac44d717e8a2544","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.0-canary.1084.8168958226.0.tgz","fileCount":137,"integrity":"sha512-GZhtcALLEPe8XOJbUD2KMHxbVeLOhKmUSTaqLRzPBokwiEMKWDuY8n3tq3KsF/fe3iQTEWPVYNELvvUmqtV2mA==","signatures":[{"sig":"MEYCIQCdzwVxOLyZ5yCZoy4MEjUIUXguQ96wR5xIlmj6uvJTtwIhAPQQ/J+rYnV0SOXkLM2mM2sUbvGDEGZtojmKnF4Is1aK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316337},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"de7edf2f60355b93248f7f88e610e3b32c1a0e41","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-canary.1084.8168958226.0","@salutejs/caldera-online-themes":"0.6.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.153.2-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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-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/caldera_0.17.0-canary.1084.8168958226.0_1709714224308_0.008967059914900322","host":"s3://npm-registry-packages"}},"0.17.0-dev.0":{"name":"@salutejs/caldera","version":"0.17.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/caldera@0.17.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":"b7ca1ecdd3cf99dfa8894d08f2b18c791788bec4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.0-dev.0.tgz","fileCount":136,"integrity":"sha512-+hV96l5wzqYBhhdvcaoZ8FRbN2npz7JlEUII/QZYbBug/6C0oRPgGmmBeVVx5+hCU7UfGAzOQsIqXoIAC+St0w==","signatures":[{"sig":"MEUCIQCSWyU75JBoEwETAqKAi5lW6LmWi4P+DnR3+25jjDcsKwIgbM2vbuY05MqYBacN8hgYymXAB0FZGHbgIA5HNBxlehA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a2aeca470d060dba6582996d93323cdeb1f3c65b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.0-dev.0","@salutejs/caldera-online-themes":"0.6.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.153.2-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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-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/caldera_0.17.0-dev.0_1709720947690_0.6271603094778271","host":"s3://npm-registry-packages"}},"0.17.1-canary.1096.8170911231.0":{"name":"@salutejs/caldera","version":"0.17.1-canary.1096.8170911231.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.1-canary.1096.8170911231.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":"98d5246eca2ac8c8877aa4d07e1f2975f2b60d5b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-canary.1096.8170911231.0.tgz","fileCount":137,"integrity":"sha512-4FXOKHbapoeoHbXzWflwifEqo4+AeWW2xHlv94IW9ZEdftBAiegp0gwF4SVCYaJF2Yo8lgo4B2/jcIJSaf2H1g==","signatures":[{"sig":"MEYCIQDoVJPgJH698xh9F34t/VP661WDs5CLxik1J9JWdXgCxAIhALwxb/FxBzKqBCIkzBTtWbXo9VQpoVJjJk0kQt3UlAb9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4a456cc003ad36a88ba926e200e08d398bd4e41e","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-canary.1096.8170911231.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-canary.1096.8170911231.0_1709723535933_0.37806018560381527","host":"s3://npm-registry-packages"}},"0.17.1-canary.1102.8174190235.0":{"name":"@salutejs/caldera","version":"0.17.1-canary.1102.8174190235.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.1-canary.1102.8174190235.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":"f3c083da2c8a5ad9ccd3e1cd661eefedb6531a67","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-canary.1102.8174190235.0.tgz","fileCount":136,"integrity":"sha512-cZDWWq/+xOmjB3ymozZzgzcM2KuGVhqKjLo4lEhPjNXO0WLk+32+jBROXmKGxWtM61tTqINHSbS7yAdUZ4N9cw==","signatures":[{"sig":"MEYCIQDlRmw4rGTSDlRSKjks+gYZu4klKpVft8k+CtW8LYWfggIhAO/ExnxrQkz0+YjMJKiFB3rIp8ritww93+d7PB92s9xD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"9ac363a0ba304310b177a08c76bc0e4588fa7eb8","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-canary.1102.8174190235.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-canary.1102.8174190235.0_1709738346764_0.0065999662631925915","host":"s3://npm-registry-packages"}},"0.17.1-canary.1102.8174460748.0":{"name":"@salutejs/caldera","version":"0.17.1-canary.1102.8174460748.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.1-canary.1102.8174460748.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":"8e4087bbd26c04e8f2e57e52e4040e5301f829b9","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-canary.1102.8174460748.0.tgz","fileCount":136,"integrity":"sha512-WdU36LgxvOOM66aP/40cq3XbqpAIAUwUCXsX/foZL9ohZk3zcHK33EeFPUZzNtLD7F1JNywJPtchuj8ua/FJkQ==","signatures":[{"sig":"MEQCID/qO23LO5VJMTOmX2bjUzwS0jWhaxhJo0rFGkSK+4a/AiBjUNiC3hp1DMMpMEhWDysVGCvuWxs2hwOHWLlS6mD/tA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b89b302598f50184ceccd16084ebcfbd43e01dde","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-canary.1102.8174460748.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-canary.1102.8174460748.0_1709739338918_0.01720934112325745","host":"s3://npm-registry-packages"}},"0.17.1-canary.1102.8174765200.0":{"name":"@salutejs/caldera","version":"0.17.1-canary.1102.8174765200.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.1-canary.1102.8174765200.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":"8ebb73b0586ae366750887bd35e53e653f81074d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-canary.1102.8174765200.0.tgz","fileCount":136,"integrity":"sha512-v7lw1xe55cXBr8avr96Etw3ELoBQE+1IDbOBMHEbpPDVhmPmT6QRI6odySqd2cVy+Yhd9b6LQiOk0Nd0FIljuA==","signatures":[{"sig":"MEUCIAWMqFwHXGjgDtX06QOh3ZjG87ky6ZAgjOo8Txro8+LlAiEAxTZiUUxf9+y1y7Tvw957dE7frKO0uAslc3O91osOltI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"0f68a0f810bc1cbce6dd3b0c787ef42561d60715","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-canary.1102.8174765200.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-canary.1102.8174765200.0_1709740643143_0.5769529985471036","host":"s3://npm-registry-packages"}},"0.17.1-canary.1102.8175034751.0":{"name":"@salutejs/caldera","version":"0.17.1-canary.1102.8175034751.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.1-canary.1102.8175034751.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":"b25171ec55efce2c756b9fce6a1b3f7656efff16","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-canary.1102.8175034751.0.tgz","fileCount":136,"integrity":"sha512-3bEuxvhsQ7dW/blZGwPUczHAhzgYWqPGOTDHHywuaQ+dW3tCJgjhN84///lSMm0Wg+M8RqOHZxkSxhGoRfd/Qg==","signatures":[{"sig":"MEUCIELbOzYIbTBrgC6yeMSYM0eZAuSNipIN1rR1ZGt9Pr1BAiEAjN6LYHC2kHU7MUeD9Rd0hAhXk5NOI0leB/xpDAwjJQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b29e9dae186892189d91cfeea30f47fa315cce10","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-canary.1102.8175034751.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-canary.1102.8175034751.0_1709741843512_0.9300324028618701","host":"s3://npm-registry-packages"}},"0.18.0-canary.1095.8175244321.0":{"name":"@salutejs/caldera","version":"0.18.0-canary.1095.8175244321.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.18.0-canary.1095.8175244321.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":"792fa51d9214c77319ee4563bf97213cbe076daf","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.18.0-canary.1095.8175244321.0.tgz","fileCount":136,"integrity":"sha512-YwGYGiduyt3pcJMDj2nel8jG3HKU9ycJ221z7R91EF8pNVwpFyYTVNySdWPUiMrc9NprLwmUgww2VCsnFsvu0w==","signatures":[{"sig":"MEYCIQDQLxXcDdD2jxUtFZpcL3KErlswlYqA0xUT1tn7ep/0EgIhAONIsn+PjBDLr/8luKUvfNWNwq4Eq8b6iaEMrVsbxyil","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1d9debc8f426c6be4099a04a3c27254fd1610418","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.58.0-canary.1095.8175244321.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.18.0-canary.1095.8175244321.0_1709742842151_0.9159642789710161","host":"s3://npm-registry-packages"}},"0.17.1-canary.1102.8175322475.0":{"name":"@salutejs/caldera","version":"0.17.1-canary.1102.8175322475.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.1-canary.1102.8175322475.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":"e76ba00c42154dcc9571bb16ce1ac141094d45b2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-canary.1102.8175322475.0.tgz","fileCount":136,"integrity":"sha512-XXFjlHBVEMht+JFf603DV/jaRh4r+hEaeAa+co+lXafPOHIQCGVOozFq+vH/txqOboeumBTQiV+SReGFFysoyQ==","signatures":[{"sig":"MEQCIGQdGFf2/B7zuHxT8qOHeSgcGQwOL9UgzKXFjnFmlbFfAiA+oGd4GoxVBinA58y80qvxuxnSePQvg5vst3raj1fYGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b557bd0e71a7b1c6901dacca2f8258cd5a402169","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-canary.1102.8175322475.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-canary.1102.8175322475.0_1709742986065_0.9048437853657445","host":"s3://npm-registry-packages"}},"0.18.0-canary.1101.8175418651.0":{"name":"@salutejs/caldera","version":"0.18.0-canary.1101.8175418651.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.18.0-canary.1101.8175418651.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":"ce36325634a7076bdd3c7e55bf27edbdfa2a1821","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.18.0-canary.1101.8175418651.0.tgz","fileCount":136,"integrity":"sha512-8QCeNd8ai+bZ91ehjScC7xTtCbz4fyXb7NZcKrPHDe2HT7J+cKSmfd2+/qjup59PS1tOl+VleMxEwbKJ8NhARw==","signatures":[{"sig":"MEQCIHjWde3EOnBY7HKKLR7eDBkBmyPx49eNeahN3yTghX5GAiB6oVeJHcXLpQFhCOu97blhBmLcLOGTpxsl00jgE8NECw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"01b973ad332e23f789e525ca379056eeefe1785f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.58.0-canary.1101.8175418651.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.18.0-canary.1101.8175418651.0_1709743659189_0.6257606801268214","host":"s3://npm-registry-packages"}},"0.17.1-canary.1089.8186819754.0":{"name":"@salutejs/caldera","version":"0.17.1-canary.1089.8186819754.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.17.1-canary.1089.8186819754.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":"2f27102a1916019829c94728d393ce5071a65492","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-canary.1089.8186819754.0.tgz","fileCount":136,"integrity":"sha512-CkZv8BSoWX7SjRIfUsIuf5V7tOjIviWAMauA4GZgrbMrib7j8F3DYYnQMTFEBynO7vP5fHWT9Wz48yujsca87w==","signatures":[{"sig":"MEYCIQDru7YPd7jVtfk42KDK9kvujdxDYPoERqmyVjZVKmsarwIhAKOB/G9tb8iigsrvi3c0FLHWT0vSoOX4mu5XxKyUJJ/t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298319},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b3b642fc7b2bd9bebaf4a6d735560f7796a33b79","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-canary.1089.8186819754.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-canary.1089.8186819754.0_1709809106167_0.22230546999542766","host":"s3://npm-registry-packages"}},"0.17.1-dev.0":{"name":"@salutejs/caldera","version":"0.17.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/caldera@0.17.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":"3ab50555c1f3087f3e2cc8acf60c8d9a6c7d1507","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.17.1-dev.0.tgz","fileCount":136,"integrity":"sha512-hm1J4ttKSe1XOwWT6B1q4wSegbH3DDVjaeqSL3s+zOE8xbkPT8wCeoyVmd4SgXqD+k+J0tdBrWnCoHMzHUYjRg==","signatures":[{"sig":"MEUCICWtebonQqICHfrNPDfTj4kq0+DgjwphQ4NRP9bSKTFJAiEAzDLUFRmWlwbJY3leuZ9LegydpZjXVGWGBOSB9aHkRWc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298281},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"d9225a89a1749a559e129a60578b9777b37af000","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.57.1-dev.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.17.1-dev.0_1709811433851_0.4591293545031374","host":"s3://npm-registry-packages"}},"0.18.0-canary.1080.8192661335.0":{"name":"@salutejs/caldera","version":"0.18.0-canary.1080.8192661335.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.18.0-canary.1080.8192661335.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":"09bbeebadbd3a1c8c877f9c7d5236b3cfeffee5c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.18.0-canary.1080.8192661335.0.tgz","fileCount":137,"integrity":"sha512-81WxA1GzD0Iu1+hAS6qU3sbN7W/+kES8ja5QRGX2e55pfKtK7i/HeygpW62d8Gdu8HZHlQgkLJ0z52F0J1x0UQ==","signatures":[{"sig":"MEYCIQDyPW7bv+oBJ/NV8T/XqBTyFUOMXh/s6KlWBB9jswt6qAIhAO5ZGEiHyRv+0Io/1i6FT20AXBd7mdiZ1dmJWVTEpaV5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"974a3e6adab444a1c63ca038c73dbbbc0474a227","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.58.0-canary.1080.8192661335.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.18.0-canary.1080.8192661335.0_1709835359676_0.3389043437124195","host":"s3://npm-registry-packages"}},"0.18.0-dev.0":{"name":"@salutejs/caldera","version":"0.18.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/caldera@0.18.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":"a8457eae578c91fef53e0e543579d0d052fcd8f4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.18.0-dev.0.tgz","fileCount":136,"integrity":"sha512-E21tiCv37/hYknHskZTZ/3Ojj8b25KROPRP0Su3UBXVROmI/CISrYy+MZ3USFyDBFjgnXSBgQVkhxGWbDd4oLQ==","signatures":[{"sig":"MEUCIQDSq7kZaCx07C2Ki9IU4vmUhpgKm5Sm5AV3uQN2hCtK2AIgSL6TnDHL/Hu4fyPUVpk5/YXd5JN87EjeOjZbSKbdU68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":298281},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b9200a0bc02af495c5515e117471c8c87800c536","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.58.0-dev.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.18.0-dev.0_1709835636992_0.24957602153358516","host":"s3://npm-registry-packages"}},"0.19.0-canary.1104.8207916286.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1104.8207916286.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1104.8207916286.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":"9080a19847600100dc9ae0cdf0e797d106ed4471","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1104.8207916286.0.tgz","fileCount":137,"integrity":"sha512-n05HxY5NUCuRHeaeK17HNvRvHEeHB+g18zTsS6t02kATPDyNXf3k6Iaf92XDmpKptcy43CmzP46X7lcaitSnjg==","signatures":[{"sig":"MEUCIQDlP9xtXY9XpwI2aEF+jZPp8ogkBKS4dXYZ4Rt950T1pwIgRkb/rimY+yNz7ITqO+RuhCmrtXWOz9TK1qsn5n5F0iI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"2960e86109ad0675bf32450de8919e461fa8c948","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1104.8207916286.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1104.8207916286.0_1709926182875_0.20934879433199982","host":"s3://npm-registry-packages"}},"0.19.0-canary.1104.8208356691.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1104.8208356691.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1104.8208356691.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":"101d6d714bd1a74aad2713b8bdb2b90b7ae39da1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1104.8208356691.0.tgz","fileCount":137,"integrity":"sha512-qpLvPIFuOfCbwLEQ+jknU22ok5IRei1wYsnVmyGlAfik9fMaJTOsBsb9JA7sCqWbB9CdRyF7GJTSoYI2flVSJg==","signatures":[{"sig":"MEUCIGz3YqkCW5/mE8TSbqcTPcBA0IzuM7y1tY311Rr7Z5PJAiEA/7nRnhLVMrf4s0NYbivIq0ONRif1UJ2c44k3/G8As7I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"0ad722c39e3284913fba27cc080ab3fa9ebcee8a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1104.8208356691.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1104.8208356691.0_1709928807372_0.9945628220794644","host":"s3://npm-registry-packages"}},"0.19.0-canary.1104.8238128932.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1104.8238128932.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1104.8238128932.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":"f5f7b03d2d7c297042307a087fbc22673e55f910","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1104.8238128932.0.tgz","fileCount":137,"integrity":"sha512-qQxqg2lKpYbcQ4ACdgnO9v12+ozeeYHMXIJrmAQQ8or6/FWuiRSTKpL3q1uvFzhQdEx7NCRPZl/8LmoI7dJeeQ==","signatures":[{"sig":"MEQCIDSAp2UmvybLSjIqeInu8hbquzL+sKMvOxHyvysM51zgAiBnHKj9VDc4l0aKf16CQA7DJbhlwo2MWhf8NmKHrwLJRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1d38c49526ad4d1aee7cc8275c5774d492631395","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1104.8238128932.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1104.8238128932.0_1710183527381_0.39266597686685745","host":"s3://npm-registry-packages"}},"0.19.0-canary.1105.8238303616.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1105.8238303616.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1105.8238303616.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":"a18ddd3140cc9aaf40d62a3596d108064312f035","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1105.8238303616.0.tgz","fileCount":137,"integrity":"sha512-+n5GXOTOoR0O6V/Zyj5eAbpVAFQm97K75DAGqJJgHMkmPMUNTEZlH3+5FbjYEgxB7zunsS/Ga3zWCcU2OzEKyA==","signatures":[{"sig":"MEUCIGcNe/6bRDxQ4k/hkJNxcafBmzaqc4aFOIWJ5XjAq16TAiEA1gmN2CsO4A11r6lfvyv5XU1rah7E6PUNtfQkrzqO8zg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5b94c4da2bac257419ea50b136c4e67281de70ba","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1105.8238303616.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1105.8238303616.0_1710184616351_0.3776161504391964","host":"s3://npm-registry-packages"}},"0.19.0-canary.1107.8247342023.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1107.8247342023.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1107.8247342023.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":"e203d93dc03476e14992ff4fe65adec6b905d84b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1107.8247342023.0.tgz","fileCount":137,"integrity":"sha512-+4GBcxvzpYcrY3sBM49AQJWfrqphmhKs8DJf81pXQL97HkR0uxxpfHZmWX/ae4gri92tJpZEcOuWTO+y5b3v8A==","signatures":[{"sig":"MEYCIQDmvTMXGhF8bePCb4KtMwrC0Z6rTuydMmxNifINfnMLTwIhANgBLI9fO3O+IjX0UXp3vMinOZnb2/yW9fLDAu1TeDSH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"62ee8a4fb6cb8cdea770f31c2e0a36daf4bb9b5a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1107.8247342023.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1107.8247342023.0_1710240495483_0.09000000436133226","host":"s3://npm-registry-packages"}},"0.19.0-canary.1105.8247989087.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1105.8247989087.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1105.8247989087.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":"e59b293a8fd0a309bfca171cf1b37d350fc7ec40","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1105.8247989087.0.tgz","fileCount":137,"integrity":"sha512-VRx81TEo859rDcSuOocOwltvMKhEOYI+flR6VZsfNGF08oSeqabsEFztVPpnSYVf0AVBS8NTrWM0Q+kW7XMq/w==","signatures":[{"sig":"MEUCIQCIZh5ueoAvpQkPML+SDdnlp40PcGlOKLDt8pOJhRph9wIgRmooihVk9azfz3w64WeJjFG1YBm3F4TQUiR/V5Z71Kk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"86cebbf7f4bfe720a528c17b5f98e13c0fa6e304","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1105.8247989087.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1105.8247989087.0_1710243806598_0.48840008028408577","host":"s3://npm-registry-packages"}},"0.19.0-canary.1110.8249201346.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1110.8249201346.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1110.8249201346.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":"0f18f5773a0cad47e32b7dd24645959ddc0ca5a7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1110.8249201346.0.tgz","fileCount":137,"integrity":"sha512-S14ASY2MDmKV1jTev6OhErqTqZg/a0LSv2NSz6W0qwXjvb16+nzPusqChgdTO9lKMQhx2oOj8yzPcOVbS/4Zgw==","signatures":[{"sig":"MEYCIQDO7S73IkTeX7a3S5NecRc1/NdF3GmvliwGtSjsoa3pkQIhAIaCPaLGQ4Pgq+pJ+iJecrU/ndJlPitUrjEBV7oPHOlL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"023cfd140aec1e1df73c5e41973be521bf487e32","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1110.8249201346.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1110.8249201346.0_1710249134099_0.22392828472249726","host":"s3://npm-registry-packages"}},"0.19.0-canary.1080.8252685470.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1080.8252685470.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1080.8252685470.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":"d8d41266d1c4389e5959c6c2a17576d1c554f463","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1080.8252685470.0.tgz","fileCount":137,"integrity":"sha512-aPmtu+NGJGdl+PkjREHArXISt6ZKXu0AYxHIl4eZ866rDulfTlaUzKchzkqY0HiCb8tpnvGR7qmK1yMCCtj1Yw==","signatures":[{"sig":"MEYCIQCgmhP8qaNl7MNyIPxpxXNzb3jrzspgOrmWemiYnb+FrQIhALp4NABeEMfvfQKYfASUJC9RAfIOb6AwY5PqPU0Gh1dc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"dc17f457d8f95a9dd78c4855e167a2cd2ae87ba7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1080.8252685470.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1080.8252685470.0_1710263302366_0.5726424746798668","host":"s3://npm-registry-packages"}},"0.19.0-canary.1105.8253921718.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1105.8253921718.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1105.8253921718.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":"f9d0f84f185cade2179755d24668702cc7ea63cc","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1105.8253921718.0.tgz","fileCount":137,"integrity":"sha512-DBiA301VZrifdi7NYCKnQ5HQ6SS/Nvem470gDUgbLXhXlE3j8zu09gCEB9UzyXF56/Nbztp4HP/1kqGguoopBw==","signatures":[{"sig":"MEUCIQD2amyN1h7hVQWGwp8VjSAMhZGLn65OGXfEQOvH4HUjhgIgFs6spQOSPN+f6gLotDLMXA+ldDDAeg1wijNRqkPvh+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"05d5eb4ef21e12fc5c202b868d67c745f859b233","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1105.8253921718.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1105.8253921718.0_1710268929992_0.8172032118117347","host":"s3://npm-registry-packages"}},"0.19.0-canary.1107.8254238868.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1107.8254238868.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1107.8254238868.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":"d1994ab2f8af0059de07ea987e37df4110f47f73","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1107.8254238868.0.tgz","fileCount":137,"integrity":"sha512-z5l8wRmSZ8RIibiWuQsYkUQ9llojSjKDkmoEweC2hTYc+g6Dv98tYnZuW9e6JoePcb2bMCj0PC7zeN+Fw4VucA==","signatures":[{"sig":"MEQCIBRqRLk693/uWt/WdSNP5GmPWDz8eZCbBbql1Ns8uwKcAiBMVmGuc+yYRyMzgw98rZ1pcPNURLb920hfF2VMsdRB2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316344},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"6b2edcc52e290e695ffa9245340efda27364608c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1107.8254238868.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1107.8254238868.0_1710270418589_0.6416581721759691","host":"s3://npm-registry-packages"}},"0.19.0-canary.1110.8254420470.0":{"name":"@salutejs/caldera","version":"0.19.0-canary.1110.8254420470.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.19.0-canary.1110.8254420470.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":"db55ca53c98330dff3569e578b78e4c2776f3582","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-canary.1110.8254420470.0.tgz","fileCount":137,"integrity":"sha512-F85rU9YS+4B7TEIcIR8aN+/AgQ8DmIi3sIlcEt6dKoo54m/n/HTP7auPp8OeV0c6gr5et96jkdLgXHmlEQ4PZQ==","signatures":[{"sig":"MEUCIF/169gNx2+DsQN5AW5jRslUghPmaNWIJyslMIB3h4tzAiEA8FC2fSWN5z0FTvLrgampZ5DdSHxA0h8dlBP325jbPVw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3ac2f7d15adaaec451ed37b921e4c8f4f512fe63","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-canary.1110.8254420470.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-canary.1110.8254420470.0_1710271299790_0.20033993547578155","host":"s3://npm-registry-packages"}},"0.19.0-dev.0":{"name":"@salutejs/caldera","version":"0.19.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/caldera@0.19.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":"434092a677743ed096d409d87c4e70b7cec9ac48","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.19.0-dev.0.tgz","fileCount":136,"integrity":"sha512-DEawBpdONgJ/oCJtQdc4lhpqbTRrb9UY2PNESYLGT2YNPOmtmqz7WWqVPOTRWNXdIwRTMVYysJBSjFv74Bj2GA==","signatures":[{"sig":"MEYCIQC8uaWoYfS++ugZJSbAKQOdYggahGwSJHaebPBqrEjyZgIhAIyv3iHNRcgUPwakLZJ1i/gch/nBYQB/4uMv+Bz746DW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":295779},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f76400e8be3ba0ec3c7bc057f16d5cb5847d8065","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.59.0-dev.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.19.0-dev.0_1710273169487_0.8201978182025211","host":"s3://npm-registry-packages"}},"0.20.0-canary.1105.8259811804.0":{"name":"@salutejs/caldera","version":"0.20.0-canary.1105.8259811804.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.20.0-canary.1105.8259811804.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":"5a4d23b62b8d3d39db2e4f10955809f373e334c5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.20.0-canary.1105.8259811804.0.tgz","fileCount":137,"integrity":"sha512-Ak1N1zDWJqLmNflv1wUlI7wHw7wKOT0Ypmfiz5g1H1foixJxP8cr6mfaLe3ORbSK2mD41GK74EkyvF2Z2y2c6w==","signatures":[{"sig":"MEUCIHMVjne6tqCJDsgZF2hleayW2i1gPnX+ej2CDtpuo++GAiEAjyznd0rbF3nsLKGSbrHpHZyLEJLZGD3L3z9lAahHHUQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4a1a62006ba39375b02d53358946abcaaeb93c79","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.60.0-canary.1105.8259811804.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.20.0-canary.1105.8259811804.0_1710307815456_0.8161012076488623","host":"s3://npm-registry-packages"}},"0.20.0-dev.0":{"name":"@salutejs/caldera","version":"0.20.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/caldera@0.20.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":"79c7697257efac3de261809d2078ce33f75e91f4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.20.0-dev.0.tgz","fileCount":136,"integrity":"sha512-7lGIRkHNXSmMI9PSJMrtrNY8SoMlTShRtvFkN2Eaz4VDut8cnoc5r72yyXUQBqeKzSR27uQmagGkcYTFTbQIWg==","signatures":[{"sig":"MEYCIQCG6T7WxDxv58WX44CbdNTxMu4ZjKBpRCPLAlpCnjx56gIhAJe31rq9MrtnFJ8QlATNWFqoS65PzlkMy2v3mOXTsNh+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":295779},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1e88d78836e1ad40c16dc72551ab48087b3552c0","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.60.0-dev.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.20.0-dev.0_1710309609773_0.4924863453044843","host":"s3://npm-registry-packages"}},"0.20.1-canary.1080.8261082592.0":{"name":"@salutejs/caldera","version":"0.20.1-canary.1080.8261082592.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.20.1-canary.1080.8261082592.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":"f37c798ce88a0008068e4bad46dc5e22ae0f0da4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.20.1-canary.1080.8261082592.0.tgz","fileCount":137,"integrity":"sha512-FlpKzhMC0bLDgyTkDwAEaEKQUWYPKwDx+vHhRm5eRA8sFqtQz7VRF7a8smli3xMwugtY70741DxCLY2yuNgVyw==","signatures":[{"sig":"MEUCIDoF75067f6otdsCrgTrAUjHi/p26+daRCL6AG9QcX2pAiEAq/qbZNRXHOIMrrQH3YXPA/mw777twx+sBIB8dIRbmko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"bf37587cf93e88d121ff97b5b62f7a4407748904","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.60.1-canary.1080.8261082592.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.20.1-canary.1080.8261082592.0_1710316581469_0.5985477011413782","host":"s3://npm-registry-packages"}},"0.20.1-dev.0":{"name":"@salutejs/caldera","version":"0.20.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/caldera@0.20.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":"f3454b7eb892433850c39d8b1a9d9edf5131c8e8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.20.1-dev.0.tgz","fileCount":136,"integrity":"sha512-359ixu8czoWGYxkn1nHK0iusac5QxkhDYo3FAJ8NLhLqdGaJDP580S1Gv7sYriLZqjgtnQYlbGRGieNapcF9zA==","signatures":[{"sig":"MEUCIQCfOD5Pqd3MHmn3Pj0Pr30JWH+GmrBROHpms4bsSi73gQIgezIMGyPx5Ubdx6YXfTmxMrQL7C2YNn2g53xKqDBBgQo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":295779},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"30b8f10cb3689a814662691e1e22ba6c344b2019","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.60.1-dev.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.20.1-dev.0_1710319743038_0.5735666051105961","host":"s3://npm-registry-packages"}},"0.21.0-canary.1107.8262128065.0":{"name":"@salutejs/caldera","version":"0.21.0-canary.1107.8262128065.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.0-canary.1107.8262128065.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":"2125a688b8a1e2137942bf792ad6f59443c0e61a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0-canary.1107.8262128065.0.tgz","fileCount":137,"integrity":"sha512-i7YbZa3rRG67iXn+Guos53oXug+XOQ0kXsVwV9ygARo6ucosyDx4fu0wCIYVIXt34ScK3mOuCLdXp+J2lUXsYA==","signatures":[{"sig":"MEYCIQCr4ABrz/9c5gUj9f7BSSsaRLlyj0V1sSsTeG43lIycvwIhAIUv2ETVrWm7bRn2vI28fS9Y43TOkkwMvaNIWY17G9u6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4dac2cbc13ffd99fafc617d14cc476f350ac6d65","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0-canary.1107.8262128065.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0-canary.1107.8262128065.0_1710322067907_0.6032798720282242","host":"s3://npm-registry-packages"}},"0.21.0-canary.1112.8262163984.0":{"name":"@salutejs/caldera","version":"0.21.0-canary.1112.8262163984.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.0-canary.1112.8262163984.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":"0dd074a7fed251e81242274ae8b119082ba171ea","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0-canary.1112.8262163984.0.tgz","fileCount":137,"integrity":"sha512-5PtVgrzmYV8POlAxEkW11ylGUzXVNvullLWSvPc5FqxBFUI1HvwsYAyGkIzDeFUaLIh0l/PV4W5HlgysbRR0cw==","signatures":[{"sig":"MEQCIHJRNXKEJGEeN0K+hc96tN8nfMD8qIOwrlvPqpeDlEYcAiBuCmT0lGcV855lvIC2rAu4HyM7/p0Z/1PnKkvWGpb9sQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":314117},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"95c86fda506f0757e5edb2188df6750a0eecf767","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0-canary.1112.8262163984.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0-canary.1112.8262163984.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0-canary.1112.8262163984.0","@salutejs/plasma-sb-utils":"0.152.0-canary.1112.8262163984.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0-canary.1112.8262163984.0_1710323041568_0.2512172078845145","host":"s3://npm-registry-packages"}},"0.21.0-canary.1107.8263834499.0":{"name":"@salutejs/caldera","version":"0.21.0-canary.1107.8263834499.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.0-canary.1107.8263834499.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":"a1ffa5214ba6b53475f9eb152a42a7ab9eb5e630","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0-canary.1107.8263834499.0.tgz","fileCount":137,"integrity":"sha512-4g1KmAVcTehBA4FnicQOWOah7lwl8JMb2VlyYWVviQHgNsGgs4hddaUDV41Ck4Wf64padSP0jWbek5UFoGcoTw==","signatures":[{"sig":"MEUCIAz4I5SD8sa0UE80fNKpmhCR6391++sGyD3cUks301tVAiEA5IW7tRDr0pzzWxlsNsE6wNA+kXrl7fa1CRQKNVxohR4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"66a0acc71497bdd9a8086d924ec770478dab5631","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0-canary.1107.8263834499.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0-canary.1107.8263834499.0_1710330040872_0.003835386136611829","host":"s3://npm-registry-packages"}},"0.21.0-canary.1107.8264255315.0":{"name":"@salutejs/caldera","version":"0.21.0-canary.1107.8264255315.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.0-canary.1107.8264255315.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":"9b2bfb04a8b6fa1127c0efda2ab343f7563072bd","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0-canary.1107.8264255315.0.tgz","fileCount":137,"integrity":"sha512-/usAaslbnGfiK69wooRe5WmeSItYuSvrzk6nO2CVqSP1cH2S97H8HX53HBZesSTUroZqhhkYmhJlZe4/im7CrQ==","signatures":[{"sig":"MEYCIQDWhZH1kI4QvsV0rgC6YBMnElI7WDsRnmJBlep5CHynkAIhAMxvt26X38TlTjRNA3UCXI9JCKkQK+DwJbAWYfcRv/9i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b6fc4b1755b81c02f5bea097a11c2ccc1dadc4a1","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0-canary.1107.8264255315.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0-canary.1107.8264255315.0_1710332317163_0.5420846562872728","host":"s3://npm-registry-packages"}},"0.21.0-canary.1107.8264517382.0":{"name":"@salutejs/caldera","version":"0.21.0-canary.1107.8264517382.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.0-canary.1107.8264517382.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":"0f8093c82ae77eb29b44305744b4c5497c70198e","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0-canary.1107.8264517382.0.tgz","fileCount":137,"integrity":"sha512-0XRWAf6Sdb393JWccLZlDxF5NQA0yZP/m7Flv9w94AnE5Osj0neIhQa3J+UeI1Ox44hploeG4JZUeXPBYYPylQ==","signatures":[{"sig":"MEQCIHYPt4iSo7oaICEZzRxult5SJ52Ru2qwREfXDhUpgFIOAiB6qsYZF7OFZvjxLDXsx8jcIO8npZvmuYaF6qozpCTbWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"9ed8b98a31da25e49914c2af58cf9280ec6a8ad6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0-canary.1107.8264517382.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0-canary.1107.8264517382.0_1710333382207_0.760967732755601","host":"s3://npm-registry-packages"}},"0.21.0-canary.1107.8264949500.0":{"name":"@salutejs/caldera","version":"0.21.0-canary.1107.8264949500.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.0-canary.1107.8264949500.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":"6eb89d7d7f03811c30d484cc5f5e1b20a12bbc29","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0-canary.1107.8264949500.0.tgz","fileCount":137,"integrity":"sha512-JBNt/MdupWMjIeqQXkci2YXuVxDcbT/D1Yz7+Fnu7ViWeSWR6UagTmpvBq+sTH+aXq8GQF2HhoxzGOYW66Nilg==","signatures":[{"sig":"MEUCIQC541iohDCdWZm0ukU5IqJ3raUFkJRHcbCtAW0XZXSCZQIgRRuazcYsslk/aiMfBYpd+WuW2h1B6BOqCD+7/WhYpV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"92e171880cf5ad7945474463fd1f91e497ce9a2f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0-canary.1107.8264949500.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0-canary.1107.8264949500.0_1710335326952_0.7689888119592467","host":"s3://npm-registry-packages"}},"0.21.0-canary.1103.8264381310.0":{"name":"@salutejs/caldera","version":"0.21.0-canary.1103.8264381310.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.0-canary.1103.8264381310.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":"3a36e9f7dd371a48adf909c978f411fc73a27507","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0-canary.1103.8264381310.0.tgz","fileCount":137,"integrity":"sha512-UggVAeCuwDJfdwkZfjAuGWVfDIT+7d7kVvicceaAIVnv9yGQpOVLgh60wnZ+Ug1SIJt4mk5O0zPMfHwVfgABEw==","signatures":[{"sig":"MEQCIBZbbUuiHL2NKbDtg0rvnrQIJZ9K+ev/tY8GBcJYUcmAAiATnjQPMl0WIpDVQEkXGWlg1lARfwGwEvkMMwIk8w3HyQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":313842},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"83643731e986be4d7342c06637a0681d853f3240","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0-canary.1103.8264381310.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.153.2-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.85.2-dev.0","@salutejs/plasma-sb-utils":"0.151.2-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0-canary.1103.8264381310.0_1710337935186_0.7759377297039733","host":"s3://npm-registry-packages"}},"0.21.0":{"name":"@salutejs/caldera","version":"0.21.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.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":"369e078ed51466817047c1ad3fe04ed0c1473620","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.0.tgz","fileCount":137,"integrity":"sha512-fqOMxqz5o3QnyIkV8XToUH6Ez417NeP1tTRPNddDiE3oVzg4sjBMqyTZuM/UP/GOl81KD35h2Hiv046/GInhsw==","signatures":[{"sig":"MEUCIQDCySu85bk55Z9E8/BgyFdXEHCgRS4jA5jyu0nKTIhl3QIgXGQkmR5EIPrFrlf67ARUDw7DCmrpHOntml2yr4n4gAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318595},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"f64fb2306f0605e2c254b302feeaa6a39f3428a1","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.0_1710403874323_0.30280168418297615","host":"s3://npm-registry-packages"}},"0.21.1-canary.1116.8278123760.0":{"name":"@salutejs/caldera","version":"0.21.1-canary.1116.8278123760.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.1-canary.1116.8278123760.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":"6a1835191543c2fc84a0237fbdef5c52182b3378","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.1-canary.1116.8278123760.0.tgz","fileCount":137,"integrity":"sha512-Zi9fKqv52BFq85SSgOoe/Ndc8rkHm7HBAngrCLh5g+V6mewQsgRHhFEo436Fkj4ZwPTrkMS0zGpzxPLvJOPNcQ==","signatures":[{"sig":"MEUCIF8MkC66CaFbh5pYGAbzpyymVuSxxsXMVPnv5J0MHnnOAiEA3DoCLB+IkPtZOhWEb3DCFqFVHxGAhqAh0drBGSNXarQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b2dbfc661bc53ffc4781b373eb6b51569a174d19","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.1-canary.1116.8278123760.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.1-canary.1116.8278123760.0_1710408435267_0.12073960604314737","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8280202305.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8280202305.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8280202305.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":"c2d024405b82c0d624ea80755416b3a5ad059b98","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8280202305.0.tgz","fileCount":137,"integrity":"sha512-SXnLJT/BWKl3/bSfYhQK/YoBkBQQS2FiVBlt4AV9f6J4i8JPw4/y5wyJ0VQ25DEr29LOFsGPEhsAyb7w+zbWNg==","signatures":[{"sig":"MEUCIQDPD2fp2DVn4TQj/tplAkwL19CXEet+nKOuBMMP1KdMEwIgRq9Tu8Jzmi6CopHeNub6sm/hiJmgw5weUL1RA7LZqKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8cff07a0c54b08ba4c3a3945ca498e41edd6dd95","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8280202305.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8280202305.0_1710418229881_0.6739352832392838","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8280596059.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8280596059.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8280596059.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":"f0f19b2f6b6e2b30cc0758fd2c8559bd814f12d7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8280596059.0.tgz","fileCount":137,"integrity":"sha512-zixqSMrZgvw3hKInGFLLKQHUcYqSmfeyw1UxjB1ajJcH0hFh7A17d8wHAof03HB03lccuWmS/fbIdu2b62Gz8Q==","signatures":[{"sig":"MEUCIQCQUilsj+8qg0scEwwMDp0A2jXuIc0SBPetiZy5zc4gwgIgZmzNArBVs1INOHnz30swlh7PAOELXR+sU0rIeWRkc9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"75a75e42c1dd316a3b5bca7721ff808c5f05c91f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8280596059.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8280596059.0_1710420068844_0.5371568996762117","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8280661928.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8280661928.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8280661928.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":"cca0abf01979735add0b40fff5ce80beaea3603f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8280661928.0.tgz","fileCount":137,"integrity":"sha512-GMeBozE6fe8ulPHaq5qnjbRh0X5nMzgKROQyEGmrSWaVpSdTaPyuTjKjHzq1ZXxntCjLC9ivLx6VEpI4ijkEmQ==","signatures":[{"sig":"MEUCIQDOl0H3D2I5Ri3Ourn7/S1nnYV+kQ2eVJnpoBs0KfFYrgIgE3GIWNwM4grxB4g0+AEVSY+LD0eKvXAZ1KXDuuFYAFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f0601eb0116676a39c7e51a8603bde5dd3e85f36","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8280661928.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8280661928.0_1710420682922_0.489526263194634","host":"s3://npm-registry-packages"}},"0.21.1-canary.1116.8281168561.0":{"name":"@salutejs/caldera","version":"0.21.1-canary.1116.8281168561.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.1-canary.1116.8281168561.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":"26352e0fcefd44c390e7ec83053d1f72676b6faf","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.1-canary.1116.8281168561.0.tgz","fileCount":137,"integrity":"sha512-GQI818VCB3g3Wx/VciMDo7L4E72LFGA3LarhhjpDbhXVEkSgZvpmHEQhHt5Yoele60q2jMh/X6T5ge+JXlEPBw==","signatures":[{"sig":"MEYCIQC3IazNOxAijBApMxQ9+a5oDzxFeIY0Ua5JZEDjttYcawIhAIjEykmy7MicupoVlLh6QPZgPU2u92ngy+JsUVJc4sH+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"211d9c48d2ce3bb7468ae7227d057b6b831382a5","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.1-canary.1116.8281168561.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.1-canary.1116.8281168561.0_1710422176154_0.9048228471575661","host":"s3://npm-registry-packages"}},"0.22.0-canary.1103.8281892699.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1103.8281892699.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1103.8281892699.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":"ddf98179c233394bb26f184e634efbfa7f38d412","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1103.8281892699.0.tgz","fileCount":137,"integrity":"sha512-ZQviDEQngvs3e/or4b1xHeq1CLW/JrJtHezYShGkkeTNd4hpMuGl5p0iwbslshvMoDJY9HtrPHOMgiRkcxwehg==","signatures":[{"sig":"MEUCIBSHz1DMDCDghzHTjhojaJIqGnvVXWRKLedEMhQB7mrRAiEAyMlSEkmKDlf8xjLNrVdqo7v6X8oVV4QiqjB8XIzwL0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"bb792b897459ff94ab0eef7ca32345632dfcccda","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1103.8281892699.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1103.8281892699.0_1710427478046_0.7878955458912111","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8284226652.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8284226652.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8284226652.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":"bc119aab5014e87314e201d22582252f9905537c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8284226652.0.tgz","fileCount":137,"integrity":"sha512-xAl6bXExTpmiUPEVkeCdlHvDC9cQx51M+0a3YyslM7ECjNdZuLt1aMuTlrBqvUcN04boWuiqakBPs8XaBfaiUA==","signatures":[{"sig":"MEQCIDqmAQQLh8FYWY0BFXNN6KTF0n8ihNC2xt8rHYe8Z+43AiAGbLpnnEX+WmB7hMSi8RgSKdgApNmj3sr356ZUZc2jbQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f275ef8466dc7d8dd47361271374429ea05eda2d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8284226652.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8284226652.0_1710434678054_0.6380969587532803","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8285330722.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8285330722.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8285330722.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":"dae32838afcb6c7c3d3c585b8b04d0d4c429fccc","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8285330722.0.tgz","fileCount":137,"integrity":"sha512-v0AFgHq3YgZk+hI7z9S34K9xZv3KKuAKx16EpLwP+bH9LZHXskWJtc10kMfdv1O6s42Eh2hSyckmBvETQ2mgAA==","signatures":[{"sig":"MEUCIAIkDigeYrjon8A1KrMI3TDkdJuqEsFWyNV0uHU+aLl7AiEAoagJsNZMUHwpys0vEh+IWH94u9VaA/SXYC/ZXJVM1C0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c4b3eedc8be988416d972935589cf0af53b582b0","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8285330722.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8285330722.0_1710439561300_0.4449452000878711","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8298107781.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8298107781.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8298107781.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":"5182e3b989f53ae8251394509e43b0b321e67d40","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8298107781.0.tgz","fileCount":137,"integrity":"sha512-X01yNO2rPlBgpNrBKb20rIdCqcTCdH++RmaDqcSXlbS761S5VkSD5lQ26Ou28B/PGygxUD1dssJ9QcrqfwikLg==","signatures":[{"sig":"MEUCIFuRjIZT/aLZWxSW7FQSzax7zc/cnbR4nWQsdP2UWrUGAiEA5WfdjlB14U8PWqjFUkU8TGwcWV9Vm6VX3zIGmBAGduA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"efd1f2cea48bc3ce4204b67511ff3c3bc4ce6fa8","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8298107781.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8298107781.0_1710515284614_0.9792652911395237","host":"s3://npm-registry-packages"}},"0.21.1-canary.1119.8323697780.0":{"name":"@salutejs/caldera","version":"0.21.1-canary.1119.8323697780.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.1-canary.1119.8323697780.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":"71f66de5158ecdf5e053353f10a40447005abb0c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.1-canary.1119.8323697780.0.tgz","fileCount":137,"integrity":"sha512-0fziMQQOZvJx8lMiGdxN6r9HPmuiLAOSGarWa9tR3MoO0Jv8INq61boRoQRb+9iTbKsLSxud/c08qF4DTBoegA==","signatures":[{"sig":"MEQCIAtUldftlkIqRrmXc4XW8HAFugW5LfaFzk0yhUsqpKitAiAB+4XWY4SqKMAwv4ktx1GcZF0ZhcYgYJ/11uDl3Kp56A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a1a1db535f042afe3883a654cac85939d2442152","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.1-canary.1119.8323697780.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.1-canary.1119.8323697780.0_1710752711608_0.07953040861354665","host":"s3://npm-registry-packages"}},"0.21.1-canary.1116.8323779850.0":{"name":"@salutejs/caldera","version":"0.21.1-canary.1116.8323779850.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.1-canary.1116.8323779850.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":"3581a757e00ea21bd32bda40ff0c757dcf6e0844","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.1-canary.1116.8323779850.0.tgz","fileCount":137,"integrity":"sha512-mAv/RYYncQFNMroFmUjcM9xK8DAOUUpWthj9BnF1bzUBgWx3m85wRJupiiVxQsurRxsHewsx75YRJKRZfB6VEA==","signatures":[{"sig":"MEUCIQDNfPzFJoEwg+5MDAlu0Gy1rqkNFlQqV8G3kozIQDPfFwIgVDE+6xDHrrp1UBwOxYPG2NDsAFMqFmB9uUcnsa5zwkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3e8d7f2c089b2b2090ae31d41dad7d907b1601e9","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.1-canary.1116.8323779850.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.1-canary.1116.8323779850.0_1710753169007_0.43452313589239977","host":"s3://npm-registry-packages"}},"0.21.1-dev.0":{"name":"@salutejs/caldera","version":"0.21.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/caldera@0.21.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":"736d5c513583543bd62b99827ccee30d72ca8126","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.1-dev.0.tgz","fileCount":136,"integrity":"sha512-kDb0Uawwe4LziLJwSHxc8T0bqAdQeImNIL7+btNfvj1YzKtGccxBszGZ7wrVWWVjmXURR92U4hCv3zSYwV3wMQ==","signatures":[{"sig":"MEUCIQCJh5qFqk6Uh8MI7umUlvu5Go4GmUmUGi1UzMBKuw4emwIgA7AnAfEzPxrUMIG/pY5P+cXbj4A9DrwG1zQUSvBs8ZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300582},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8749adfdd2db81109e530902aab3e4d445db8771","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.1-dev.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.1-dev.0_1710755566359_0.5233782774045554","host":"s3://npm-registry-packages"}},"0.21.2-canary.1119.8324919346.0":{"name":"@salutejs/caldera","version":"0.21.2-canary.1119.8324919346.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.2-canary.1119.8324919346.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":"137a8081d95559df1af12d33cea9f73c813d83cc","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.2-canary.1119.8324919346.0.tgz","fileCount":137,"integrity":"sha512-GpXFihGQOjFuw4ZLMhWVCGZG2yy/pTBNfueLF0y0g+lm6sc3kmn1W6FyDFclzoR9CbHGdSysDM51tPMjveUZGw==","signatures":[{"sig":"MEUCIGc4Eq+V0sIIi8WFQgxUwHuqS6NE3YXvoUmJDDw8qZbEAiEA4mOqTjvprhOxJX4yM31S3f9UDIR7fRxvRGdKMMcjxlQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"963756a81c5b01f9cee6a0d779626f5025cfbf0d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.2-canary.1119.8324919346.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.2-canary.1119.8324919346.0_1710758352280_0.04181761669359818","host":"s3://npm-registry-packages"}},"0.21.2-dev.0":{"name":"@salutejs/caldera","version":"0.21.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/caldera@0.21.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":"a5808b6b019c094dd7cb32be0655090098a6dbca","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.2-dev.0.tgz","fileCount":136,"integrity":"sha512-D7Tu7mR+InxuwwZglEtmZ99O71TD0DrEmWfQDjBRWvSucbOcJGd7/VE1qQilfPX7WKT/XgYvV+BocukjhGiLpw==","signatures":[{"sig":"MEQCICk/mPGeuwJwf5CmQxffc3abq2CCmDlRYP5WsmjJnb53AiB4Ruek2v9eL8Jun/p7VFxmljPFDxDAR2APH8p9Dujp4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300582},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3bc2e7a062bc93d94f79ac639ea8bf2596ca1d23","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.2-dev.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.2-dev.0_1710760140627_0.1315076377468707","host":"s3://npm-registry-packages"}},"0.22.0-canary.1126.8328620419.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1126.8328620419.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1126.8328620419.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":"b29b4afd5b4d41ca901b3bc4d75dbf4d5614fde4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1126.8328620419.0.tgz","fileCount":137,"integrity":"sha512-psotP5euDOfFNYBPCz9ZGRkCkouRUHG93tUbAEfB5YC1Ox4Ig2vjfgvKXCZwVXTbQ/oTjaGAifb6CefypSqZmA==","signatures":[{"sig":"MEYCIQD3BoRbkZb6yruDDVnWeKj8/aNYN4sPlp/zGeshi8mCFQIhAPhqk1jvQAh4GBG2wBUxw9HxIqE9b5WJS6nVyMOEFNQL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"25a56d6e50489b12e538b3084aeedcdcf67a095c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1126.8328620419.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1126.8328620419.0_1710774147531_0.678717804247474","host":"s3://npm-registry-packages"}},"0.22.0-canary.1127.8328712972.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1127.8328712972.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1127.8328712972.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":"268a79dfbd6f700865c2b96859d4e7b71b214aae","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1127.8328712972.0.tgz","fileCount":137,"integrity":"sha512-lPmS/Ys3qcibh9tyH1dHOI7ilN5T6LQ6Zsruo9d/JmwpYW1kYSsV86O1busWCs2lcT84ytZmn4P7aaxSnJ/TAA==","signatures":[{"sig":"MEQCIBFk7MuoeTvlMxIQWmLeSv/kxyL1BSo4aH+62AGWB8E4AiBGj2Obe90+Ynub4Gwpje8eb7KkG4Ln2bP9qDTr/67FBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"340784ac736903c6d3e68ed7e0fa769cf832bcf2","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1127.8328712972.0","@salutejs/caldera-online-themes":"0.7.0-canary.1127.8328712972.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1127.8328712972.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1127.8328712972.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1127.8328712972.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1127.8328712972.0_1710775183256_0.33560276301623815","host":"s3://npm-registry-packages"}},"0.21.3-canary.1128.8338480500.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1128.8338480500.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1128.8338480500.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":"82023bc2d1b0fa0b0537af41effde033da38ef9d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1128.8338480500.0.tgz","fileCount":137,"integrity":"sha512-yS70mizAHfRi2ADABXuH6YF12Mdpw6UrK1bmKt6vmwrSJsxxcDr1vmhmM6si0QDFbnadGiZAyLsw9r8TorLCHQ==","signatures":[{"sig":"MEUCIBHBrlYaRHD9CCpb7tqFje+wN5/SdW4Laa05zoxW+yMaAiEArEJKDVKu2CIbUu7gje/XSq8moYRXqzNvWwvc+8sL1HQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"000919a7f7d1b2b7b3e504da8aa9f259ac1d5e78","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1128.8338480500.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1128.8338480500.0_1710830147490_0.37195945526975893","host":"s3://npm-registry-packages"}},"0.22.0-canary.1127.8338618896.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1127.8338618896.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1127.8338618896.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":"342886fac5a5db4216af4f0a63c80ffbc0fa87b8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1127.8338618896.0.tgz","fileCount":137,"integrity":"sha512-RBsRpC9eiq4TnR5+/MwnF1WABSQ21+B4ky0a6csfGKMkP3H4pUs5ENHoYgattJZgCkNRVujYfsLIlU3tviVI5g==","signatures":[{"sig":"MEUCIQCjIqRcYZZrMVrdUl1r69BWy3lCcm2H93/+JUDoxdSzcQIgI5ylV3euXZhUcauy1eFr2qU/JuE186QJacln+bZf6Ys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3b6603868aa5d811b73544cdc038301dd1b5b4ab","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1127.8338618896.0","@salutejs/caldera-online-themes":"0.7.0-canary.1127.8338618896.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1127.8338618896.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1127.8338618896.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1127.8338618896.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1127.8338618896.0_1710831377774_0.0828263658539925","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8346840460.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8346840460.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8346840460.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":"0b2c4276a90dba53dc8a36d10f2f71b7e8375488","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8346840460.0.tgz","fileCount":137,"integrity":"sha512-HOSlT9NYLxoHtK+qCYX2xaP0aApesmTNb3Sx2zRWg+WSS4H3ZZgY9nMQgLFhwYBN4Ro3dn13jvdDUMKKvxJqCA==","signatures":[{"sig":"MEYCIQCzT4POjtdNzgcwQS2PYmp5Gdy4hKAXP5Bi4SCU+PizPAIhAO4V5PE0rlBp+FzN/bmBIpSXjQDqx/Ep2tkU+yICLzHE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f9e5059de3b42bbbcf4d3d2756b0e322ef9332e5","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8346840460.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8346840460.0_1710867376218_0.4665856664741268","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8347669909.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8347669909.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8347669909.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":"e7955c6ed832c7b39ff5de44ffbcd277d51b6711","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8347669909.0.tgz","fileCount":137,"integrity":"sha512-drHnV9FuIH5DCpdMfMu+wdhz8o26J2OFENJKiS1bdvT8bvvc0ye8hUCz6TwkSIYCB2fw4nWlu9y5W5XrCvj5cg==","signatures":[{"sig":"MEUCIQC8mETulDHPkmWbETN/MwarUH+zwtDy7VaxBRSOdQ0qzgIgex7OH6IWzXKBoLZaKpyTLTjnfvUDZrRXYW9xb5lAjPI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c17306c502a7dd2b1f38f03d960ae77ee32bbe8a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8347669909.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8347669909.0_1710870880908_0.7651849299837774","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8348048941.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8348048941.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8348048941.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":"6fbf35a097ac6806fbe980e21c863b64d789dba7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8348048941.0.tgz","fileCount":137,"integrity":"sha512-0xGCOto9/B4iQ8l+LJC9V8Kf+ZZsDejSnjZiRXlvIyuHAium5tH2qCctok7EVnPpxzoGHDy+/T1w2pnXZ3++aQ==","signatures":[{"sig":"MEYCIQDfMY+4GDgf9k9OeCPI/3H0dthEtfgV+sU0c/36yQPlHgIhAMQvFoOwYQFOsS3F5SiOk6MLiHiS4SGy48lz9oFdsGoc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1df6e00785ceb358a51f2beec798bdf92c615bd1","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8348048941.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8348048941.0_1710872709359_0.21542524396736318","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8348409566.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8348409566.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8348409566.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":"bb39b416e59e1f2198bc272298b8362ca51295f1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8348409566.0.tgz","fileCount":137,"integrity":"sha512-O/9zEJBWaBJvOF5YnZgt83BPWoQCkaNWJeGf8T62DqM/yyoBLH949CIIcL1flVvAeer6LdmaQDsCzvDMsMKQBA==","signatures":[{"sig":"MEYCIQDNrK2uIG9mE8fIqA/d+MJJcbailC/CNs0RT/f9NBLPHgIhAJVCUkMRFK7IwpfeyA+1tzYt9pw3erjvyZ/VEh8O80+a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"d4f718f0004135130f61a55484180022c5ef207c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8348409566.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8348409566.0_1710874375775_0.3569973136166127","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8348681148.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8348681148.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8348681148.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":"be61e583b965d76b1595f777d63baf5373c1d419","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8348681148.0.tgz","fileCount":137,"integrity":"sha512-7YplVZs3rn8pwFvuuTkWtK/q0rOhlaiMaEpas4YIYAcewGldkzjg9fPip33rTfRsyEtlpgxIpTgR7BX5onI9dg==","signatures":[{"sig":"MEQCIAE15ngUqlr26NNMdHE+4xVxdcHJp6sG0OfJMPt4Dbx/AiABA6WJuM+sdamQELCfHNMBG2YEWwZzR/xo9ElSEokcqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1dfba61f21c728caf23e7b64827c44e7b4db7fb7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8348681148.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8348681148.0_1710875897215_0.5453580724193166","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8350601040.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8350601040.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8350601040.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":"eb3f61519d5fdf4977896d0ebfb38abe8f99be1d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8350601040.0.tgz","fileCount":137,"integrity":"sha512-+LxUDl6Oc9grkRE5hVkhF6La8BozlLHSdJJMfgn58NY6KT0fcjUpDacc//r0jazFjx8TH/lyXwT2/3FaH5i6bw==","signatures":[{"sig":"MEYCIQCDgCPaA7eLK3cwCu7/+RmONBpZGDqFNVbXhbkT+tgz8AIhAKu6Ge5GXiUYnOP/SkpG7Ft6/P+7R04CzrHIlV30Uwny","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ca0491332dbb98afd55246ed04eeaed5c92d21ec","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8350601040.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8350601040.0_1710886308817_0.1862019350520936","host":"s3://npm-registry-packages"}},"0.21.3-canary.1128.8354320507.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1128.8354320507.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1128.8354320507.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":"0fd5be845d235a8c14cce6facf7ed9e471571607","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1128.8354320507.0.tgz","fileCount":137,"integrity":"sha512-gsGVAHzYZ/9ivlD3LxkP1bGMR3CpxtkQx6yNnHpvm8csdzkXiCl8JBNyQO8tdvcFS8Ti56k30agwWU9yuMZErw==","signatures":[{"sig":"MEUCIQCbgMqAeqi+JtcQcFR68t/egrr9bwVWHgYY9WI5SRy+lAIgGBVxtMmZnjCQ/KeBrzYGX592o1gsYlr27I9EjzoAs38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c177616e700bf3c0e06e0190650a998331cf5dfa","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1128.8354320507.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1128.8354320507.0_1710913751992_0.6572492252636915","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8355158265.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8355158265.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8355158265.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":"67874bac475961a3c4840fa962fd4deac1b9a6df","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8355158265.0.tgz","fileCount":137,"integrity":"sha512-IvU4EcRZQNsgoWM0mLBrKrxHwzQEbRz9hlNzlpv/qQhXPwn20dL21IdD+TAdjoyabXklr3PfBVI2XuYc3GpoaQ==","signatures":[{"sig":"MEYCIQDwS9Y6jYuRzV+Am57kKySNG/i7bbiBQb73aDdAklAptAIhAKzIm4MSHLPZDzANAWhyyLaoqciFQ73gxfs6vdDEznXp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b6fc9a758c36a05b0f053d38bd1ce5583a2656dd","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8355158265.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8355158265.0_1710920072021_0.2708950852048937","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8355310430.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8355310430.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8355310430.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":"e7ac13b0490eb97a69c0daad2d13a70c3f249762","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8355310430.0.tgz","fileCount":137,"integrity":"sha512-ebmN7ZudoCqLd72f29yVnaBgOnjdcnCVzGBzmCqZm8j6vd0HqN0SqSIkPxiNak9w5sYTcgsYXb7YKjt4OMqueg==","signatures":[{"sig":"MEQCIBZa+spTqAYbd5FYuj81ghGEJAPaQI8VXkMTWIF0W8viAiBnS6U14qhjoNzT/Rvc2RK5y/dx5/Ubmu2fRF71yUmSBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"035a89d3cb14a8dbde9ac5a74598c9502bb31bc7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8355310430.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8355310430.0_1710921276328_0.9394478272182727","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8355923482.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8355923482.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8355923482.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":"4d10d78fe4aa28ed83f93fe72987233b62cbf64a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8355923482.0.tgz","fileCount":137,"integrity":"sha512-edclUTHzQsRn5EcIbYtKJcRlMHhbkidK5sR4grD3/B7j3HsnwVO2wWmwJb9qgg1NCG0g/nYY6fXW0BjTViIj3g==","signatures":[{"sig":"MEUCIFueC9LGVpvQwICnXuYugPPeitTB4ZrF5phC+IVKZyJqAiEAmrXwEvMJpALgN7awD94KsTqTJteuJJX5A16LnsKbUks=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5de27c1dbacd9a68180134520ec5a98428b33c9b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8355923482.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8355923482.0_1710924677184_0.37987613923749985","host":"s3://npm-registry-packages"}},"0.21.3-canary.1128.8357043245.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1128.8357043245.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1128.8357043245.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":"61a75bd3130c8e6aa2a13af124d2b5266aed0caa","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1128.8357043245.0.tgz","fileCount":137,"integrity":"sha512-9s0WPN22DnM76QKcnzQhI6pNLMLiGP+UPrZIZ5lH2m1sSTnZLa2jf24DU6lfv/3CrHKzt1fBqkHS8adsZfeDmw==","signatures":[{"sig":"MEUCICHPBlc2EYNIeXJRlh2DKxDAO5w1W/Q0lxa797uJScWeAiEAnqy4hrIoQRHUFPVXbAYmlvrpsj8Ucop2Cg2s0beEp4Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"256742999d0c8cadc37ede7bb93783a579e0fa7b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1128.8357043245.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1128.8357043245.0_1710930046094_0.2905432904083409","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8357400326.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8357400326.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8357400326.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":"1bc97299845d579fea8b3b01c7bd514bd020985c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8357400326.0.tgz","fileCount":137,"integrity":"sha512-xWOkI5uIXj99dnkSGvMkeXduKcfhJWZ8QR+kO4/r2XP2WT0hzRDMgf0TEajOVRHwKdKT6EefUVBoU9RJqvNfyQ==","signatures":[{"sig":"MEQCICyxFGJcjobWmsWoQoEjvkzDZ/oLNI/zegtqZWs7e4TCAiBImqEmQHszQcpM7X92QF+6xEsQrdyTaIhOJHOeC63CWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"671444b8d92f9731b9f63eb58521eda86cf3c195","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8357400326.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8357400326.0_1710931493803_0.6570006456282385","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8357768057.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8357768057.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8357768057.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":"904e676cb50adabab670084093ef4546eed3d2de","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8357768057.0.tgz","fileCount":137,"integrity":"sha512-0chQRRdeUi4FiFLqozS2BvIV2h3xGi3YaMAF1IdulHIYGETllNhRyNhN0j6wcfFk/bXqXHKMqfby5bAOL7VBxQ==","signatures":[{"sig":"MEUCIDmNZtLqGO7fjCq3GlLVxiwoXZTSXYe7qSC1bLZROtLbAiEA7lo8M/jNCBUS/Mkew57c8RzvaLOdEIR4LQtAs6wn0Ec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"56c333d8c70017e97f50bb781de12a10cbec66e2","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8357768057.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8357768057.0_1710933314057_0.1183791702872321","host":"s3://npm-registry-packages"}},"0.22.0-canary.1130.8358943263.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1130.8358943263.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1130.8358943263.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":"1a33a3161a9daf0d1016768abacd226552742b22","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1130.8358943263.0.tgz","fileCount":137,"integrity":"sha512-Kz8Kg9pzo0jgTSdeAINxAll8iY4Gj8rsCHyOYP7w20lLxDf98+CTljUVC6xuunR0Xbo+/3sjWxJ7Gs+IfYEfIQ==","signatures":[{"sig":"MEUCIQDHziRYtZKre9JmPXjvILMOOJf+xM6S3uBqjnmIRZY88QIgBUP0RRbp76vOfBTlz8tmmytcM+41bNF82no8s2OXfKg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"77dfc432eb7af52690d3566428227006ab904917","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1130.8358943263.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1130.8358943263.0_1710938893685_0.04865691815079787","host":"s3://npm-registry-packages"}},"0.22.0-canary.1132.8359413682.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1132.8359413682.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1132.8359413682.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":"abd0bf3f9331be8357614f3b4da9c7c10d591365","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1132.8359413682.0.tgz","fileCount":137,"integrity":"sha512-MIGdWN43vBqbWRqNaAQoD0jw75vWbh6nPDn1yorJo+Uxf4AIgJ6YiDZNqiKqgOgUpxFuuFQBo/Tasa/OhY/NJQ==","signatures":[{"sig":"MEUCICGU1HJo/wJU+IXM7X2cNHnfAKvyXrek923r8G8AuxegAiEAk7xrcVqzDbTs99IBcv9mDHfKaOVaX/eVV19uuvdHyB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4e5766acc8e92eee09d58953afbe255d5ad7a591","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1132.8359413682.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1132.8359413682.0_1710940902931_0.31956668062796045","host":"s3://npm-registry-packages"}},"0.22.0-canary.1132.8360123416.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1132.8360123416.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1132.8360123416.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":"1f92f029b6f3feaa137e8e43d30546cb1f6dd606","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1132.8360123416.0.tgz","fileCount":137,"integrity":"sha512-PgfNWXKxFA5R+y2Ok+Q1A59U7k5oZyCnAoCn/l2J/7cS0cUXFk6CzHfOuahiT36c0XFilShWjr38pszSbT0Vgg==","signatures":[{"sig":"MEYCIQCB+R0k34BRe0XT5olLiYbFUnt/5VxpFd+FkJIUdGTWSQIhAPfkR0yBHsbz9odNbVa4hyUW8xOwtPhRzXgMbp+0zXkn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"fad11e4450bdd982c897fc5bbdfef2d8c836ffaf","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1132.8360123416.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1132.8360123416.0_1710943812719_0.9467134588271304","host":"s3://npm-registry-packages"}},"0.22.0-canary.1127.8360705762.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1127.8360705762.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1127.8360705762.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":"507f486417a8c9271a97fd920447a21007d1a6b4","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1127.8360705762.0.tgz","fileCount":137,"integrity":"sha512-RVLWgUOmd2NAXkGL8lT/tbz7otzodz2wNvTWhirRLW7ZVOSyYLDrmBdyseaEpNFe1rFCgNXS0mxogsBQtzpZ1Q==","signatures":[{"sig":"MEUCIGAazUBUVSHKQw7wZAWakG98l0YToMi0CkS7JFy4XhhZAiEA9qApqujJEuC/d1fXjD1mKlkXqhzOlbqWjD9jpLyH3X4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"60f9db3c935a5c7dd16126433ab2da33fec294b3","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1127.8360705762.0","@salutejs/caldera-online-themes":"0.7.0-canary.1127.8360705762.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1127.8360705762.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1127.8360705762.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1127.8360705762.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1127.8360705762.0_1710946421434_0.10010049947150623","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8361174885.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8361174885.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8361174885.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":"0105bff0e57eacfff858ca9f131f37d54bfc876b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8361174885.0.tgz","fileCount":137,"integrity":"sha512-m48rbhPOhvip84XVZdBrR4H8FFM3En1jFl/ROtkJ1et3IBdVTq++7IhsJhQlWZXA80wGfJIgGA4e3siSzTk0sA==","signatures":[{"sig":"MEUCIEFyt0a/VRgbl/86yPnAQJaBXqiW19VaLsJy+O5qIwQ2AiEA9OdgJ1yMeftihu1W0zylz63y0fa5NcvDtSZFyd1uhb4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ce84c10d283ed3030aee8f272c0db71087c2b401","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8361174885.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8361174885.0_1710947952107_0.7396518846741504","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8362143322.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8362143322.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8362143322.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":"828cd9ef6450048fc7562a5cfb1386835bc3b33d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8362143322.0.tgz","fileCount":137,"integrity":"sha512-aB+XOrAbcCPI2BE3ptNlvrVoUDitv6hwgH3nFuGuwvww9CDp4x2d1iihXmua9mWlEn9KU32ImjuwZnxs4Lzmxw==","signatures":[{"sig":"MEYCIQC/pprT+L8LOxMEIHbEITxYlAYx0hyZTba4RVwTcQ4utwIhAKyC4boku4HivupN3DW+4U0VhLKuSBkQUX22WFXkVfNe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c8a1dd452af77ba8520743739040b63e731af03d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8362143322.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8362143322.0_1710951806032_0.39418259856225024","host":"s3://npm-registry-packages"}},"0.22.0-canary.1134.8363193534.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1134.8363193534.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1134.8363193534.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":"6fc0ca050c194b326a2737f056e2efee8eb8e92f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1134.8363193534.0.tgz","fileCount":137,"integrity":"sha512-djVbl2KnI50jjcAIHT6u2zbZbcbYac5U/4LYAPqR2byUsmm2SI5zgBMiVj9KW2AUgDC8+x2Y+QTIoB8tiGEMXg==","signatures":[{"sig":"MEQCIHXE2LfUcuJo9cNTIu8/x/6EFARvBU6siM2kuLE3vMvVAiA1SbH5DM9PRCk8b4yhnLnyemD3jVAUfk/cqjRUPCd8QQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e6314541124ffde4a268de00434f17117131864d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1134.8363193534.0","@salutejs/caldera-online-themes":"0.7.0-canary.1134.8363193534.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1134.8363193534.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1134.8363193534.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1134.8363193534.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1134.8363193534.0_1710956548934_0.7045443173691412","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8367220328.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8367220328.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8367220328.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":"22bdf8a679aa957f9a61deb4174f5a1f89601880","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8367220328.0.tgz","fileCount":137,"integrity":"sha512-TU5cRAEpHwbympC/7pffl6PRPLtz/EBqwkiE2TbStlMeIF31chx1UBQT3DmGU5m1PCNpeJiAD0/Qn7WxAeGtNQ==","signatures":[{"sig":"MEUCIQCCZCgmhvajr7AWeR0dy3BxRKGwdFkQilIcDO5asnezBAIgEAbjhqD0DjpistXrXYcZgVYzjdKbdeUjq6Yx22cDnOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"eaf20371c65d15e7cef5290f8dffbfccbf9ed128","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8367220328.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8367220328.0_1710978095964_0.7163880844901678","host":"s3://npm-registry-packages"}},"0.21.3-canary.1135.8369164007.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1135.8369164007.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1135.8369164007.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":"e6a404f9f9e06bd43b11f4b586c067919349225c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1135.8369164007.0.tgz","fileCount":137,"integrity":"sha512-SL4iwHrcl2wq69MoUcp1GWbh5wxv8/f4e+g1nBVyKnj7IQJAnW2bShlM5pp54tdSmhGH3a/ToiJF7CmF9ZBYKQ==","signatures":[{"sig":"MEUCIHX+WKnT3zSfCOjHOFk9e5cLFsSHe+HGvZotojF7dn2JAiEAsAtYLrkWKaWDls0UVnrIB1yMetUVErHVGLg5H5YHCas=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318695},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"fe3f200ed1993c9f7e6d65ce330e277fc62afb50","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1135.8369164007.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.1-canary.1135.8369164007.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.1-canary.1135.8369164007.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1135.8369164007.0_1710992009504_0.14412439190074267","host":"s3://npm-registry-packages"}},"0.21.3-canary.1128.8369582017.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1128.8369582017.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1128.8369582017.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":"c42e1e6d7be467016119b894532a24d640458739","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1128.8369582017.0.tgz","fileCount":137,"integrity":"sha512-HsptyFG9QkVfPyqKc/YbJVvBIJfRntgqjbYxniSd2aCaqG0WzO72Z+xMOJPJGQeR1f7PtYB+8EZf0snXL0estA==","signatures":[{"sig":"MEUCIDsFZV+4JlLfnlFMI9xQ0bFxXXaRQg2wwVTEmUIJetcYAiEAoeXVGCbtneupkL3BFxjHYd4DaC6GMR9iZ3TIii4oeuM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"9dd9ef4cce67c218ce4a6e1a7f7f7ae77c12a69c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1128.8369582017.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1128.8369582017.0_1710995454439_0.9910788747682131","host":"s3://npm-registry-packages"}},"0.21.3-canary.1138.8369775446.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1138.8369775446.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1138.8369775446.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":"a7d4e323561d353a1ab382aae6bf871c959b6b80","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1138.8369775446.0.tgz","fileCount":137,"integrity":"sha512-I+0yxjpnfzUm+HCn/fPGGewFss210Y3S/1eQSm1xeNM/AtrV0kKfufcGhqsfddQmPSG3lCjDraHWIo1Eog6Ojg==","signatures":[{"sig":"MEQCIEqjaL4X6vgq6dg0S1CIG6NJCNhszuCAbOkif05i3qY1AiB0Y+sna4VE84GI4dUMhHdii0gY+H55x6XhRgLTC84xTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3991c7ca33dd13b19ba40cf5f0cc7df98fa3b9d9","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1138.8369775446.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1138.8369775446.0_1710996934256_0.014539631852343415","host":"s3://npm-registry-packages"}},"0.21.3-canary.1128.8369811761.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1128.8369811761.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1128.8369811761.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":"631eff34383c0fe66062dab9d40e71320d589a40","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1128.8369811761.0.tgz","fileCount":137,"integrity":"sha512-GiLdYabrORD7NcLjcx5A/5Pcb+o+5o1ARGxy3dj/fUYjZsmrVaol4dy+LvlkfPMk1tqvjUu2SSMFsEDCCwYLww==","signatures":[{"sig":"MEYCIQCezIGXgUNQCn0xU9UHr5swliaIY8yF6MGu9Y8kP/eBdAIhAKVy++1C1AR4pel2/LF5L/TBHa5NDKOesbx1VCadgonC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1ebde429762704292a69b8091df3191329bea3a6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1128.8369811761.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1128.8369811761.0_1710997624817_0.4519055983300353","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8371174803.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8371174803.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8371174803.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":"555ae4e0071d2e0f005f817e02016567485855fe","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8371174803.0.tgz","fileCount":137,"integrity":"sha512-NGZavV90qIGjJlOxrPN8zG+JMJHApCtWfsTi2a2Mu/01zR7sbQubsNzLBRmaLXu31JlOTwSlJB7ySMYmsNAEvA==","signatures":[{"sig":"MEUCIQCdGOWua51xMTDIHP1thnFYaS31Yr2g/HrMOa8cDM0GQgIgPSLHU7eg2pdG9n9Scqaou+cPCsFo4/bEHTJ4nknhlZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"9038c65de635bf6e217dac6508d1df4d0a81d096","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8371174803.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8371174803.0_1711007082711_0.33722325585800306","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8371403934.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8371403934.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8371403934.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":"26e79c7abe875e010eeb26a287ad481d7cf09f46","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8371403934.0.tgz","fileCount":137,"integrity":"sha512-ja4WnqFx7fSHDo1mqUbAd4sgVnLjRits8MyejGZ6rIg3iCIPp0ZDlnXITwnDnDN8B9hUM5uTHbTTJSoFW1AUIw==","signatures":[{"sig":"MEUCIDBDjNqeHmtZKAqF2KOk4t2fSyR6mDBWPW97gdGpL5GHAiEA9EBpO6Zqc6jk9H5noE4DndOrP53Rrm1ttz1Gx5r3xEY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"556bfc9305728b8d96032df6b2d64e4d08223e68","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8371403934.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8371403934.0_1711008429148_0.7629281581877141","host":"s3://npm-registry-packages"}},"0.22.0-canary.1134.8372017768.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1134.8372017768.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1134.8372017768.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":"9109b3df49b37b0c8a8a41d2bcd62714041bbf9b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1134.8372017768.0.tgz","fileCount":137,"integrity":"sha512-DhfYiu7TdBBurBEfpE+v2i3Ho2JeHd7DMeRoRTP7wIRUx/uqP83Wgpsuo+wIQKf1Vd5U+FrK5q6mBFOvldHXQg==","signatures":[{"sig":"MEUCIQDuEpMSCv7wt7nNVob/3NLQvhhW44YLBHNQglnRj2qV/wIgWLeGZA169JTBDv6dbHiVyqEeLms9kbkOREr+Or+3dbU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8c8a6be4ce4bb06c60daef1f66958c61dbf75170","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1134.8372017768.0","@salutejs/caldera-online-themes":"0.7.0-canary.1134.8372017768.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1134.8372017768.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1134.8372017768.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1134.8372017768.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1134.8372017768.0_1711011794279_0.7220366892639689","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8372138331.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8372138331.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8372138331.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":"812c872769192fc78e27a7f228c527e8a5b28323","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8372138331.0.tgz","fileCount":137,"integrity":"sha512-1/q8IWD52Hc/bS8Oj0KrbztDnaCUsZ9i8gxelfYYJIV6m0c/LhPvrkqd7T1QyO9ce4IGipcuXKTjjNCC68G2dA==","signatures":[{"sig":"MEUCIQDB3svZqo5I83dVFBkv7fIP/sTNCrkP9ISpmmAUmo/llQIgSb/x0XEgVP4UYUcMmUno5aKcII7DkjTRHaBJoiwrsCg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e710c3edd7dffa957df1915727101abdee8e53f6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8372138331.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8372138331.0_1711012176928_0.9419209785250933","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8372502529.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8372502529.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8372502529.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":"a5632d91260482c0a461f07ee4056afdfabcac80","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8372502529.0.tgz","fileCount":137,"integrity":"sha512-uocQR+UkEW8Ta0y7JZa3wjf+LD9T6B7Lqb1HUOxK9y3Fq3FdbGsI+AGcCDvkcmm6kij2bWNkhrvMc+MzbIsmhQ==","signatures":[{"sig":"MEQCIHOK41UwxnEmU4hiesd9ek9Q+WX/q5LKygWPtAUhaPTuAiAFZ1FZRIcu4JqcrE/clU/LZSAWxlxxzSaHe+Tlqc5MAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"836b64bfbd00736a57cbe5b35850e373f21df373","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8372502529.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8372502529.0_1711014298106_0.8605931287526103","host":"s3://npm-registry-packages"}},"0.22.0-canary.1132.8372596701.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1132.8372596701.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1132.8372596701.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":"90d710482ae05cfae34009319cd1aa832d912696","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1132.8372596701.0.tgz","fileCount":137,"integrity":"sha512-Wi6SoRrPz+VhKUQIhafRdlJh1oF4Mga3TEESx7dtqJ9R+2hpf91d7rxiRuyE8bN6MX1kYw9O2m0QeeupKxqnug==","signatures":[{"sig":"MEYCIQDgpFr4NWr5xx9yevf2Ln3cKf5D9iiBs3IEGkQp/jvtngIhAMOr5ZWDs3hrl6taDa/AZMiATMGghalRuLZpsCBNfYcg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ab1e5c24f7cdf0dd188dd6a0df2614cffda8c08a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1132.8372596701.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1132.8372596701.0_1711015125985_0.5234022465297856","host":"s3://npm-registry-packages"}},"0.22.0-canary.1134.8372549126.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1134.8372549126.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1134.8372549126.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":"3f81fdf2838f1720680d2e5a1de20322ab335a41","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1134.8372549126.0.tgz","fileCount":137,"integrity":"sha512-KrHrcyp4zOOkVKTdb63foGos6WUTOL0EBWHv5dxXYObivPJem5yOO2/w+ueOzPFIWb1aIUUnVS0fkgUxkak3NA==","signatures":[{"sig":"MEUCIARRBRYBebxQdwV3nh7x1hMmGvp3iF/Qz/cFhgKdtA8GAiEA32wYpW63inihmTM/xZFuJjBHDbrFiCYTdvL/Pc37rug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"666d50f603542d40dfaa54b7ccbfad0a77f83cdc","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1134.8372549126.0","@salutejs/caldera-online-themes":"0.7.0-canary.1134.8372549126.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1134.8372549126.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1134.8372549126.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1134.8372549126.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1134.8372549126.0_1711015214309_0.9274602723288379","host":"s3://npm-registry-packages"}},"0.22.0-canary.1126.8372657133.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1126.8372657133.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1126.8372657133.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":"aaf58c9892881b56cc922c9d828aac261fee3da6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1126.8372657133.0.tgz","fileCount":137,"integrity":"sha512-XmsP/UfUiC9mA4waPIhJHJLCZ3TEPAEgJ8WSCgdSlXL6KPYIT2a2h6S9quf5WylZqFdshXH6HRfmI0kSqDsa5w==","signatures":[{"sig":"MEUCIQCSsdSBn89UYfCdjr8MOEKycKlp3hRoAXur/2EJ0tv2VgIgKQylXEePxlwcGxZpaxj0uZ4ReE97IScGvg/WNyWwU58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f09eaa98253be24048dc20f3694c59212f67181f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1126.8372657133.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1126.8372657133.0_1711015584333_0.4699838336675828","host":"s3://npm-registry-packages"}},"0.22.0-canary.1140.8374004864.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1140.8374004864.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1140.8374004864.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":"941199a3379b6fc6d077dc60f57488415124d366","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1140.8374004864.0.tgz","fileCount":137,"integrity":"sha512-ZEJ1h3eD0h7laEMExRVg02FDojtt0xoICwPcadds0srpMeUe/kDbyJktb6UMYlQ71uBD/Jvj0HSZAnVvGCKqlQ==","signatures":[{"sig":"MEYCIQDQb3KrE1csBGZTZZ7AEoMqYDbm+xzKMYJJfipgX31krAIhALO6nCQtYRYJHIHPd8FU2C0jotwQHzy9txDitazC2NxN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8a51216e4fc568890925d3fb83360a057cb9546f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1140.8374004864.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1140.8374004864.0_1711020566443_0.702002375463953","host":"s3://npm-registry-packages"}},"0.22.0-canary.1126.8374149152.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1126.8374149152.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1126.8374149152.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":"0e155eff5d20d4c9489224176c95f52e6642da29","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1126.8374149152.0.tgz","fileCount":137,"integrity":"sha512-gqnG78S/aeQA3U2/3CD3Z4KQWguD7cXn0pqmS8/b2or/WAEIF5oICTFKcdqunZAkiDOQnjSev1z1i8wsyOQBuQ==","signatures":[{"sig":"MEYCIQDgkoB+1Btb7NyUVd/xOkYit/XXGBTYoAms6x+RLsHDUgIhAKCgyW/V4r7J3j9ZGHRVtPVGOPb3EGlF3pEOCV1QYV8K","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"089832d4be1ac9785787d97bda121e3b01df9404","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1126.8374149152.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1126.8374149152.0_1711021324695_0.9782643464421188","host":"s3://npm-registry-packages"}},"0.22.0-canary.1141.8374886119.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1141.8374886119.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1141.8374886119.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":"d00c17900be7e90b3e710ebb7ef39a2341045222","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1141.8374886119.0.tgz","fileCount":137,"integrity":"sha512-OYg5dFVSEZeVMyeU9lAqc5BpMnBaNsUceIXVo8YQMe64/yeq4HGqtv53tGKAcCIgrN7L4QqMVGSA1tdopOP+Bw==","signatures":[{"sig":"MEQCIHOYOa3s0L078HF4T5NcR0u186rfMJZK0zmQVf1dNnU2AiAIEvuZfyoLI4k8hJde+SkjSNjcK3CN4nkGLBzTuKYT6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e66ce7ecbeb5b9636ce79411362d82b93d06a565","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1141.8374886119.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1141.8374886119.0_1711025131643_0.37687416173424193","host":"s3://npm-registry-packages"}},"0.22.0-canary.1127.8374885890.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1127.8374885890.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1127.8374885890.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":"31f9217518b9cc57778db18cb3a062353e8e79f0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1127.8374885890.0.tgz","fileCount":137,"integrity":"sha512-YnVgsYAvM79+DRsLMJ3J/i1KuHxzPhJf1C7GXQhVVBF/z8M6wMOeOXrTri2u0VGMxANLaUjptQTS1GzorTSOug==","signatures":[{"sig":"MEUCIDa5TA++pQIK8BlcbdRFYcbzWjw0lf4fDwC/Z4gLm7S4AiEA53ydwuDNBDOQnxmYZLKL7G1vNilv70/NI6loJedSUZU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"fdadc17aa8056e02e3d404ac5c9c8216625d1a0a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1127.8374885890.0","@salutejs/caldera-online-themes":"0.7.0-canary.1127.8374885890.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1127.8374885890.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1127.8374885890.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1127.8374885890.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1127.8374885890.0_1711025524852_0.0023850535602609746","host":"s3://npm-registry-packages"}},"0.22.0-canary.1140.8375089634.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1140.8375089634.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1140.8375089634.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":"ad2495f0f3e21d361c3b2c1b67c1a40319c46594","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1140.8375089634.0.tgz","fileCount":137,"integrity":"sha512-xUSBSzXBGqR0IwZJdv4H+Jk2d5BMhm3l0u3d6mSP80BU+XBgLVk979nHvPTyRQ6tqQKMEvBWGDnmnT5YOn289w==","signatures":[{"sig":"MEUCIEwL932peIBk9nOdSkInpFBs9T32WWy1zDhJRTkBueYjAiEAudbejYflfYrsql5zK/XzRLw4Sa8ldp0E65zXWjyLr6k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"178f24cf96bcb9a780b1ebc7c3d5bf27ef66a925","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1140.8375089634.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1140.8375089634.0_1711026036798_0.3492223575284732","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8375694662.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8375694662.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8375694662.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":"b82877ae15d6ae5478c32e028db5dde0362ccf24","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8375694662.0.tgz","fileCount":137,"integrity":"sha512-hOinzd4WD+nwzmLjjRQiRiN9ssKU5ERkpkEiUjxQitIZYemYCEgpFcPbj59zPSRyN3lPT4KMYF0GvJ7t/8Zwtg==","signatures":[{"sig":"MEUCIQD86vbJIF5V/a8zfxTJel+0dEd4ZrGXDioDICyYvNXLjgIgbmRNHzaRh/oSlFrqaddgD46BZV6kd0LleSlUpd5reMw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f34f8afbeb7363a29bcb9b77835485e27f6c5c9f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8375694662.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8375694662.0_1711028309233_0.39309272251125105","host":"s3://npm-registry-packages"}},"0.22.0-canary.1142.8375879169.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1142.8375879169.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1142.8375879169.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":"3a59b9aee75329a5b745ed4451e029dcfb5bf832","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1142.8375879169.0.tgz","fileCount":137,"integrity":"sha512-kiM8smzOS7o4Np7nnkVf6UEXPfgHyw7KSMmtbc+SrdW3GBg+C5wytSC/HHd7ebkG5tc65V4wos6RUDt4W1vjFg==","signatures":[{"sig":"MEUCICdkSqtf6hviuCdDRKj6VVsGn7t5oiRSWAYFIdsKlLz1AiEAoBU+FIxK/MHwqs+uHsizmMTDqhfdJJwICgsZ++doIQc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"7a0934f90ddb4c9dca13bb0e0a0cfd0aa433b66a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1142.8375879169.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1142.8375879169.0_1711029081109_0.727137542925077","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8378459750.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8378459750.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8378459750.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":"3abf534501fc6d2173f57b6b79ae64816601a646","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8378459750.0.tgz","fileCount":137,"integrity":"sha512-9VQ/Z0SD4UZTeVrCBRT78lz/+qVVZnXp+U0vSx98lmKKmhRux56Z6vrvhaDV+WBIF00lg5icq5H4sAm/z4VLtQ==","signatures":[{"sig":"MEYCIQCmrwezFKOn4T2TAlnanFVdeRBHAMfAvEKSqCAaI/eqrwIhAP8OCFJyrE9Vj+b6vMSqW6Kc2Gs/UH8M5QQxXhrWa+ZV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e794f12ad2bdc6f4b92ea99b1c26396dac479b8b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8378459750.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8378459750.0_1711039603696_0.143358349251415","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8378794893.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8378794893.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8378794893.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":"da22cbdde82bfe68b8824970330d6e6742db0533","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8378794893.0.tgz","fileCount":137,"integrity":"sha512-kbbo6gno6KzD6t/ZRDBVwwtxvvM3d7TQmk6iSSgVu4w/F0y7L/WzrGl7ta1/mp7LJQrh0+JJxSoWY3DCH5kceQ==","signatures":[{"sig":"MEUCIQCYyGz7Hk6I26aX6yep9tZKYQII//qBOQXCqsgzpQmglwIgJ6bkQgL0MfJwYvLX68W+0S9Hsjzz3qVbDv+hLrKJTZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1c9716b86ecfd6767b06d6ac00bd6c977088d696","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8378794893.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8378794893.0_1711041002568_0.8125451923784239","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8379430117.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8379430117.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8379430117.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":"1b8b638ee309c72a65fc86bf4a6ca6c5bcecc71c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8379430117.0.tgz","fileCount":137,"integrity":"sha512-Oe410946vj7O/QkDnYlkdhT9omF1Dq+2OhQuCVG88kdt/CR/Ws66wveXLLIiBbC4R5Nh9Of/Quy3/SfNaoynNA==","signatures":[{"sig":"MEQCIHr3vacjHefSo71Cw3tq1YVWeJihf9Lg1DjYQiOyOvjDAiA8FjnE+t3cNDwZ9u2t2vo3oeRgPOjn2JtcpsjMXHegwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318645},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e762c47ca4d8ab4544d3e2672bfbcdc1e9bb8ca0","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8379430117.0","@salutejs/caldera-online-themes":"0.6.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.0","@salutejs/plasma-sb-utils":"0.152.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8379430117.0_1711043903403_0.8245292853015769","host":"s3://npm-registry-packages"}},"0.21.3-canary.1143.8386402782.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1143.8386402782.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1143.8386402782.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":"4e71bff79d05e94232bb778bb5e6540251d6d8a3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1143.8386402782.0.tgz","fileCount":136,"integrity":"sha512-oS+FHdnKXuAOQvnS5n7nahuFRl75NvEpnQSbSX0PlM6v+bzTjjm6/LLlHUTfHe4LPzBWfSNJg7Dgti78ZKbVNg==","signatures":[{"sig":"MEYCIQCJTeMVZpW10/ug7gED75AWJsBXqbJBFZT3I2yOEqaM6QIhANIgCmNaiT2ttO1KhUsfjRWyeTiY8WiflRRCw7xn4twF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300720},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"7f3a22180f849fbfa5c07a5396c0414881d4413e","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1143.8386402782.0","@salutejs/caldera-online-themes":"0.6.1-canary.1143.8386402782.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.1-canary.1143.8386402782.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.1-canary.1143.8386402782.0","@salutejs/plasma-sb-utils":"0.152.1-canary.1143.8386402782.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1143.8386402782.0_1711089957864_0.739653166309086","host":"s3://npm-registry-packages"}},"0.22.0-canary.1104.8386500043.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1104.8386500043.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1104.8386500043.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":"b6204a5d27303b9337194fa54a1936b30ff0a043","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1104.8386500043.0.tgz","fileCount":137,"integrity":"sha512-gX05VZwL8YJK5U/s8guZM1/RFmYGzDKuzqKpiMI6gHk/tERjnBAdvfmbsWOWZv4zeAl2iW7Kk8DYIq5/Z6spJQ==","signatures":[{"sig":"MEUCIQDgO7Ocdh3PpdM0c8NKSk/QqG7Br0J3m7Lq+8FGrMV/WwIgUGCc8cajHqmgL4oE8GHMc7m8XNUa3UM9/FC+N1UEQqU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"66824cb15d045e2f0b2cba0e97fead1d31196c88","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1104.8386500043.0","@salutejs/caldera-online-themes":"0.7.0-canary.1104.8386500043.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1104.8386500043.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1104.8386500043.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1104.8386500043.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1104.8386500043.0_1711090677638_0.22069710896926353","host":"s3://npm-registry-packages"}},"0.21.3-canary.1143.8386648522.0":{"name":"@salutejs/caldera","version":"0.21.3-canary.1143.8386648522.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.21.3-canary.1143.8386648522.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":"e9b4a778467eb87a1d82dfa86e4cb5b5bbf334b2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.21.3-canary.1143.8386648522.0.tgz","fileCount":136,"integrity":"sha512-sDiDlk/YBJTGEWObMJwAlDggOatAlipYdtGc3yV6spwqa3xvlYFyG9V48mRZ0Lrj/O3ga0gEPo0RExS4lwOfRw==","signatures":[{"sig":"MEQCIF5ecBbzxgrG0dbv21/xKttxC49oK8iSGWGsgNwERKW/AiApuD0eQx6LwlQRbpHmaUbBm5DtQ27y/q5ZnnClYSUPsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300720},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1fe45af2f6e604823e6e2c912698ea226e9c1b2c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.61.3-canary.1143.8386648522.0","@salutejs/caldera-online-themes":"0.6.1-canary.1143.8386648522.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.154.1-canary.1143.8386648522.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.86.1-canary.1143.8386648522.0","@salutejs/plasma-sb-utils":"0.152.1-canary.1143.8386648522.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.21.3-canary.1143.8386648522.0_1711091890461_0.4796234056227344","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8387515808.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8387515808.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8387515808.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":"c588c7a0a570fe7a926791564ddca2db25affaa7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8387515808.0.tgz","fileCount":137,"integrity":"sha512-Gxsxv61Od64Ajl7Wf2XttvvFEKWI/dM1us7Rnd+sZLp7bq0ijUpcPnaIZYGcrCgHd7i+/sZ0zAVZOOxXRF4uQA==","signatures":[{"sig":"MEUCIFKqTD3CiryFJF94EAvwEmrl+9yvrXpBhR+xeA3YJHPbAiEAyybBIujT6bcJAbzmxmaRP92pEp2+YX+sKAiYcE0NMfI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c28212edabb76b887da1c0af0c1aab2036cf8269","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8387515808.0","@salutejs/caldera-online-themes":"0.7.0-canary.1107.8387515808.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1107.8387515808.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1107.8387515808.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1107.8387515808.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8387515808.0_1711097283611_0.6457742422783039","host":"s3://npm-registry-packages"}},"0.22.0-canary.1126.8387518259.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1126.8387518259.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1126.8387518259.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":"d330d22b5de33d56b4a554d98a695cd688444d55","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1126.8387518259.0.tgz","fileCount":137,"integrity":"sha512-74kZZxwKTrA+ccm9CMZvbAqQBH+XnImDsa+MNKoGBj/nUwBvvvU7yiZMMny0PnvIF5TQalxNW1jmjcPFTESMAw==","signatures":[{"sig":"MEQCID2hiJKtb/EPzCqHbz/EkfE3MZXEj8kOUcsbLQAChQd0AiAWmVzSnpSO7acPn391QtZdiyv/BYjRonyjNZ/68JpZLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4ffd320b55a0f9e8bf4f2648d034a60d345c8749","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1126.8387518259.0","@salutejs/caldera-online-themes":"0.7.0-canary.1126.8387518259.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1126.8387518259.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1126.8387518259.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1126.8387518259.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1126.8387518259.0_1711097449093_0.20320740987600794","host":"s3://npm-registry-packages"}},"0.22.0-canary.1103.8387673796.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1103.8387673796.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1103.8387673796.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":"33965ef2fbd8128a8dfbe086176c1001ff4b6fc3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1103.8387673796.0.tgz","fileCount":137,"integrity":"sha512-Sj4YLHySCkInGQAP2R/gA5zQY+N7fBWrLhzjFdJ2h9udLfNioNPRv0rbcOZZ5kgvPyDodxuq1gJhnzgoqmatOw==","signatures":[{"sig":"MEUCIC6+JtLPWzEhpW/BQbBPN16hFMC2lf/ijesZ3vRBcG1xAiEAudkK+/a8AuVEmTLB8En3JlTtScfv8g47QDMjqQ2FITE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4dbb0f4891db79965aedd570dd322d15a43209ad","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1103.8387673796.0","@salutejs/caldera-online-themes":"0.7.0-canary.1103.8387673796.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1103.8387673796.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1103.8387673796.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1103.8387673796.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1103.8387673796.0_1711098346992_0.6399491281016425","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8387807305.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8387807305.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8387807305.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":"4a2ff253fbcb8b250792d403a7cf15ca70e66c07","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8387807305.0.tgz","fileCount":137,"integrity":"sha512-Y2/Dj4Zh+eNv2LqcFvygoBD6eAo0MN3lAaEnxF6JhfNI+KIqWliiQiB/nkBayydXvAHgY/DfNQsFNaX5xgPR+g==","signatures":[{"sig":"MEUCIBtuHzN46zFVUngS+peirtjobLOGKAqHt2Mh6fTFUnr1AiEAsru9G15Zc8fWKajWn5/ZMjdNswN9NY1YvbpD7xU3s8Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"581bda3664358b78f8fff84c676fef80b1417ef7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8387807305.0","@salutejs/caldera-online-themes":"0.7.0-canary.1107.8387807305.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1107.8387807305.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1107.8387807305.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1107.8387807305.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8387807305.0_1711099017773_0.935128913964391","host":"s3://npm-registry-packages"}},"0.22.0-canary.1107.8388104672.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1107.8388104672.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1107.8388104672.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":"0949ac4c4dce2236c5a23b1e405ee78c4f42cd11","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1107.8388104672.0.tgz","fileCount":137,"integrity":"sha512-2ROWbVRlCAcozJ4n8yXGAgwnAC+sL8O5wcZRLm7NDMsQ27elnIeKpI/hGe9+gY/PAF1Wg7duWxwyK5jDwN6gog==","signatures":[{"sig":"MEYCIQCNDuUE+jDIT5vbATOXlAeZrSeL7DkXEYFDM3a0QjHAvAIhAKIVXp9YbimPlKijmx1OP4GuNhZ25+RWw6YO7SYU7C9q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"de3f0f9c37927db11679798ed616f43b3f44f3b5","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1107.8388104672.0","@salutejs/caldera-online-themes":"0.7.0-canary.1107.8388104672.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1107.8388104672.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1107.8388104672.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1107.8388104672.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1107.8388104672.0_1711100469555_0.8373728076443712","host":"s3://npm-registry-packages"}},"0.22.0-dev.0":{"name":"@salutejs/caldera","version":"0.22.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/caldera@0.22.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":"1e17c9a38d01e06d1ed065d87b8d52cdacc58bf1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-dev.0.tgz","fileCount":136,"integrity":"sha512-xS1g8wVAEyMt6drL+C8NVrEibp7YiHtdr6YfO2uALugQyfUaPiMvys4ajOfOhMJkHa9UZcySnyU3mXF8+Lr4iQ==","signatures":[{"sig":"MEUCIEHpQbByg5SH85o8W6pUNHvponWW2XyfNEMcSJ160+YgAiEA8RNG0W+7+auDgYDZI/tTupes3T0JhGK9yfnVvnwBa7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300606},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f39b23b14abbd830278302eace0ac3f602e9aa10","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-dev.0_1711101072988_0.5523063859173449","host":"s3://npm-registry-packages"}},"0.22.0-canary.1103.8388307850.0":{"name":"@salutejs/caldera","version":"0.22.0-canary.1103.8388307850.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.0-canary.1103.8388307850.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":"078b8cd17802f3b2367db41d9e6c98d0a354c860","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.0-canary.1103.8388307850.0.tgz","fileCount":137,"integrity":"sha512-kchmt5ce0oT/FN0yEnA/mbJyY70bX316IIztgD7iba+OOKToXpFaBx6p8klc7qro4KNHl9MpOdNbq3vsmy72yw==","signatures":[{"sig":"MEYCIQCyJ79Ad4SfkrpZzm3Ous7k7a+8lLuigLnx9mSbdgJbrAIhALH7RlXTdfw2hp8jB0zHFwAlMWyri9ipjExHn8ogCgB/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318745},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"6e48c5f49270b2093cbc6da9487a03091c6468ae","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.0-canary.1103.8388307850.0","@salutejs/caldera-online-themes":"0.7.0-canary.1103.8388307850.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-canary.1103.8388307850.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-canary.1103.8388307850.0","@salutejs/plasma-sb-utils":"0.153.0-canary.1103.8388307850.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.0-canary.1103.8388307850.0_1711101698847_0.17053318442896304","host":"s3://npm-registry-packages"}},"0.23.0-canary.1142.8389275162.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1142.8389275162.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1142.8389275162.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":"8effe4e802bfa7c7b108c342c49f0790b86923a2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1142.8389275162.0.tgz","fileCount":137,"integrity":"sha512-FcAtOSkTygXFCFAfnBTz7RfauGTmxY+3R31GUbby2bON9wm1mXed34VbjuGt8vpBvL4wFObq97iZACHhkgWrpQ==","signatures":[{"sig":"MEUCIQDhZOwixgj7w+fDANe5RveWvFbpaP/MV1ef1Wmo2Ts32AIgRLb/xiwDHxsIINYfSjoxEVnVidugF45hvX5QM7xeiyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ffdbb2d67a8a8b71080a68bc4075ce41d05585a1","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1142.8389275162.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1142.8389275162.0_1711106221502_0.6130933103931004","host":"s3://npm-registry-packages"}},"0.23.0-canary.1107.8391117306.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1107.8391117306.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1107.8391117306.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":"ef6d30d2ea75dc9facddd486b5572688a053862c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1107.8391117306.0.tgz","fileCount":137,"integrity":"sha512-H2G3f5ccy7R9jt2S+2QR6xENwaT816QxvHa6Lcu9Ki8Tys1rIehFkW7/PkWMbWFQJPN6PQCuIWdLoR1DYVwRwQ==","signatures":[{"sig":"MEUCICpGJlRgFRdLf+5JQO4XHniqyGNXPZgM9ii/1RM617RIAiEA81xee5uTEKAxhGAxibnTuCC3l2fUKagdEOg8V4t1C2U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1fd866256b47dc0e32d7082285a8b947607f7323","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1107.8391117306.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1107.8391117306.0_1711115217581_0.4161129600589286","host":"s3://npm-registry-packages"}},"0.23.0-canary.1107.8391756028.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1107.8391756028.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1107.8391756028.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":"e17b21d3044a0922b9af4f3bf067fb54736c19b7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1107.8391756028.0.tgz","fileCount":137,"integrity":"sha512-br38dVp+emmpHXTydFH0cKWd5nBSnWStiIDfl0CMgVGeV+gBFpWj8OZUJDLaogt8qgF935XUoHHeCrvd0P+EjQ==","signatures":[{"sig":"MEYCIQCV/e2yz5LXU0Iil/0DYfdaPYj2uUv4PDhBWfP2M70ctQIhALm/WoqeirhLnybeYPR51BC6kGOL5NVmBwMzIG4rDLd3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f39b7b07a807c26d5ac893a2cbb024298dde0ca1","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1107.8391756028.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1107.8391756028.0_1711118368787_0.925670103077652","host":"s3://npm-registry-packages"}},"0.23.0-canary.1132.8392009927.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1132.8392009927.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1132.8392009927.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":"06506e4bc4f93157c29dbbd63da77d579376095f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1132.8392009927.0.tgz","fileCount":137,"integrity":"sha512-OmOCb/7tP/UBpHEAVA/UJYLukyCVc8yIF0CZC3OMbk6T124oJmb1KRtwqqfrYoPAIMtvEGfTzTb0kyTM2dKVgQ==","signatures":[{"sig":"MEUCIQDpJ325NmDjPz4lPmilt2zrLIxDLGmy2khkANZEViGu4gIgeYO39k+qPUvzlthSwT50m2BW6UTW1ay8dG64FTbe+vI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"dd68407067aee6f390e02acfc19536947ab02b1f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1132.8392009927.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1132.8392009927.0_1711119332147_0.1584177949482508","host":"s3://npm-registry-packages"}},"0.23.0-canary.1107.8392389661.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1107.8392389661.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1107.8392389661.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":"7a2dfb43dd8376d62b3c0ee56b03701d867c504c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1107.8392389661.0.tgz","fileCount":137,"integrity":"sha512-eVx7PV44oBgCz8nFMro3EBml8ni/2+2yMLwdYl99+axKALQcRcabwTBKn/swBEij8Etucw+1c34blRGOfdwcfQ==","signatures":[{"sig":"MEUCIH344WdhUCB5QEfmoGDkiyB/BwRjz8OrIGiVdw8KXHeeAiEA8jYWsZh21EyAHRU6i1BG6w09fpECZG7k84rjRi3S3jo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"56970b95e5d53f238a5ee722c7ab66a346d6b3df","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1107.8392389661.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1107.8392389661.0_1711121199148_0.7829811242879261","host":"s3://npm-registry-packages"}},"0.23.0-canary.1104.8392667161.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1104.8392667161.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1104.8392667161.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":"39f51d52c514e92a46fe9a6251e1f181e829151f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1104.8392667161.0.tgz","fileCount":137,"integrity":"sha512-uakJ+kptqnWWHGHGl34psq54ekRQJ/eqVeM1qkOdqAg5sAnGbknIGQlC0YvHafZ9MaYgZz/Y1fTbU/WDgguUug==","signatures":[{"sig":"MEYCIQDwG6004OXMTqA8CQ+JrvX/e9ATidi187Y5J8b57CiIBgIhAIt22DVxkv1SaDdINhCCfm3Nx7piULtgQf+l05Hu6TJf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"efbe2439cca992715f6f426a68dc623975075bce","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1104.8392667161.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1104.8392667161.0_1711122264582_0.07928291197200377","host":"s3://npm-registry-packages"}},"0.22.1-canary.15.8415647099.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.15.8415647099.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.15.8415647099.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":"bd3c3b108470815a6af9142ebcb7f07b0f237e01","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.15.8415647099.0.tgz","fileCount":136,"integrity":"sha512-Pg9TziPYBqFA3eN1B/Ye884pVA3bHw43XAwoxtSqphN2ecqP5hU0DDubrwM2/o0qmdUKYU4wE5LEU/x/3oq6pw==","signatures":[{"sig":"MEUCIQCrDcN58caOpwvd3Zhp1hIibpzA2yL65fiALQsqgFKbfgIgaxX15BTuG7NGJ7ZPtgObRfhL/cUB461i6+jfS1KBtT0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300708},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a9ffec9b5d7a7eb6d298f44ec6ea77ada02209e6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.15.8415647099.0","@salutejs/caldera-online-themes":"0.7.1-canary.15.8415647099.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.15.8415647099.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.15.8415647099.0","@salutejs/plasma-sb-utils":"0.153.1-canary.15.8415647099.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.15.8415647099.0_1711346582519_0.42653393113737215","host":"s3://npm-registry-packages"}},"0.22.1-canary.1128.8415682582.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.1128.8415682582.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.1128.8415682582.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":"2f29eec462dee1758a6167fc7a8291a1c10637f1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.1128.8415682582.0.tgz","fileCount":137,"integrity":"sha512-59mn8nNd0Iw7yemiiJaktTNJDgiVXg0aCBkqdJSm26wh5/jqslNKFVcAEOBWLNe25/PXENy7Ce1jhlEuoFfQQQ==","signatures":[{"sig":"MEYCIQCyAei50YKTcPy58T/lnXGrRZzNdd+aKtHVST9EZ2HY6AIhAPFeqWlmmDWynI64HAavIjZTI0ClQ2oAz0XoAcJTxV08","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"97e5033ca4f23d59a4d9717a77b0004f3e69510d","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.1128.8415682582.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.1128.8415682582.0_1711346764772_0.638675063829234","host":"s3://npm-registry-packages"}},"0.22.1-canary.16.8415692055.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.16.8415692055.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.16.8415692055.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":"4069e3d5e61592b576362faa7b4f511eb451163c","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.16.8415692055.0.tgz","fileCount":137,"integrity":"sha512-JMjYHpHBBPex9cB1rWEYnZX8uvji7eFVxdUJ44M3oOIkRxGm/6d3uUAbrOVvonsNoYKjctVCmDU4FqHp4mEzlg==","signatures":[{"sig":"MEUCIQD7QEU/eIJJm5xM4hVbwBsYO4KhtaAaYOUgi2naTaiP+AIgHPharIRwK2wGTrOc+agmWxNBiGbKXNGpjaykzw1wOJE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5324b0f26ade4c4b84a115c38717057ce03acc25","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.16.8415692055.0","@salutejs/caldera-online-themes":"0.7.1-canary.16.8415692055.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.16.8415692055.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.16.8415692055.0","@salutejs/plasma-sb-utils":"0.153.1-canary.16.8415692055.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.16.8415692055.0_1711347047514_0.35891077730492915","host":"s3://npm-registry-packages"}},"0.22.1-canary.16.8415917173.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.16.8415917173.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.16.8415917173.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":"366f221fdea5926f8845b032f4e5c8ed082ce53a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.16.8415917173.0.tgz","fileCount":137,"integrity":"sha512-v7kPtqE/pChp6f4B2FKAGerqheOay8r9yJmFg/OF+Fcy5dLnG6NHvMV4LVfaZsssU9KQ7BBwB7t0V6rkYA1iPg==","signatures":[{"sig":"MEUCICKtLj3plDiBbNW386wIxkAlU28LsbxjFGTgMPlqauBlAiEAhbp3XExkAjV5WIfZeW8U5CeyYC3yfGkoLNEwuyPVOcg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"7cfd3fe40872c0517ad4c6abdfc4fbc1fb0be0a2","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.16.8415917173.0","@salutejs/caldera-online-themes":"0.7.1-canary.16.8415917173.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.16.8415917173.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.16.8415917173.0","@salutejs/plasma-sb-utils":"0.153.1-canary.16.8415917173.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.16.8415917173.0_1711348692456_0.9626806748497072","host":"s3://npm-registry-packages"}},"0.22.1-canary.15.8416021082.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.15.8416021082.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.15.8416021082.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":"f5896cd9450a7ebe3e84345db20d429de4436c85","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.15.8416021082.0.tgz","fileCount":136,"integrity":"sha512-2/jmSgRfULx+EYxCtDL3us+5lI+p18/HJhMw7hgDIr8PM3UCq5fyjKfnBq5qK8aWA6vpCgJNWkyqJpFjwJtXHw==","signatures":[{"sig":"MEYCIQCifKaFxFB4qWB/czuKHjti8kIQgziSn5KigccfP81rRgIhAIxA+OZS+QzFy3lBpmQ5QGH+UCKXiqfvYUrgpF1+HDtt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300708},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"3d4c6fc80c111d9ca8730ece3ad98065c55fa22a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.15.8416021082.0","@salutejs/caldera-online-themes":"0.7.1-canary.15.8416021082.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.15.8416021082.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.15.8416021082.0","@salutejs/plasma-sb-utils":"0.153.1-canary.15.8416021082.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.15.8416021082.0_1711349484823_0.6757305523870147","host":"s3://npm-registry-packages"}},"0.22.1-canary.17.8416023057.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.17.8416023057.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.17.8416023057.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":"ece488d763b8aa621c915e019593ecfb27c24235","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.17.8416023057.0.tgz","fileCount":137,"integrity":"sha512-yHdxGDWoZLI8UzYPU7B6XYVoDsrAyQHr3le1zp2T9P2dEwZmkC0LN0lFyDU9vSj1SQC9lynXmqpjk0ErQlvsYw==","signatures":[{"sig":"MEUCIQDEE1Af/ricvvFCtFg59Gw+uAG+jSmTLPf62QwV7WBlRAIgKod21kfhESTRY+p0YdWHt+baL9nlJXttlcFDNNg+Gmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"0ee1a189a92d0a1934459e782bc74b66909af973","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.17.8416023057.0","@salutejs/caldera-online-themes":"0.7.1-canary.17.8416023057.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.17.8416023057.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.17.8416023057.0","@salutejs/plasma-sb-utils":"0.153.1-canary.17.8416023057.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.17.8416023057.0_1711349575401_0.5689691215547219","host":"s3://npm-registry-packages"}},"0.22.1-canary.18.8416431456.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.18.8416431456.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.18.8416431456.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":"1d3df9f1019b19c14f98655fbc32d7b0b6de259a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.18.8416431456.0.tgz","fileCount":137,"integrity":"sha512-1/iC4SrAFfkrbaF9QC/YdLxd+QaABZHj+vtzkqoLehNV5uAnZAKNLOUJj1VFOU5WGI6pgklcGpe/m0bBhNV3JQ==","signatures":[{"sig":"MEYCIQCA1TmqYA6sKmLsXlmkjBWc/MRctNTVGJ54bbGTwpMnNQIhAN6jjWpJZ3uxtNWf5y3tHNoyxR8sfGv/GbCOYv1wEXoM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ad24ce91c2b7af2ebbbcde46e44b7dedb2763f95","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.18.8416431456.0","@salutejs/caldera-online-themes":"0.7.1-canary.18.8416431456.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.18.8416431456.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.18.8416431456.0","@salutejs/plasma-sb-utils":"0.153.1-canary.18.8416431456.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.18.8416431456.0_1711352342740_0.8412173914935683","host":"s3://npm-registry-packages"}},"0.23.0-canary.1140.8417016171.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1140.8417016171.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1140.8417016171.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":"0611aa828ac847e060ebd13fbb42875826c83b34","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1140.8417016171.0.tgz","fileCount":137,"integrity":"sha512-jukNibcX3PTecKJURltGhaNk2ZuwUxoAtvqfCnQukA98S81aJY5/48fAKNezEGwOH96ZVCRl0yor1qHhNBzaew==","signatures":[{"sig":"MEUCIGywQ+atvrwMFkXAJakxgZMCtaMkVmC7IbeSaAjI5YIMAiEAk1MdflH0rXyAFkE5wX1nmVOQVaZhaa7/+U225uJkbrY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"14fc14817356bf18b65268793c0cdb44ae387da3","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1140.8417016171.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1140.8417016171.0_1711355650144_0.9404884026350362","host":"s3://npm-registry-packages"}},"0.23.0-canary.1132.8418294770.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1132.8418294770.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1132.8418294770.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":"6b7314153d16c62037c492a9aaaf70b4de7bc3e1","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1132.8418294770.0.tgz","fileCount":137,"integrity":"sha512-R28Miv3qiDQG4jBRf5YCNxDcA3Io/CS7cnWHbjHRV1uyZGIFPBAf/noUdxMPQZnjqvVjkTgiXwfNF7yOEp9zGw==","signatures":[{"sig":"MEYCIQCxz1AgIY6XelhQHtPu5yfMt/0Mrd8xLjpnNs6B2f5D7gIhAP8Og535jPQwi4tQBYTiOsPReEPkX7WQpVo3Jb8Hfqww","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1b54339a563e7ed7f04c4363d17405380e23cdfd","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1132.8418294770.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1132.8418294770.0_1711361937724_0.3161186902206776","host":"s3://npm-registry-packages"}},"0.23.0-canary.1141.8418731345.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1141.8418731345.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1141.8418731345.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":"90f72706a315a5ec8be734087f03bcfbffcc90d7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1141.8418731345.0.tgz","fileCount":137,"integrity":"sha512-lnjoS2dVV4MlcK4I7VSBdPqlywDT9IdLDFuhry0NXzIvOWETzRFC1QDTGAa9sixxuQBOVilvAQofh/ZYsUmoUw==","signatures":[{"sig":"MEYCIQDXUy+hdD50NicT2AqLAgCHVGsTrJT9dbHnAT+bfBy3jwIhAKQ5XltFX1aNd25d8sWZSmbyj7tS3HXT8ZwjWfvpmc7P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"607182a872cf2cbfe7845f7928f9da60fb78389a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1141.8418731345.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1141.8418731345.0_1711363846111_0.8292415915705866","host":"s3://npm-registry-packages"}},"0.23.0-canary.1104.8421987241.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1104.8421987241.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1104.8421987241.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":"fc4a7821e2b036c57a00c31f9948c8ed5bdf38e7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1104.8421987241.0.tgz","fileCount":137,"integrity":"sha512-gTOtpq9qUUCrHgLsQTBu4visi7Ko5g60AkV1zOld0mnLwtkLAkyiUIFpIBETfpXrr0K09f9YrczvaWC5X5nlDA==","signatures":[{"sig":"MEQCIH1FtW/ks359ZbM0b7RngbD4qoB+Xz2bJBTPTVlbw7tkAiB3HzA4gDPfzx3nQMkEVtj1/cMESqj2JbfmeJU98w74OQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c9a1dd5405a3006b3287deff715917fe7942fb52","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1104.8421987241.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1104.8421987241.0_1711378842788_0.7025952719887258","host":"s3://npm-registry-packages"}},"0.23.0-canary.1104.8424396918.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1104.8424396918.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1104.8424396918.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":"384fed19636a5cd5577e54243219fe459bfdd388","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1104.8424396918.0.tgz","fileCount":137,"integrity":"sha512-cm9aQ9qVTpY1nhr4Wcu9hHfq6HHRTemAFi3VNX4mWs+PmjREAo/gk6IW3jkLmwPMcF1NZydBTPtrxqaSa/4BxQ==","signatures":[{"sig":"MEQCIHNGcXmt2mcOazJasarr3yuaqNspYrSnuGt66P/Kwk+zAiAXHSNbKHd8NM1kg/akivSS3jI0S5M9rA+0B1idn+KGuw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a95d3ec91dfd2e8505b33b3588e093f39c1eb3d6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1104.8424396918.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1104.8424396918.0_1711388927391_0.8349041756077551","host":"s3://npm-registry-packages"}},"0.22.1-canary.18.8431347381.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.18.8431347381.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.18.8431347381.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":"83c5b81faff22329cb8d2ec89a297da5b5f0f64a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.18.8431347381.0.tgz","fileCount":137,"integrity":"sha512-dW1xK80JdVsnyDAbRFc69xSk47LF+eSTF9CQLvzU3o1czWblBCs7QOB+u9qJgqPXGGU3JhK0DNl02IOEvIosvw==","signatures":[{"sig":"MEQCIHBdjk/nro2Yh+Y+U4ffqjZx9hA93B9OlDy4jpN+SXySAiA3Kpnc2mde3sU4tOYRWxGsJt8tgijT9vgL36xA9aZTYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"bfa453302d8ec59ef1593483396f5f43bd1110e6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.18.8431347381.0","@salutejs/caldera-online-themes":"0.7.1-canary.18.8431347381.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.18.8431347381.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.18.8431347381.0","@salutejs/plasma-sb-utils":"0.153.1-canary.18.8431347381.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.18.8431347381.0_1711432739383_0.9542580637862004","host":"s3://npm-registry-packages"}},"0.22.1-canary.17.8431502394.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.17.8431502394.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.17.8431502394.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":"a44548428e7acb7c5d4ef126adb7d936207f1bca","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.17.8431502394.0.tgz","fileCount":137,"integrity":"sha512-CK230e15m+MGW+RfeyeZhYT1bDw5YH9kD9DJ71w8Mf6pShh/ysqPZLDXGz84vgIYXVolfybgyn2ZDhfPXdHq7w==","signatures":[{"sig":"MEYCIQCQfvi9ANq8EoqV2nRYEGHp1Dmlhv0Vy8rWsAy6kzN7CQIhAK7BKQqJplcPEstYEjbcedmVul0MbpA4YyZW984t+mV0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"084e916a0157e7b89418398767c332e2a162b547","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.17.8431502394.0","@salutejs/caldera-online-themes":"0.7.1-canary.17.8431502394.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.17.8431502394.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.17.8431502394.0","@salutejs/plasma-sb-utils":"0.153.1-canary.17.8431502394.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.17.8431502394.0_1711433958055_0.6015706135307917","host":"s3://npm-registry-packages"}},"0.22.1-canary.19.8431714968.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.19.8431714968.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.19.8431714968.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":"d40739e73dc66c7150ae9d2129793ae53d36d040","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.19.8431714968.0.tgz","fileCount":137,"integrity":"sha512-jgwE37zXe7xW8MKC7yCKX4MxvyWLOpIgvxKEfdGeZbI4LFlCMwu6ZZWrU80mfuelw8nOmGpoXzES9iuFZRIGSQ==","signatures":[{"sig":"MEYCIQD8G/fOoPXayxIAKU60ccin9BIgYd5pdpNREbbpq8ppeQIhAPVRiEDP/Xg8RuLEV32vGzKN82dELvz9juPiJSCvbmHW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"29cd97bfdae46c327e5248d598851f5e4d5c15d0","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.19.8431714968.0","@salutejs/caldera-online-themes":"0.7.1-canary.19.8431714968.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.19.8431714968.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.19.8431714968.0","@salutejs/plasma-sb-utils":"0.153.1-canary.19.8431714968.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.19.8431714968.0_1711435299790_0.4151109467448413","host":"s3://npm-registry-packages"}},"0.22.1-canary.17.8431756821.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.17.8431756821.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.17.8431756821.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":"2ced9e22552ed73284f98b02966666725e29593d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.17.8431756821.0.tgz","fileCount":137,"integrity":"sha512-cZfkjgOiJyvytjwDVzBpBkzoqABS9NWGL6NqQ4q6Yy9O7OQ0zRBtQBUjdAA94Tl0SU33o0sr67HAVmhldVymdA==","signatures":[{"sig":"MEYCIQDEvC2ahCnEfjW1TuJpuIeHEX//OwCawHn/6TXWqlgCYAIhAK0eGv9hxzx1d+kJdwI/DlsNDaEnsmKL8Vy/ouM25RwC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8ec44856b19172d4ade90e3b671d06d884c45664","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.17.8431756821.0","@salutejs/caldera-online-themes":"0.7.1-canary.17.8431756821.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.17.8431756821.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.17.8431756821.0","@salutejs/plasma-sb-utils":"0.153.1-canary.17.8431756821.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.17.8431756821.0_1711435610682_0.3985732484484661","host":"s3://npm-registry-packages"}},"0.22.1-canary.17.8432098371.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.17.8432098371.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.17.8432098371.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":"76624d7cf728a3ab4090f240e3c5de010c76f9f7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.17.8432098371.0.tgz","fileCount":137,"integrity":"sha512-uMHjQpjyeGDQ3XUhc6IM5POyaNgVLShiKWvqM0bar12FBmBGLgyoACZQdQPxbUdRxgE5shr0R7EPZKNd/G/tIQ==","signatures":[{"sig":"MEUCIFasvhWTlR7qFxarB0jeZmXyclDa/BB54RDVk9in2ZJOAiEAt/zyjyPV8Iu2suFQA/f0RTHGxht6xJvQR64Luh6Te3k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b8718cc78a4b449cec6782023d62a3056b9202a8","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.17.8432098371.0","@salutejs/caldera-online-themes":"0.7.1-canary.17.8432098371.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.17.8432098371.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.17.8432098371.0","@salutejs/plasma-sb-utils":"0.153.1-canary.17.8432098371.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.17.8432098371.0_1711438142568_0.5956363885814047","host":"s3://npm-registry-packages"}},"0.23.0-canary.1142.8432586166.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1142.8432586166.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1142.8432586166.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":"8939bdd94324d06e87a60afe4edd6640fb061a46","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1142.8432586166.0.tgz","fileCount":137,"integrity":"sha512-x+hNNgDbbCu+qUqapFjeWNMkMQ4YbTMHM+th6dJdk/uvwMDV44LN/UU4YsS5d2AqJ4L1bKbSOkmjjF/eLm2mOg==","signatures":[{"sig":"MEUCIQCLOEm84AuApC1bZAz8CKFAvQEviMURDKYtepHI/u/l8AIgMXpX2oedMVUvdoCmJeMqD3i5kloAO5sKsLRRTW56IpE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5ef3fa645f46b6d0a09f2f3fb665ce7ee8202068","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1142.8432586166.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1142.8432586166.0_1711440982762_0.9135879772593689","host":"s3://npm-registry-packages"}},"0.23.0-canary.1141.8432928007.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1141.8432928007.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1141.8432928007.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":"89af87f0d5a274d8bbc84c630105e84ce35fa73e","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1141.8432928007.0.tgz","fileCount":137,"integrity":"sha512-3OfbkD/4xnm0AZ3M7KT/RMO2aHDBvVErVdfnTrDCj3aD0jz98mBgke00PV5PK3rPPTOEsBME9wt/vtLgzFKL5Q==","signatures":[{"sig":"MEYCIQDVnRJuBCPNoM7ZXBARrND/6vCb+6UgbVhkdzQeoSJPRgIhAPggXGTx34s9g94lT4jFTnJRfziJBti3DfgzciF29u7N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"0f8c5c6ee11dc30fa70512c27ecf383bf2080585","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1141.8432928007.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1141.8432928007.0_1711442632978_0.8382199041946372","host":"s3://npm-registry-packages"}},"0.23.0-canary.1148.8433297917.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1148.8433297917.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1148.8433297917.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":"da3336eddb4b7a3271845033c345b686ab1d1578","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1148.8433297917.0.tgz","fileCount":137,"integrity":"sha512-tKS1OeYzx+/VaekwOPvngpXqUlF6WtZjDUNEHXUJUsYezWZF6lzPKWjgzw0VNRweuVe+lfop6gwU3b409vj+SA==","signatures":[{"sig":"MEUCIQCBCiYKYhqFuZ8aG4Wn34T+vXsqdTV9DWAHh40QFuIuRwIgbrSN4ViXx3fiagoB/qS9ZKLBoPooIyzZu76LMes5t5U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5d56d17791141643d17d7d75fc28000549dd31c4","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1148.8433297917.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1148.8433297917.0_1711444504508_0.003537403658872007","host":"s3://npm-registry-packages"}},"0.23.0-canary.1107.8433706949.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1107.8433706949.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1107.8433706949.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":"2104a2629f5969bbff084ea8bbf983228d2c6b3f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1107.8433706949.0.tgz","fileCount":137,"integrity":"sha512-JoJSbalFq9gfp5aKJNsLoXyOkap5+FsWM/OJlnM6XGSc0lIg3foe5xp9nfK8nZAqDyGiFV8JHYMdndmTIWiHqA==","signatures":[{"sig":"MEUCIQDKiTWcfeUR496eYGi9hD8w20Wxoo6OYxnOJ0/CSusz8AIgYVTrqMmNIp4LtzoBvndB4vaRZhroGVSPPozOxxdjtFw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"906f1774d06acd68fca5e249abcc56a5204248ed","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1107.8433706949.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1107.8433706949.0_1711446376685_0.6506250430589544","host":"s3://npm-registry-packages"}},"0.23.0-canary.1140.8433944914.0":{"name":"@salutejs/caldera","version":"0.23.0-canary.1140.8433944914.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.23.0-canary.1140.8433944914.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":"7d17ea82a0ab5d59859fa6ebd571fbf1a4e27c1d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-canary.1140.8433944914.0.tgz","fileCount":137,"integrity":"sha512-DpyezKIzX6VIyExCmefs5XxtiVHtA45rYqp4BVUD7xqAmdl4sR4h9S8H4aLkPpremTaskmuJBTbvdOxR0ny8pQ==","signatures":[{"sig":"MEUCIQCP+WJNE9wjVuLrgs2TcKlO53843oNNXTGlzd/DAnMScAIgL6p9jk8e9p29BnVopLUhd7JzalIB1gVDR/w3GbFEvDk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"7bbcf83eda9cb45e7fe81e4489e48c279e6b0870","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-canary.1140.8433944914.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-canary.1140.8433944914.0_1711447583661_0.8079419747316059","host":"s3://npm-registry-packages"}},"0.22.1-canary.1149.8434278946.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.1149.8434278946.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.1149.8434278946.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":"06032764096e401648138766390af9617d94be83","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.1149.8434278946.0.tgz","fileCount":136,"integrity":"sha512-+GlCltsccSCd95bSmWunbLGM/BdqHuQkraq9PkjbebS3CIxZMRIb6W4JJ4iX0oeVmPpr6d0ytEYtSNE2iUYXpQ==","signatures":[{"sig":"MEQCIGSQl7MA9XXajKcdbDvjuLHU4L/4+AgnX9hpc7UNSxFMAiBaZ7xZlPJOUue5BSmWIEOOmVpLsazwJOoZBnX3/MasAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300644},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"7958ce2592b4efbd2a64b64cfe8555befc086536","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.1149.8434278946.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.1149.8434278946.0_1711449199881_0.5079463530100583","host":"s3://npm-registry-packages"}},"0.23.0-dev.0":{"name":"@salutejs/caldera","version":"0.23.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/caldera@0.23.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":"ecf9c305be086669295bf9c3411a0f0573e90e10","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.23.0-dev.0.tgz","fileCount":136,"integrity":"sha512-aEi1XaYK6gtPz+AX7dFQciEMTOJOJ1+oy+8T8WbrTX9i93dsjrgpcuwio9W+yWIbpcNkBDEnEbo39rsbvXz6BA==","signatures":[{"sig":"MEQCIHgaHGonQZjQukvb6/PwzF9b3E4kn7HsWlb7Y1KK9fK7AiAZjOfCqpIYM1tjnVpLbC9mY1N+jU1iHNnHi+CFSjZk9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300606},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"111979a0f00d51e3c400b1c2c1cb0b1687d4aafb","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.63.0-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.23.0-dev.0_1711451532875_0.3019996635581921","host":"s3://npm-registry-packages"}},"0.24.0-canary.1132.8435125320.0":{"name":"@salutejs/caldera","version":"0.24.0-canary.1132.8435125320.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.24.0-canary.1132.8435125320.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":"d51bfeb3fb7e1f87e4425ff31b8b259c5d0f60f8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.24.0-canary.1132.8435125320.0.tgz","fileCount":137,"integrity":"sha512-iL3YS8Do/OImYLH86rzwxaiEn7XIixxRZH5yYlaV00Vc+hy1sytbYsZuR7zo7n/MI3Y6YSzcu5FrORJhqWT5SA==","signatures":[{"sig":"MEQCIB6fzF7FYyUdavI2JSCCH8FU8diBUCnA4Y1nwiPMN3vkAiBxl6T5doLdq/VuiB0VFGJ9uYzLB440MkSs18KPpSyTeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"423a0ea8563cedc6d4e16511716e4192b1cdcbb5","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.64.0-canary.1132.8435125320.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.24.0-canary.1132.8435125320.0_1711453136358_0.6016697242870319","host":"s3://npm-registry-packages"}},"0.24.0-canary.1142.8437104727.0":{"name":"@salutejs/caldera","version":"0.24.0-canary.1142.8437104727.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.24.0-canary.1142.8437104727.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":"e27856a53be0860b35e8780db0e914a48386145f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.24.0-canary.1142.8437104727.0.tgz","fileCount":137,"integrity":"sha512-QoldyWTi8EGPFPxLYOjrgHlDgY5bixWIPAb0XMvfQESvmDf3hqA8lMnrsgvxwEh8zPamNMLm7KwkDzC6QQq0Tg==","signatures":[{"sig":"MEYCIQC7xTKlhFZPQ6n55+P47FoyNfmivsDHUL8qcrs5ch40EwIhAKltqlD81VhK6G5xXg6oqebARi30WDGRzI5TQTIHSWMw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"de7d91e0f6821a97ff1707716990d63754c5e461","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.64.0-canary.1142.8437104727.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.24.0-canary.1142.8437104727.0_1711462063930_0.27382310030388","host":"s3://npm-registry-packages"}},"0.24.0-canary.1132.8437517871.0":{"name":"@salutejs/caldera","version":"0.24.0-canary.1132.8437517871.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.24.0-canary.1132.8437517871.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":"3deabf8c8f1c473c636d6e9d55dc5b30c5b6e1de","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.24.0-canary.1132.8437517871.0.tgz","fileCount":137,"integrity":"sha512-iUnVV32HV6Apw82axCXMkhAvz1X6pZm9uEqOKFdTqM6mjFw++CGu8Fzqt5tbCxmSe3P2iqiCJDMc2GWzaOVveQ==","signatures":[{"sig":"MEUCIQC1dVLtKWjbJ1dWFUuBBDufH6Oslh/9QfgbUkBsVgPq7QIgCl2WyNJ/ghyEPX480bsqGr5ZZI0tIHkvpn7RDwGkNXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"cfaa0f0a091882e92d591c46612090a350c91ed3","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.64.0-canary.1132.8437517871.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.24.0-canary.1132.8437517871.0_1711463607319_0.4329929471276559","host":"s3://npm-registry-packages"}},"0.24.0-canary.1142.8437598229.0":{"name":"@salutejs/caldera","version":"0.24.0-canary.1142.8437598229.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.24.0-canary.1142.8437598229.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":"85eca3048a611f0c5e1b7b6b8b6d597c2ac657a5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.24.0-canary.1142.8437598229.0.tgz","fileCount":137,"integrity":"sha512-fl+a0XIzlSPBVPJPJI3FzfvtOWhEUMfIxmj2k27MYyV/Blv5VxVAAdWrSh1JqiqbgbpjTnOn1OrybhmQn3j8XA==","signatures":[{"sig":"MEUCIQC0KWpPR3aKvphhw7JRULQoBlcEt7jbC2yFH9rOWnJH6gIgFIcLF3B1foGaFWY9P/gYilJwPIIz+y6Bxg/aCxSX4hg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"99e56101532a39c554e91aa4b576d43d95e5a608","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.64.0-canary.1142.8437598229.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.24.0-canary.1142.8437598229.0_1711464201356_0.4315272697501926","host":"s3://npm-registry-packages"}},"0.24.0-canary.1148.8437854146.0":{"name":"@salutejs/caldera","version":"0.24.0-canary.1148.8437854146.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.24.0-canary.1148.8437854146.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":"8dddf1a324a3ecb6083145350fc64ebe7eec1be2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.24.0-canary.1148.8437854146.0.tgz","fileCount":137,"integrity":"sha512-4FUrQvNYwAgOxnJVXJo0p+LZ0H4lAUSFZ0AxMpsrG2HfnfLGqajUNF4qqFWYEk8N4Pawa64rq9ybmEFrwR13OA==","signatures":[{"sig":"MEQCIEV/G2B+S3HsZY+MEM8zYfKReJ0NnuhoXMGCjr5z4TLAAiAVRJq87sB5E9047rZ9zVuO0/7w9vBY0Ex6YImoTUbpLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b1c80d604bdd6ec5dc70e200e220c27beb4e33ba","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.64.0-canary.1148.8437854146.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.24.0-canary.1148.8437854146.0_1711465013451_0.5056243724561347","host":"s3://npm-registry-packages"}},"0.24.0-canary.1107.8437953521.0":{"name":"@salutejs/caldera","version":"0.24.0-canary.1107.8437953521.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.24.0-canary.1107.8437953521.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":"bf10fd22e90e07f702576005b8f508772826c8df","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.24.0-canary.1107.8437953521.0.tgz","fileCount":137,"integrity":"sha512-uEATYJ7M5D3E+GOO5tgvh7aMnqseziiuEn4z51RZ6cbr5EI6wqD7SHh2mlT4u4Rj3psgnZr3aj3vs8SMAYkURQ==","signatures":[{"sig":"MEUCIEHXXarKUsxVrz/W4rtvPFAu+CeOkrA9hL5xxFNuy6+PAiEAoCy9io88VDowyvbwPf0Doejmfigj39MwlJpmoWpMdg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"45e416ce98b546d593abdc51419e8189390df58c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.64.0-canary.1107.8437953521.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.24.0-canary.1107.8437953521.0_1711465745276_0.6676148695228565","host":"s3://npm-registry-packages"}},"0.24.0-dev.0":{"name":"@salutejs/caldera","version":"0.24.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/caldera@0.24.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":"c94ee0aced6904b507e9321551b0d369a3172b6a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.24.0-dev.0.tgz","fileCount":136,"integrity":"sha512-mAxeoOt8xSWEHyrLFIPnp/KbPxvs0b2Aiec9hzhMSZbKj2BMXlTddUsiQ1upEU8I8DlzuqtOpEB4mexRHoLRjw==","signatures":[{"sig":"MEQCIG2Vo4+BUC+5uFzJ+P5+9ZqAtMya30NvL7qilXIDBfUCAiAiKIa0lTNy33Z6KgfY4Cwd/97PUUhLisAYf2CnkH20ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300606},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5b9ea570f71a8d7f4570568b91e38d5979e5136a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.64.0-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.24.0-dev.0_1711465877394_0.8604506375904648","host":"s3://npm-registry-packages"}},"0.25.0-canary.1142.8439122660.0":{"name":"@salutejs/caldera","version":"0.25.0-canary.1142.8439122660.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.25.0-canary.1142.8439122660.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":"1e4f5132afc644639654a1b769847a47db0de252","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.25.0-canary.1142.8439122660.0.tgz","fileCount":137,"integrity":"sha512-MLqlT9ZGyh8f69YvXFxyn6W+/yA4J9VY7KNQLVyxgKKnzY2ecJ4Rv/HdiG7zv1pmVtNU58w3Raq+zzwgjc8T2Q==","signatures":[{"sig":"MEQCIGro3Zn0YkmZC7nxc2NecEwpkFwQd+N0l8+UCkUtQTg8AiADN6Faw29WtOAnWnSuneXcGbk5T14IJEpDcRwCgWFKlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e8ba7bc6b3752163c74c7f1ca56cda4bd706aedc","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.65.0-canary.1142.8439122660.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.25.0-canary.1142.8439122660.0_1711470052640_0.7279469486868915","host":"s3://npm-registry-packages"}},"0.25.0-dev.0":{"name":"@salutejs/caldera","version":"0.25.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/caldera@0.25.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":"13d8ae24c2be3052e3b0d66dafaa277f8899f226","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.25.0-dev.0.tgz","fileCount":136,"integrity":"sha512-jj5uoAaMFcO1eSpRUaHJfl4+VWZyLAbfeqxQpzDb2k7G1aBW/KDdACg381Akljq6NCCwtdK8oIh1XmqpVhz3Dw==","signatures":[{"sig":"MEQCIFuovw+W0JYvsy713v2JOydIAvlEGY3U2D5JsXm9ew+vAiAPxbNpurAboUmdgif2JZ75c6k5FxuMxODRWNlolxQjqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300606},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a4c6542490003b00f03f75780c9a582df8044581","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.65.0-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.25.0-dev.0_1711473035200_0.19982781869535393","host":"s3://npm-registry-packages"}},"0.26.0-canary.1107.8441154681.0":{"name":"@salutejs/caldera","version":"0.26.0-canary.1107.8441154681.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.26.0-canary.1107.8441154681.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":"6ea47b41f923ef77ec58daa1e59eefc527d22f3b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.26.0-canary.1107.8441154681.0.tgz","fileCount":137,"integrity":"sha512-t/IAgJo8S4jsqm7ltTi86PRNsTp2XnCmD5kajGOUuv0O7Ire//umEAMyK4+LU6S37Hmq4S921XOI1qfwkZ/y7Q==","signatures":[{"sig":"MEUCIQCtBY5Mtxf04uw56cSe0Iqhr3aZWjuaCHxWGkVYW3r9BAIgOzJVJ1zQ+EG8YtlWkydwZWGPCIhxFmYHhvIxwIG2Mkg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ed2342c72417762aedf43cb67dbc0fa25a5a089f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.66.0-canary.1107.8441154681.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.26.0-canary.1107.8441154681.0_1711478955399_0.4920041353462523","host":"s3://npm-registry-packages"}},"0.26.0-dev.0":{"name":"@salutejs/caldera","version":"0.26.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/caldera@0.26.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":"76df6ec2ad749c281567c07673d720b9c1b54da7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.26.0-dev.0.tgz","fileCount":136,"integrity":"sha512-I/HLAE4PxPFyFoiQgddJKkPFTxSDFR4a4TEphvHRr09Cys8f1Vd4pUmCeHmmba7lTwGn8fmYpeRmqGAMl86Vpw==","signatures":[{"sig":"MEQCIEw9IG5w4ou7ffrxEvhvBgYPQ7lXdJ2rub9BjWmFHrLkAiBG/eW8eWOL7i92DtiW1/FLc84QinI8OSjJPIiFym7Ghg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300606},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"55fbcb26d20d75b60f5e51dda6eabb222599522f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.66.0-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.26.0-dev.0_1711481617211_0.09332818955675282","host":"s3://npm-registry-packages"}},"0.27.0-canary.1148.8443817650.0":{"name":"@salutejs/caldera","version":"0.27.0-canary.1148.8443817650.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.0-canary.1148.8443817650.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":"404290b10d902bfdca172814aa1461d02ee60b91","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0-canary.1148.8443817650.0.tgz","fileCount":137,"integrity":"sha512-kCz2e+RWAWcigJRnsWzJwrW35/yI4q9vXZgAu/hVybXzflYdw5VbWV63QzYjd5WFGrRLC7B+or5OUh+LiWB9IA==","signatures":[{"sig":"MEUCIBnWk6CkT1myFxLjgZIbqgxMHhQK21VcsEkvw2qPxEEhAiEAoYuPkSSrTlIwxg6sm0TkSTNhK2DDcaeC8RzXsePkM2Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"d66ea6472bcec01bda9245ea17faff9f2b85adc7","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0-canary.1148.8443817650.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0-canary.1148.8443817650.0_1711493708977_0.14839789531104164","host":"s3://npm-registry-packages"}},"0.27.0-canary.1148.8444175533.0":{"name":"@salutejs/caldera","version":"0.27.0-canary.1148.8444175533.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.0-canary.1148.8444175533.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":"7dbd78e5aed91659e267b9ae57d04c00cc3e3fd8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0-canary.1148.8444175533.0.tgz","fileCount":137,"integrity":"sha512-hzbe5+8OeFsoRn5L+6UPgOSYtGZkXSV0ym4Vd0sMpiu4tCUGeFnBJT6s/sk/4C67M+UPaR8ATajkyb6WPb8BiA==","signatures":[{"sig":"MEUCICSyN8u/yAU1wy8hDw5p6igdm6zquo0qDwM1oHc8J1czAiEA00bWpL+dlcCnFtbwJmCdvQskS48ug/qLYyQAS8EadrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4c49f076e1c2e9d6d7f7ae2af714cae33af7cf6b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0-canary.1148.8444175533.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0-canary.1148.8444175533.0_1711496314138_0.42615712361038227","host":"s3://npm-registry-packages"}},"0.26.1-canary.1128.8446493855.0":{"name":"@salutejs/caldera","version":"0.26.1-canary.1128.8446493855.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.26.1-canary.1128.8446493855.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":"553c30437777b4448ca195a1d8111229e54bb52e","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.26.1-canary.1128.8446493855.0.tgz","fileCount":137,"integrity":"sha512-7z8zuaGh9BHTAZW6SyKwUW0NVz0/QGGk9Rjt/obuwoXUIyNR2kZYseQcmOBi2ziAKk9l06re0Ldagqo2clCxBA==","signatures":[{"sig":"MEUCIQCMHgjepD0Wp+LY8Fktd49fM4CpoLIvzmf2hvrir4jVxwIgKePDEj3mighW3vVo/P0gi6xENaYD4DcXhRn+MBsJXVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"53ab9ecd06142aff1f9a85a5af50d508f8199cd3","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.66.1-canary.1128.8446493855.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.26.1-canary.1128.8446493855.0_1711513375293_0.43357790003436825","host":"s3://npm-registry-packages"}},"0.26.1-canary.1149.8446846250.0":{"name":"@salutejs/caldera","version":"0.26.1-canary.1149.8446846250.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.26.1-canary.1149.8446846250.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":"30d9b2792beaf1a1100ab25da76807818cf479eb","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.26.1-canary.1149.8446846250.0.tgz","fileCount":136,"integrity":"sha512-vwtPZ6sElY4TyeIlbtN+3a9GjdtyFxR2UtpyaVKL81X0vH5FcL3P1VHHaHsmuN/C5TiUDUgSbljQi68427aENA==","signatures":[{"sig":"MEUCIQCy3BE/TQ0FjzitZ1xECwNxHqm5N5zEPB3BAkS3Lk1iOgIgK+6QCcPT91BBXOIHz/TSOuLetf4fJTsowaZTujq2Vuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300644},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"300bdd5ac1a00a4ce665c54725db81dd94c12e1c","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.66.1-canary.1149.8446846250.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.26.1-canary.1149.8446846250.0_1711516401348_0.23151372680698","host":"s3://npm-registry-packages"}},"0.26.1-dev.0":{"name":"@salutejs/caldera","version":"0.26.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/caldera@0.26.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":"7b9d2f0f766f7fb60c51f58ebdae46862ba60ecd","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.26.1-dev.0.tgz","fileCount":136,"integrity":"sha512-0OOoUpGygU3g3t0f47NpwPh4Vy96Ymk8FcW+RLjJTz+wLLWaoDjMS/tSDE3+10gjlTq1dt/q4tyZXaL2mUasTA==","signatures":[{"sig":"MEUCIA0WXmLzh2ruPC3xwuFHth6lAFxTP3iGWWGIj7Lf5eYrAiEA276qKBdcu6z/j62PK1+QEX9MAbS7jY8qQJevPMrqvAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300606},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1aa0cc4385d27573cec3a26f0912dbd481f89798","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.66.1-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.26.1-dev.0_1711526870009_0.5902531954460568","host":"s3://npm-registry-packages"}},"0.27.0-canary.1148.8449317874.0":{"name":"@salutejs/caldera","version":"0.27.0-canary.1148.8449317874.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.0-canary.1148.8449317874.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":"c43cc2fb863aa65f85aced5db6bc55f63ed6269d","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0-canary.1148.8449317874.0.tgz","fileCount":137,"integrity":"sha512-1bsSinxnylyAHEYFEnp31X+gb1skvwSfLBQ5az6iW0dP6kFucSAKkmaLq76qkXHj7S4f6l+T6jhBNq6AbGpI+g==","signatures":[{"sig":"MEUCIQCedoxhmXmNRJtmZYdARPscPxd+oxS0airtgm+6xRrUygIgJNQHYm9B8CT79OobJf7dbqefwCWpji3g5n6/FgD77xo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"76e991bbea95116af0bc1340f1ad92fb40b197d5","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0-canary.1148.8449317874.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0-canary.1148.8449317874.0_1711531908732_0.1442813732678796","host":"s3://npm-registry-packages"}},"0.27.0-canary.1148.8449780048.0":{"name":"@salutejs/caldera","version":"0.27.0-canary.1148.8449780048.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.0-canary.1148.8449780048.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":"3dd9e76add10c90178fa488f6f370bbecc2e8906","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0-canary.1148.8449780048.0.tgz","fileCount":137,"integrity":"sha512-EKr1nGE6ymY0bNHqAfQLOHXoZNj4ht4dg7a8+T1kzd84n3yWcU0olo/wWqOhqyRMq+du2RwR3QnzBCjx1lqblQ==","signatures":[{"sig":"MEUCIBn5qhBW0HNOeJ+b2K2l6LkdK78i2oZEZmRPc+0L1wxgAiEA2GuYBkux4qFsVZ3mMof0oXPov2hElQJtSwmAuva2Eq4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"ed35aee23fd1ae8ea726b313ed4acb9b5aebc594","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0-canary.1148.8449780048.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0-canary.1148.8449780048.0_1711534103675_0.6233381501061013","host":"s3://npm-registry-packages"}},"0.27.0-canary.1104.8449933256.0":{"name":"@salutejs/caldera","version":"0.27.0-canary.1104.8449933256.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.0-canary.1104.8449933256.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":"36126ef3c33a0779ac9e490d6b742255631b3c2b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0-canary.1104.8449933256.0.tgz","fileCount":137,"integrity":"sha512-5Nn81GAxdo6JtVDJ8fUh9wcfwA/8LSeuf1pLjr0nLPT5UIsOH5BBIa6jz19LI+eIeoSRnSeo5/ogQpuwkalxTA==","signatures":[{"sig":"MEYCIQD5DH+6SF++1skEQo6LxY9P1xQKPFY6tl1TWLitfaSICQIhAKtbIbtdNNdG5B4vDt9nQr0IZUrHyevNrCYc9XsQbj4k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"b4bc519a8b50877afd87a9159dc8b91c0cdad140","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0-canary.1104.8449933256.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0-canary.1104.8449933256.0_1711534959943_0.3729185345003512","host":"s3://npm-registry-packages"}},"0.27.0-canary.1150.8449940643.0":{"name":"@salutejs/caldera","version":"0.27.0-canary.1150.8449940643.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.0-canary.1150.8449940643.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":"f5e0b3fd84973be26d6cfa3488eb99f352d54132","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0-canary.1150.8449940643.0.tgz","fileCount":137,"integrity":"sha512-MF+/3bBqHRcN0S/hWfxzxFg//lr5qv1J9IhferU5WjO0gCRFZ2zxX6wEMj7Cn2WQcbp9BT7yLSWEUhdeBbqpZw==","signatures":[{"sig":"MEUCIQCBkvBpeOelMcd/+hbH+LcXt0+87Y6R40IOdpDMHqCzDwIgfYk8nvxjkHZ+DS+NPnxMcsO1g3+K7KCTzZe8JazTjjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a7552e8fe9decda8cc5d6a5988737c0ee1d8aa4f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0-canary.1150.8449940643.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0-canary.1150.8449940643.0_1711535216927_0.23056289080033254","host":"s3://npm-registry-packages"}},"0.27.0-dev.0":{"name":"@salutejs/caldera","version":"0.27.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/caldera@0.27.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":"eec239d591994ebaf4d52706a538de9d094bbc21","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0-dev.0.tgz","fileCount":136,"integrity":"sha512-lMZKFZ/iCX7N6MMvmtId2KsmVNII+m9T0Fphft1Kkh5ktdLBqC3mGUUiDmNW4QPmFb0Y8cS9NwWoy+xpIR10kA==","signatures":[{"sig":"MEQCIG7KnoIT+W8LafmlT1c50LU8nzCsAAURZgsiYX0MjaMQAiBiGlXM1nVBmVNUnjDf+ZgIXALfbwewuoMl6FAGM9KQqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300606},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"94c4a7b762bf90d57a87e11b91630ac730ce2d65","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0-dev.0_1711537994590_0.9199840487545476","host":"s3://npm-registry-packages"}},"0.28.0-canary.1151.8450920847.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1151.8450920847.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1151.8450920847.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":"758f25f33394617d7aeb4f7d5058bc1d7abfcb22","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1151.8450920847.0.tgz","fileCount":136,"integrity":"sha512-g1KVM5eOAOa53NNQscqU2kjVPL/he14VwGp+e/bGl0IN2fWt5GFS03KDxqJp2dXpgz35MkBaKZYLFgghYMUwPQ==","signatures":[{"sig":"MEQCIETNL4o5mC3+Bo/zxjV9BHEVJv/j4WJEFYOBZtgx0XnXAiBoK6TavUa0kXbaTAv0Hl5Y+EJHrSNquuu9RxzyZSEtCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":300720},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"a527569031da7e27e75935fa527abd7f93a28476","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1151.8450920847.0","@salutejs/caldera-online-themes":"0.8.0-canary.1151.8450920847.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-canary.1151.8450920847.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-canary.1151.8450920847.0","@salutejs/plasma-sb-utils":"0.154.0-canary.1151.8450920847.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1151.8450920847.0_1711539639668_0.09761674062214665","host":"s3://npm-registry-packages"}},"0.28.0-canary.1148.8452223133.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1148.8452223133.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1148.8452223133.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":"73f0deae87443173246dc868401cbd0336951a1e","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1148.8452223133.0.tgz","fileCount":137,"integrity":"sha512-NvV+52VglVGVeBw1KuRZ3ZLrx6aoE7NpZ9/LH3j7rvT4B+iCg9/KfNWUDfxYQxHB8B6mtHRwSI0HUwUtXSYbWA==","signatures":[{"sig":"MEUCIQDdwFLJW18MJByV24gFh/W3aiK8rQY/34hLMNTFQbDo3wIgYCVthvA/b08MEAtZ9jaG6sdfaJNr1QIsHdkuI/zksVI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"973233b45fe250203426c1a59c7e508518e81f32","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1148.8452223133.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1148.8452223133.0_1711545623369_0.7385471241863966","host":"s3://npm-registry-packages"}},"0.28.0-canary.1104.8452362346.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1104.8452362346.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1104.8452362346.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":"33275b091def5a8c3f71d392faa811a7aa2cd620","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1104.8452362346.0.tgz","fileCount":137,"integrity":"sha512-g0PI9mgLiAf42Vsy0vK0JTjKscGkSgKQ6lTtrtZqiGKMIMjem+5P5EOGH6nz1Uf+Edmu9LmWK6hAnpC+ecN1DA==","signatures":[{"sig":"MEUCIQDlVLg48bc5oTFu/5qvQ9nO0tcKSTIMav/YXmDksqxrAwIgdcjQJLOqn4Q6i2sHFGQX9dW6xGUPNEY0XUk12Oeslww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4662651c24967c2f8fb53925adb2c3c7ad4ff87a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1104.8452362346.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1104.8452362346.0_1711546211187_0.8129104308500454","host":"s3://npm-registry-packages"}},"0.28.0-canary.1148.8452547227.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1148.8452547227.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1148.8452547227.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":"0daa33e74851ea6d72d1e1fd4f36aba90cb91a44","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1148.8452547227.0.tgz","fileCount":137,"integrity":"sha512-t1sCYNi+ja2zFJpv0Zv5MBgTxxa9f6GeJs90jqssCxubxQ3JdfXaBqFVrqpFhIzdH8HF6dk50P5x9gbb8J65BQ==","signatures":[{"sig":"MEUCIQCACu64Ineso1aVY0IVGcbmBtPQ9P3ifkGO/NkM8ZPQCgIgD4Ptj8iBPe7Ut5GulX3Y7fPTYapvFkYPEaUvT/0ZRTs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c24d845e62938cfeb9d38497af767f08ecf14f62","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1148.8452547227.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1148.8452547227.0_1711546891067_0.5384730093359513","host":"s3://npm-registry-packages"}},"0.28.0-canary.1104.8452846373.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1104.8452846373.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1104.8452846373.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":"c35aa320c2c2cb4693b00683042233ad7f38f429","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1104.8452846373.0.tgz","fileCount":137,"integrity":"sha512-3U0rC+NuHWfqu59NcNT9otAl394CyLt8tjwTO6CuHCsb/nFsZrtIs5y2onJ5k6/wHkFtEdNYoQhCgOCYRsIeYg==","signatures":[{"sig":"MEQCIC224lwe2lmta9XPsu9tcDAJ5MJ4Pnt6o+tCH/AmloVmAiBt067YRr8UOkVyFZYFLfaCErALi5sZ0lY7zJdFCswXNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5718cfb893a0235e80c9d357f3f949aec7b7f1d6","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1104.8452846373.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1104.8452846373.0_1711548196591_0.46134274752597815","host":"s3://npm-registry-packages"}},"0.27.1-canary.1104.8453426367.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1104.8453426367.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1104.8453426367.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":"f989c719885b2cca6457cbc41c813a57ec5973f8","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1104.8453426367.0.tgz","fileCount":137,"integrity":"sha512-aCKVxhvejjTup4HWyvNVu3Y5bZIPYiUdtgvJYHTyDhCp5b5flV5Eb8Qbnk17gpdi/eJqT/x5C6U4qULHTYkIUg==","signatures":[{"sig":"MEUCIQDPUIWC4U+XqaOInpU8Vr+eWJWvyruymffN9nVBLGjOmgIgZJIYigfCwZLabV1zD4ObMvVrjh8pPnwwYSsLueGCDxY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"99f5fd5aa5bbea8a161cdfa37df6f922f0d3fff9","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1104.8453426367.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1104.8453426367.0_1711550522065_0.9470561720709614","host":"s3://npm-registry-packages"}},"0.28.0-canary.1148.8464224381.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1148.8464224381.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1148.8464224381.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":"9c82c4feb241a3eff5b90d175d6c5994ef07c834","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1148.8464224381.0.tgz","fileCount":137,"integrity":"sha512-u8cqvyL8IW3nolF10INzSJ8JjYME/cDgLmJaLGo3DxyW8EjE8kW18f4voMppP8tixLfXUPNKQyoO4dA8/LAGag==","signatures":[{"sig":"MEUCIQDV261qaUeHus+/Zs5qKsp3wQFXrxOQbeqSEg3B9C6SkgIgE1WJ6HfPM2P+VHrluILQU4igi6k27N3a8pT6yCEazvM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"219983463f6268303cb6260ad066187fc4973761","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1148.8464224381.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1148.8464224381.0_1711614097069_0.21834647444282784","host":"s3://npm-registry-packages"}},"0.28.0-canary.1148.8464595999.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1148.8464595999.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1148.8464595999.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":"e77ba9568a5fdb42002e4c09f32008965cba90a7","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1148.8464595999.0.tgz","fileCount":137,"integrity":"sha512-PgmoqV/AKCXDwp+mKJBpby0A/0N2eVpvXaIf/2TNYGST1u87E/EznTnPpSeMzWX+kuttDUSwFVLPnOHY8lKClw==","signatures":[{"sig":"MEUCIEt+ujgLjsuzlxLl3GscG6gyRvXGOj3bmEFq8U6laKU3AiEAimXki1s6EqSV18W5X/qD21D7uUytGvjVBkLDiBTzQEI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e4e55bb2658454edc800017327ddeeaeca0af9cf","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1148.8464595999.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1148.8464595999.0_1711616120001_0.12392683677768224","host":"s3://npm-registry-packages"}},"0.27.1-canary.1154.8466220068.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1154.8466220068.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1154.8466220068.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":"134d737f6724e15e59ba3440d7d9447043734ab6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1154.8466220068.0.tgz","fileCount":137,"integrity":"sha512-70M4wl0nqXQXrTvuv72cm0ZMjpQbX0WqNZOVRgz6obpryNQWwxBcCcuipiHhKQEL+v2toBY/Hz+T+hwmXSBS2Q==","signatures":[{"sig":"MEYCIQCjh1c8Tym3PHauwtVElsvUftqWhsN1GRlNbKUuyAak0QIhANMl/tswiS7Da4mCxTXZ5lPASae/dQCsg3RKMuYMDfFK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318669},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1f67c187c64be435a5b2272378576862f508ad8b","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1154.8466220068.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0-dev.0","@salutejs/plasma-sb-utils":"0.153.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1154.8466220068.0_1711624402729_0.3763927126561868","host":"s3://npm-registry-packages"}},"0.27.0":{"name":"@salutejs/caldera","version":"0.27.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.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":"9736b4ee85c78ec326d5c7f367c1e6569b703838","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.0.tgz","fileCount":136,"integrity":"sha512-Ep/pGKtbYXc3+EdYeU8eZ4/vDzHJ039x6rBzIXxpBeMEbYDzk9Aq0jKnUwavSXkBYzy1MAWJJNtKeoco6kqK3Q==","signatures":[{"sig":"MEYCIQDddjsl42Rglkge8eGe5wllLPP89xU8ZHZJ6GTYYWHfXAIhAIZkhVnM/Ipa8qt7vDiS8bMmkUvu6fafGUI4qgrh1lmk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":308175},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"74771f8366245f859d5abacabe2e1c7c13d7b0b4","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.0_1711624898494_0.7387279669988982","host":"s3://npm-registry-packages"}},"0.27.1-canary.1104.8477681580.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1104.8477681580.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1104.8477681580.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":"88e8251df27ac90e9f355cf1ba96af1625d9ee40","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1104.8477681580.0.tgz","fileCount":137,"integrity":"sha512-Mp9ZmrlHlcqFmrhPr/w1v6PppQAdobue0i4HY7WDJIxg5UbJECZT0cfVjD48fjVgqmBD3b/jz1+2qEcVO5Fp0w==","signatures":[{"sig":"MEQCICITlJv5Psv5lkhLw1SvVHG3oT5KzNKOM7appELMkD7oAiAyRxncm2ge1IVOmlx4IRlmCovMUn+sAVWDIPVyC0dhew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"49c49463fbe1b2d58bbde639e7b8e20158bff776","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1104.8477681580.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1104.8477681580.0_1711691652745_0.7070845373206769","host":"s3://npm-registry-packages"}},"0.27.1-dev.0":{"name":"@salutejs/caldera","version":"0.27.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/caldera@0.27.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":"4d89c0329cda650fa0deedc930655b1cdfdec47b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-dev.0.tgz","fileCount":136,"integrity":"sha512-hzcu2bkGlo31S3xvyriVmwkCMtuxiuU5+ABMk5Mk5qJGKae9vL/B4uzbEitD/u2z/d9ltV82p40SwYmMXsG0Iw==","signatures":[{"sig":"MEQCIB7s8PIKKhCPYE8bVOndDltu/N1WeMw9RUdyc64/X2SuAiB8c3H3h8qQzmcKM9KM12xw9ZppOh0OCW2bPD2pDBPrng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":308187},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"12a8d57a11f602f9d75d55eceae32789e6099b12","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-dev.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-dev.0_1711693214094_0.6035154213013469","host":"s3://npm-registry-packages"}},"0.27.2-canary.1154.8478542170.0":{"name":"@salutejs/caldera","version":"0.27.2-canary.1154.8478542170.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.2-canary.1154.8478542170.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":"c97fbd845113eac2e4ff11a1030743f0a046d6f3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.2-canary.1154.8478542170.0.tgz","fileCount":137,"integrity":"sha512-ynnCEpA0OGxvGfKiT+PsVtsi7rxNsc94lqPop5xVIdZb4kxwLh54lMQNW9gYZk04v5fZDgMjjEtihAb4/fKBiA==","signatures":[{"sig":"MEUCIQD8WfWcDTwK7sIFRrRtbTC/8gK2QDVFwuTFFLuwdqYhHwIgcGBKVM0y39Ny7gNQS6GEMEwk5gyE8OfdXW7NA13lkKY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"69936d2c0314b0fbb16d5ff0d9ac6dc00b39bcc2","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.2-canary.1154.8478542170.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.2-canary.1154.8478542170.0_1711698824785_0.9315654345830815","host":"s3://npm-registry-packages"}},"0.27.2-canary.1154.8478709011.0":{"name":"@salutejs/caldera","version":"0.27.2-canary.1154.8478709011.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.2-canary.1154.8478709011.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":"aab9b0b44fc97ce9e38bf28ad060293510e57ea5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.2-canary.1154.8478709011.0.tgz","fileCount":137,"integrity":"sha512-PClz1/DHlD/tIXCZi7NvbeuBj+NWLZmF5GOOxEFqCnG/u40hw6b4vSLExgZILSb07Yv0EYvGAkuW3tq/azy5Jg==","signatures":[{"sig":"MEYCIQDrynC9iVxsUDY8PooUvkGgxV0km4QY8wSgaNIWLYKRawIhAIZpWwfa2jeSEOcDDrRpFq6+nv5DFmK8jTQJL2A60myW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"aaecc3c8c301a3eb75037dda5eef5d9eff20b149","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.2-canary.1154.8478709011.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.2-canary.1154.8478709011.0_1711700344852_0.5642618923411051","host":"s3://npm-registry-packages"}},"0.28.0-canary.1155.8481923291.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1155.8481923291.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1155.8481923291.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":"a94a03355379ce79d585dbe0a03199bd33eccd5b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1155.8481923291.0.tgz","fileCount":137,"integrity":"sha512-eRtY8Fh/rxLdRabhe+gClIqTuzm+RBEBpNOSUM30YOS1VsT/PkQXJB9g964pb0pIDo32BAD1GlARsi60MQOmug==","signatures":[{"sig":"MEQCIEiUlQHwgQJPPROgRhvKkTn/JOKQgUOTdaHwXlFpv4QtAiB92i0cXiC4zDvqXNer6P6pcK9H7CwdvSYLrCLJkFGz9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"2087ec38dc9b2b9ee695b5268686cf677c5bce1a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1155.8481923291.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1155.8481923291.0_1711722910296_0.047818391014823325","host":"s3://npm-registry-packages"}},"0.28.0-canary.1148.8482525044.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1148.8482525044.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1148.8482525044.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":"94588cc78675ee0b90755f6b3d8dc9e1eed2d7d0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1148.8482525044.0.tgz","fileCount":137,"integrity":"sha512-KKImo3SSywrsutKxY8VihRV5mL9JwqmS8xv3hH8Fq6kHNOMXD7k2Hey1yij5lRIzEF9wYgHARapjwNXB9GHV+g==","signatures":[{"sig":"MEUCIQDtwrQ6q0M1bekiqgVTHFby/HU8BpyLKnYUUxmR7zphngIgSGX/Cs5E2G2Z780uHhiYh5IXeo6kZPVtSWxU84dShVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"bec6c8192ff962c867e6480a938fc84d8b10a9bf","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1148.8482525044.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1148.8482525044.0_1711726641478_0.32947749053061903","host":"s3://npm-registry-packages"}},"0.28.0-canary.1134.8504864222.0":{"name":"@salutejs/caldera","version":"0.28.0-canary.1134.8504864222.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.0-canary.1134.8504864222.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":"2e16bce8aab7bb13ef9f343860c8189ccec96bda","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-canary.1134.8504864222.0.tgz","fileCount":137,"integrity":"sha512-+G/lB7lyHCkkDjk87kkVjs3yPkt/LVYtiU/75mwNwHq8S36a/uzJqUrmfv3qEKqQ7+4MOTcPaVJ7ldB9U2hlxw==","signatures":[{"sig":"MEUCICJuxMggOejQ6YctFoK+jwGwLRLINCeao/D+heGGgeNWAiEAjjRj5+T0poj6icSvP4bnDgzgmyY6K7qxULPKk8iyTHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326350},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"be75bfbb629ed38a581e252897c2b82599ec55cb","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-canary.1134.8504864222.0","@salutejs/caldera-online-themes":"0.8.0-canary.1134.8504864222.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-canary.1134.8504864222.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-canary.1134.8504864222.0","@salutejs/plasma-sb-utils":"0.154.0-canary.1134.8504864222.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-canary.1134.8504864222.0_1711954964679_0.6607605263116285","host":"s3://npm-registry-packages"}},"0.28.0-dev.0":{"name":"@salutejs/caldera","version":"0.28.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/caldera@0.28.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":"f1174d7e704c6777e1d4be8ff5f0cd2adf7e8718","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.0-dev.0.tgz","fileCount":136,"integrity":"sha512-gfnIeIw2mJ0x6YecIrGiEULLvO5yi+d8gVxnMmQ8++u0e1Jvma0lJCrb3rBkM3ju/4nRPByqO1/5Hto0Bi8qOQ==","signatures":[{"sig":"MEUCIQCQ6cibNsLC9BdN+neuB3GZqjEzAWrEAEXCQD1HP850TwIgJicbIN/sgB8uzpY4k1+j8yo2XV6NJTgLRAiwm4XvTXY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":308211},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"8db2dde118efdd6a7c6aef5f7cb56a099ac6e7ea","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.0-dev.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.0-dev.0_1711958975558_0.7723189574926443","host":"s3://npm-registry-packages"}},"0.29.0-canary.1148.8505804388.0":{"name":"@salutejs/caldera","version":"0.29.0-canary.1148.8505804388.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.29.0-canary.1148.8505804388.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":"4ab93d202314afea470d69bc03358eb005547332","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.29.0-canary.1148.8505804388.0.tgz","fileCount":137,"integrity":"sha512-855d/Tgzfa+liLdpyk+ptRcUje70wP3QC1tEFkGuM9/5z4dA2ZsppOGobDDCFH0CZwlkYYb35ERBIkVgJT8LAQ==","signatures":[{"sig":"MEYCIQCQrbkPn+cpSUWHl2tOZaBxM0BmaVdpdzPof9vvA7monwIhAIJs72+0/ljgosJKDxZMlby630r0+mQKRSmIK2j+8446","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5b97a03fe2269f1633f226a15249b6fa8380c4b0","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.69.0-canary.1148.8505804388.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.29.0-canary.1148.8505804388.0_1711960966745_0.6476321023122096","host":"s3://npm-registry-packages"}},"0.29.0-canary.1155.8506197081.0":{"name":"@salutejs/caldera","version":"0.29.0-canary.1155.8506197081.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.29.0-canary.1155.8506197081.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":"3f4a1f1e30f03249e532e3bd1a50bf31195390e5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.29.0-canary.1155.8506197081.0.tgz","fileCount":137,"integrity":"sha512-THc8JyLvfA8DR0ip+A0psRst/WOlYFzFECpDD5gk+CqCnMmf+9TN0MpWxKeH4aTjFeeI2UyVak5saXfbxwJs6Q==","signatures":[{"sig":"MEUCIQDLbP2oVGdtPFTQCKliJ0ZilR9lleFou19Cmm9MdJa4LAIge95yvYOaWhf2ER0nBuLsGeYG4v1rwmOfcjgRhx+njf4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"245fd5fe9d5439e452bc771dfe8e02a4cbf57e38","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.69.0-canary.1155.8506197081.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.29.0-canary.1155.8506197081.0_1711963702072_0.7364016132080329","host":"s3://npm-registry-packages"}},"0.27.1-canary.1157.8506878970.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1157.8506878970.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1157.8506878970.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":"f73cea8d0a52ce8e66d01d2c93c65e10575e9b4f","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1157.8506878970.0.tgz","fileCount":137,"integrity":"sha512-xzZ5DTJ0+IC6wL9s51RqyE4RsbwN/hNrE3lmc9BNgusSCzFBQKkk8RXtPT9CAHYGuIW4A2chcMpWCi2U1gnrow==","signatures":[{"sig":"MEUCIDWBOsUBLnIQUAgQ/89tNfgo+4aGF3ViwLrCjJlEHPEMAiEA8g2ATKA7C6uG1Jo4rvGOHf5PkXFXqlqMGIrduvc23ZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c3c0b1b62e6018f31a26c03764763bb2eaa014c3","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1157.8506878970.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1157.8506878970.0_1711967729508_0.26690323614555433","host":"s3://npm-registry-packages"}},"0.27.1-canary.1157.8507285871.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1157.8507285871.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1157.8507285871.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":"8433dfabeeb4a8735eac437e4cc645d529fdd63a","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1157.8507285871.0.tgz","fileCount":137,"integrity":"sha512-X7cVD4Y5NZ6i4vKgLO1O4duehZr74MD8GEfHzhSHIXnTrZhhArobACctLgYuZ59/rsnasfRVf61P2cRmTK6SJA==","signatures":[{"sig":"MEQCIHditeZLPdSYCu8aVWrvgO0vFJm7vBKz1413xjkjSHmmAiBSfTQbQkyi7iXfA8W7l7i2FmDwYQi8CitQzTpMAerbMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e041e7d7f18ad331b2213c2545ef1d8abba41e08","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1157.8507285871.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1157.8507285871.0_1711970516493_0.31686857147042735","host":"s3://npm-registry-packages"}},"0.29.0-canary.1148.8507402029.0":{"name":"@salutejs/caldera","version":"0.29.0-canary.1148.8507402029.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.29.0-canary.1148.8507402029.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":"c86e621011b5b6151090e9f78aeb5ae9a7fcf9d0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.29.0-canary.1148.8507402029.0.tgz","fileCount":137,"integrity":"sha512-+YDflh1qk9ohokArQ1Oc7jQRmMk6aiJRlPJWUBHtlgSN4OoGOEVE20xw+zxtoSooYcNf68eC7v9YckCqrwW7VQ==","signatures":[{"sig":"MEQCIHgrPkkhHEv2H9BAOnBCtxpcjB30vN/nisjvjrJ82DrXAiAlqenVR9bvUsUQByyw4V6Hv5UkrSFWlBhTHA3FVVTArQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"e179741d491562000569f61de63c9b2e2aa0e84a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.69.0-canary.1148.8507402029.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.29.0-canary.1148.8507402029.0_1711971649949_0.8058194351206605","host":"s3://npm-registry-packages"}},"0.27.1-canary.1157.8507701557.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1157.8507701557.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1157.8507701557.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":"17ee1e4d2a2d5be6025a75483a1ccc5223def2d0","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1157.8507701557.0.tgz","fileCount":137,"integrity":"sha512-eY0d0qGxJ0snfCDeKtE+tdw2gqpWD6AXGP1fVrIfbYx6QintrFFd8aoTlXgRDUYBZCAdCrqi/Em/PXf9o3wGRg==","signatures":[{"sig":"MEQCIDzTOzgtybJPJtJLAqaEz2wACpweakC0yDBiAv99PlxUAiBiKJ5z9HORcKB8DYOTRntKX/9GlhA8Ti3rEEfjebCR6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"6347bdd3e4c9ccf8595d8b9c4207f8de67aa49c8","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1157.8507701557.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1157.8507701557.0_1711973420652_0.6864922702681537","host":"s3://npm-registry-packages"}},"0.28.1-canary.1154.8507812308.0":{"name":"@salutejs/caldera","version":"0.28.1-canary.1154.8507812308.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.1-canary.1154.8507812308.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":"fe3c7b7ee732f4968800c106b4226c4c67e69439","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.1-canary.1154.8507812308.0.tgz","fileCount":137,"integrity":"sha512-ByegZuOTPO+l49y+ZpFDpB7Obg5I9xJkwYrKklBB27mX6zeDBCze3ozgXMPF8Erz0Z8poyc0/OHSt6CxzwPuuw==","signatures":[{"sig":"MEUCIQD4jZMwAO95RnlGTyjOjxfBbkT4tFz3uG98HkmRtfeGlwIgNadNLczm75kzT8GAOeNB3ssmFeCqPvIPeL7D1lJ85Vo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"2398ba33eb0142627a62161d60c198c2094b0039","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.1-canary.1154.8507812308.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.1-canary.1154.8507812308.0_1711974284306_0.8787212208480533","host":"s3://npm-registry-packages"}},"0.28.1-canary.1154.8508988159.0":{"name":"@salutejs/caldera","version":"0.28.1-canary.1154.8508988159.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.1-canary.1154.8508988159.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":"e6f9f0ac8f308b1c4f3aba5c92a6a9404c6a7bc3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.1-canary.1154.8508988159.0.tgz","fileCount":137,"integrity":"sha512-xsRrOs1PnnHklsm+a44HV9+neRvb87XuXjzhADrucSE00qHr/F6aj0cK6aXzMo5sH3SW2tm+TGjXtQC1nG/25A==","signatures":[{"sig":"MEYCIQDtx6k0gcDGc7WHl4zGCMg9nKFHHH+bStsuCsRwKrjDZgIhAK5IKOtgqsvXAn/kENH1jYC6Xg7mHaITdYQPlt4Eat1p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5a64ab00bfa322b6f0a9b0224b885732df46247f","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.1-canary.1154.8508988159.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.1-canary.1154.8508988159.0_1711980968137_0.6866569086182719","host":"s3://npm-registry-packages"}},"0.27.1-canary.1157.8509147349.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1157.8509147349.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1157.8509147349.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":"b8928a38e617595e2622be2cb7673023803266f3","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1157.8509147349.0.tgz","fileCount":137,"integrity":"sha512-cH9hF51Oi/pcVh2Mon1o8wH0jmxdj6D6JpWU7IP0Tykg0N4bLHUD2tVpVWi7O/cujvg35JE9nTlWhGIhhqL4aQ==","signatures":[{"sig":"MEUCIE8Buxz/51sqMsjubPpJH8ZMFbTIyqlEv5SMj6HXzpsLAiEAjV3WFFsSRuh40ua+B6XlU7JRiG+rUom3xzG3ZVCOopE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"f82432e0046ff4ce675da9d256d57a765ca22a66","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1157.8509147349.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1157.8509147349.0_1711981755270_0.6241675812375478","host":"s3://npm-registry-packages"}},"0.27.1-canary.1157.8509956427.0":{"name":"@salutejs/caldera","version":"0.27.1-canary.1157.8509956427.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.1-canary.1157.8509956427.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":"f81ac92811126abed0bc2ba8973e9cb2271da003","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1-canary.1157.8509956427.0.tgz","fileCount":137,"integrity":"sha512-VYRqksH4EuO91CKPeLioUP4YXOndqYTgY29Cw8M600e5+kY0VMRAakyNRSoRk2GOXpdLFX+MqiXlsf9RiJHLGg==","signatures":[{"sig":"MEUCIA8i/Ni8gpolec0db7n67km/9p2kUG50RGaFPqVxsxvDAiEAyi0H7bu5/d2KYGG4sfTvgYrjJzA83d24+7A50f+Oi0I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326250},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"5100199958cbd502abf12bdaae585683f6d882e8","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1-canary.1157.8509956427.0","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1-canary.1157.8509956427.0_1711986004651_0.9085899056079119","host":"s3://npm-registry-packages"}},"0.28.1-canary.1154.8509991799.0":{"name":"@salutejs/caldera","version":"0.28.1-canary.1154.8509991799.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.28.1-canary.1154.8509991799.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":"e8e3298bdc57a1170cce30317a7142347d081cc6","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.28.1-canary.1154.8509991799.0.tgz","fileCount":137,"integrity":"sha512-JrpTpX9LZg9deax98YdFuoM5wgxSIrJSvLR8A+qPEsfeqV3WlywIpNl5NecudiOGqPMVWaDuSN9qM4m8E2A9ig==","signatures":[{"sig":"MEYCIQC3ARmLyxmGaz8rcf/pkqlXnhYNio6XFT6YxQZcolEllwIhAK2Ps1vTq5z07LslC3gi707ro77NjHel4tx3oiZKoaUl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"4efa5272df22c35606a3aa8d0ddc8ca6b6ff1607","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.68.1-canary.1154.8509991799.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.28.1-canary.1154.8509991799.0_1711986301123_0.638029650602451","host":"s3://npm-registry-packages"}},"0.22.1-canary.20.8518174563.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.20.8518174563.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.20.8518174563.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":"d343797111164731cbfa164efaf5c0b947c68459","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.20.8518174563.0.tgz","fileCount":137,"integrity":"sha512-wCiQbgLRx4p20GU2RAFLHRVgwINNk3lxSa19FOipY+RWnAwee54QAAYNzuS+hz9PfYBDgqs3AtDYViJoYfFNMw==","signatures":[{"sig":"MEQCIAMnsgcuVzK/mNyVUQd83LmM7v6E4lFgieNUVxR9ddzJAiBRH3/qjkyAT8ggp4o76Nwa4qYPgkBME8veLZnW/uMEQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"2f0842d91f77a36af409bf4af52ab94a566fc9ef","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.20.8518174563.0","@salutejs/caldera-online-themes":"0.7.1-canary.20.8518174563.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.20.8518174563.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.20.8518174563.0","@salutejs/plasma-sb-utils":"0.153.1-canary.20.8518174563.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.20.8518174563.0_1712039200939_0.7540574822689385","host":"s3://npm-registry-packages"}},"0.22.1-canary.20.8518896886.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.20.8518896886.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.20.8518896886.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":"f74ac222e2c719ef36d225ecf0fe0b7b3fe36cf5","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.20.8518896886.0.tgz","fileCount":137,"integrity":"sha512-8peIGS1YMAEtYBrGIvpv8gpG3A4Mz3oRttlsxPycruBimAHsCsqIxPKtH/54h8tuRerC2ATMjWF8Tovpb4NZYA==","signatures":[{"sig":"MEUCIQC3UAkqFtn349wpJm+wDXo7DZkI4cuoWck9EMEaKoK7vAIgEPAgvHHQvYy8M445AkHNpDt7HYocu2Fgz7IfAfiZTFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"c4a1fd06eb8c5ca93115982048cf96baafb32c56","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.20.8518896886.0","@salutejs/caldera-online-themes":"0.7.1-canary.20.8518896886.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.20.8518896886.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.20.8518896886.0","@salutejs/plasma-sb-utils":"0.153.1-canary.20.8518896886.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.20.8518896886.0_1712043523775_0.03607952178565599","host":"s3://npm-registry-packages"}},"0.22.1-canary.17.8519131265.0":{"name":"@salutejs/caldera","version":"0.22.1-canary.17.8519131265.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.22.1-canary.17.8519131265.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":"70b310bae1876bf02bc72261c1c484dbaa96a2dc","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.22.1-canary.17.8519131265.0.tgz","fileCount":137,"integrity":"sha512-R3NJDAbG65cDUJbO37gmZY7rSZHoyaNY6NxkEu++QHfw4GhiLZV33Jd1pPtm2n7d20PIM6aaZP5vJvysN/52TA==","signatures":[{"sig":"MEUCIQD1ZJaLc4Z1wapZMNlK92B/mi/dCfJBkcAJSIAQGZz/EAIgWFjiS8t0zttaYLWiAPBJ9AQSGY7p8m0Bdt611NRsXPc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318733},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"1c68d7f0bb4a04f66c7f3edb25621730b17a0dec","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.62.1-canary.17.8519131265.0","@salutejs/caldera-online-themes":"0.7.1-canary.17.8519131265.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.1-canary.17.8519131265.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.1-canary.17.8519131265.0","@salutejs/plasma-sb-utils":"0.153.1-canary.17.8519131265.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.22.1-canary.17.8519131265.0_1712044631894_0.9629535085711496","host":"s3://npm-registry-packages"}},"0.29.0-canary.1148.8520837057.0":{"name":"@salutejs/caldera","version":"0.29.0-canary.1148.8520837057.0","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.29.0-canary.1148.8520837057.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":"78ea3bc0a38059f89b49bc5801392ffff9654e7b","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.29.0-canary.1148.8520837057.0.tgz","fileCount":137,"integrity":"sha512-ZQ51/jTPcNo5QKDVCaSKVcM3QrXqjnL9awscwkrpsRaHUfQkQNyS2qUhqxyFUpQ0jyrCLDjRXfo6YRuS0xRuMA==","signatures":[{"sig":"MEUCIQDHTK/kf0wFXAmilM5YDZCBhjTfhubVuKGTDbJDXBXTeQIgYZCytpPN3tSUWhAULnQ46JAgFxQcXWbPfJSsQqGWnZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326274},"main":"index.js","types":"index.d.ts","module":"es/index.js","readme":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","gitHead":"faed02e745e943828a9f05e6f1e0d48cbfd1117a","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.69.0-canary.1148.8520837057.0","@salutejs/caldera-online-themes":"0.8.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.156.0-dev.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.88.0-dev.0","@salutejs/plasma-sb-utils":"0.154.0-dev.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.29.0-canary.1148.8520837057.0_1712052652544_0.47605314306793267","host":"s3://npm-registry-packages"}},"0.27.1":{"name":"@salutejs/caldera","version":"0.27.1","keywords":["design-system","react-components","ui-kit","react"],"author":{"name":"Salute Frontend Team","email":"salute.developers@gmail.com"},"license":"MIT","_id":"@salutejs/caldera@0.27.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":"b20261aedd33f1a46f18cabb8377f9ab3c7b2ec2","tarball":"https://registry.npmjs.org/@salutejs/caldera/-/caldera-0.27.1.tgz","fileCount":137,"integrity":"sha512-zpi/BSR+Xf6iKVfRl84Ndt2CEjr5DcXpcmwzuqMrzGuWU/XhS2cmdP883oKFVK6ntCF7zLMNMrmerJOIqn4KTw==","signatures":[{"sig":"MEQCIAheCCaiqyI5rxyxCI/HZINbCw+5LTegBuOhVBzBjDDKAiBlHKX1LLU/3tcmdH0/AjaItDuW70YoyN1JddEbewSeRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326418},"main":"index.js","types":"index.d.ts","module":"es/index.js","gitHead":"728f4895d6264e5d68186e5f0abbaf24c1fc5f92","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=caldera babel ./src --out-dir . --extensions .ts,.tsx","build:esm":"BABEL_ENV=esm SC_NAMESPACE=caldera 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/caldera"},"_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-new-hope":"0.67.1","@salutejs/caldera-online-themes":"0.7.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.6.17","@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.6.17","@types/react-dom":"18.0.11","@babel/preset-env":"7.15.4","@storybook/addons":"7.6.17","styled-components":"5.3.1","@storybook/theming":"7.6.17","default-browser-id":"2.0.0","@babel/preset-react":"7.14.5","@vitejs/plugin-react":"3.1.0","@salutejs/plasma-core":"1.155.0","@storybook/addon-docs":"7.6.17","@storybook/react-vite":"7.6.17","@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.87.0","@salutejs/plasma-sb-utils":"0.153.0","typescript-coverage-report":"0.7.0","@storybook/addon-essentials":"7.6.17","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/caldera_0.27.1_1712053246291_0.4510855259028599","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-01-22T08:18:28.835Z","modified":"2026-08-05T13:51:33.797Z","0.2.0-canary.990.7608135387.0":"2024-01-22T08:18:29.276Z","0.2.0-canary.990.7608608717.0":"2024-01-22T09:01:58.204Z","0.2.0-canary.990.7709202852.0":"2024-01-30T09:58:30.676Z","0.2.0-canary.990.7709588666.0":"2024-01-30T10:30:05.236Z","0.2.0-canary.990.7710745751.0":"2024-01-30T12:11:27.188Z","0.2.0-canary.990.7752969560.0":"2024-02-02T08:04:21.209Z","0.2.0-canary.990.7756942834.0":"2024-02-02T14:09:17.396Z","0.2.0-dev.0":"2024-02-02T14:26:08.538Z","0.3.0-canary.941.7781783525.0":"2024-02-05T09:06:32.825Z","0.2.1-canary.1028.7785214718.0":"2024-02-05T13:39:50.858Z","0.3.0-canary.1032.7787356763.0":"2024-02-05T16:22:55.286Z","0.2.1-canary.1025.7798222182.0":"2024-02-06T10:44:32.194Z","0.2.1-canary.1031.7798599034.0":"2024-02-06T11:16:24.060Z","0.3.0-dev.0":"2024-02-06T11:49:22.563Z","0.4.0-canary.1033.7800394165.0":"2024-02-06T13:37:40.791Z","0.4.0-canary.983.7803101789.0":"2024-02-06T16:59:22.734Z","0.4.0-canary.983.7804269778.0":"2024-02-06T18:32:28.244Z","0.4.0-canary.1032.7811308183.0":"2024-02-07T07:37:20.717Z","0.4.0-canary.1035.7812839073.0":"2024-02-07T10:05:21.321Z","0.4.0-canary.983.7814183952.0":"2024-02-07T11:53:31.058Z","0.4.0-canary.1032.7815513068.0":"2024-02-07T13:38:34.674Z","0.4.0-canary.983.7816554452.0":"2024-02-07T14:59:59.144Z","0.4.0-canary.1032.7816961665.0":"2024-02-07T15:28:14.250Z","0.4.0-canary.1036.7819713328.0":"2024-02-07T19:04:02.410Z","0.4.0-canary.1036.7820428070.0":"2024-02-07T20:12:05.254Z","0.4.0-canary.1036.7826433339.0":"2024-02-08T08:05:46.551Z","0.4.0-canary.983.7826431645.0":"2024-02-08T08:05:51.765Z","0.4.0-canary.1036.7827687794.0":"2024-02-08T10:01:14.070Z","0.4.0-canary.1033.7827944506.0":"2024-02-08T10:22:39.744Z","0.4.0-canary.1036.7828955441.0":"2024-02-08T11:47:29.124Z","0.4.0-canary.1032.7830706739.0":"2024-02-08T14:12:35.660Z","0.4.0-canary.1036.7831653218.0":"2024-02-08T15:20:17.239Z","0.4.0-canary.1036.7833345103.0":"2024-02-08T17:28:20.212Z","0.4.0-canary.1014.7838956705.0":"2024-02-09T02:56:30.865Z","0.4.0-canary.1014.7840120119.0":"2024-02-09T05:54:53.794Z","0.4.0-dev.0":"2024-02-09T07:02:32.055Z","0.5.0-canary.1033.7840916850.0":"2024-02-09T07:42:22.536Z","0.5.0-canary.1033.7841096092.0":"2024-02-09T08:06:35.762Z","0.5.0-canary.1036.7843716720.0":"2024-02-09T12:24:24.662Z","0.5.0-canary.1032.7868530710.0":"2024-02-12T07:44:58.985Z","0.5.0-canary.1033.7869442826.0":"2024-02-12T09:22:30.344Z","0.5.0-dev.0":"2024-02-12T10:02:37.874Z","0.6.0-canary.1032.7870124450.0":"2024-02-12T10:24:36.319Z","0.6.0-canary.983.7871678440.0":"2024-02-12T12:41:11.442Z","0.5.1-canary.1041.7872741769.0":"2024-02-12T14:09:09.130Z","0.6.0-canary.1032.7874651515.0":"2024-02-12T16:30:39.308Z","0.5.1-canary.1041.7883204543.0":"2024-02-13T07:58:36.639Z","0.6.0-canary.1036.7883490808.0":"2024-02-13T08:26:06.403Z","0.6.0-canary.983.7883724633.0":"2024-02-13T08:46:46.277Z","0.6.0-canary.1036.7883983518.0":"2024-02-13T09:12:20.653Z","0.6.0-canary.983.7884015288.0":"2024-02-13T09:24:51.182Z","0.6.0-dev.0":"2024-02-13T09:55:07.799Z","0.7.0-dev.0":"2024-02-13T10:37:22.730Z","0.7.1-canary.1041.7885925284.0":"2024-02-13T11:58:05.501Z","0.8.0-canary.1032.7886019002.0":"2024-02-13T12:04:51.982Z","0.8.0-canary.1043.7887487556.0":"2024-02-13T14:04:59.673Z","0.7.1-canary.1045.7888324473.0":"2024-02-13T15:09:41.971Z","0.8.0-canary.1032.7892521940.0":"2024-02-13T21:01:54.877Z","0.8.0-dev.0":"2024-02-14T07:22:29.887Z","0.9.0-canary.1047.7898156030.0":"2024-02-14T08:25:08.288Z","0.8.0":"2024-02-15T08:17:25.684Z","0.9.0-canary.1050.7915364859.0":"2024-02-15T12:06:43.765Z","0.9.0-canary.1052.7916850851.0":"2024-02-15T14:03:02.892Z","0.9.0-dev.0":"2024-02-15T14:46:46.377Z","0.10.0-canary.1050.7918043130.0":"2024-02-15T15:30:10.283Z","0.9.0-dev.1":"2024-02-15T15:52:34.117Z","0.9.1-canary.1055.7928218803.0":"2024-02-16T09:17:11.075Z","0.10.0-canary.1056.7928326755.0":"2024-02-16T09:27:13.187Z","0.9.1-dev.0":"2024-02-16T09:54:41.202Z","0.10.0-canary.1056.7941010660.0":"2024-02-17T10:39:00.391Z","0.10.0-canary.1061.7972032682.0":"2024-02-20T10:44:37.528Z","0.10.0-canary.1056.7972832858.0":"2024-02-20T11:48:12.716Z","0.10.0-canary.949.7980716098.0":"2024-02-20T22:28:41.077Z","0.9.2-canary.1069.8044092850.0":"2024-02-26T05:40:50.695Z","0.9.2-canary.1067.8045865578.0":"2024-02-26T08:47:14.002Z","0.9.2-dev.0":"2024-02-26T09:25:23.598Z","0.10.0-canary.1068.8050148030.0":"2024-02-26T14:19:59.284Z","0.10.0-canary.1056.8050348509.0":"2024-02-26T14:38:58.652Z","0.10.0-canary.1061.8053365098.0":"2024-02-26T18:08:08.363Z","0.10.0-canary.1061.8054965425.0":"2024-02-26T20:25:09.118Z","0.10.0-dev.0":"2024-02-27T11:34:10.430Z","0.11.0-canary.1061.8067891362.0":"2024-02-27T16:29:54.844Z","0.11.0-canary.1068.8068625536.0":"2024-02-27T17:25:19.281Z","0.11.0-canary.1068.8069077954.0":"2024-02-27T17:59:37.530Z","0.11.0-canary.949.8072578967.0":"2024-02-27T23:23:00.128Z","0.11.0-canary.1061.8076141070.0":"2024-02-28T06:31:32.699Z","0.11.0-dev.0":"2024-02-28T07:11:32.065Z","0.11.0-canary.1068.8079455194.0":"2024-02-28T11:27:54.643Z","0.12.0-canary.1074.8079625573.0":"2024-02-28T11:50:23.585Z","0.12.0-canary.1068.8079836438.0":"2024-02-28T12:01:34.083Z","0.12.0-canary.1074.8079988997.0":"2024-02-28T12:25:11.106Z","0.12.0-canary.1068.8080283671.0":"2024-02-28T12:38:22.838Z","0.12.0-canary.1074.8080666986.0":"2024-02-28T13:14:33.060Z","0.12.0-canary.1068.8081223363.0":"2024-02-28T13:45:34.553Z","0.12.0-canary.1074.8081359281.0":"2024-02-28T14:04:50.063Z","0.12.0-canary.1068.8081827697.0":"2024-02-28T14:30:56.424Z","0.12.0-canary.1068.8082662105.0":"2024-02-28T15:27:35.247Z","0.12.0-canary.1068.8092072811.0":"2024-02-29T06:55:14.971Z","0.11.1-canary.1075.8092130882.0":"2024-02-29T07:03:44.471Z","0.12.0-canary.949.8092729650.0":"2024-02-29T08:09:37.109Z","0.11.1-canary.1077.8094014915.0":"2024-02-29T09:58:44.017Z","0.12.0-dev.0":"2024-02-29T10:11:31.387Z","0.13.0-canary.1074.8094575646.0":"2024-02-29T10:52:54.688Z","0.13.0-canary.1068.8094654690.0":"2024-02-29T10:56:12.453Z","0.13.0-canary.1068.8094930449.0":"2024-02-29T11:15:00.491Z","0.13.0-canary.1078.8095147029.0":"2024-02-29T11:39:49.682Z","0.13.0-dev.0":"2024-02-29T11:54:38.990Z","0.14.0-canary.1068.8095905739.0":"2024-02-29T12:37:03.141Z","0.14.0-dev.0":"2024-02-29T13:07:36.655Z","0.15.0-canary.1079.8096644637.0":"2024-02-29T13:34:42.280Z","0.14.1-canary.1080.8097146395.0":"2024-02-29T14:10:25.777Z","0.15.0-canary.1081.8107856514.0":"2024-03-01T07:28:47.855Z","0.15.0-dev.0":"2024-03-01T08:34:25.925Z","0.16.0-canary.1079.8108883486.0":"2024-03-01T09:16:00.699Z","0.15.0":"2024-03-01T09:39:57.831Z","0.16.0-canary.1081.8111120813.0":"2024-03-01T12:26:13.093Z","0.16.0-canary.1081.8112366460.0":"2024-03-01T14:05:47.077Z","0.16.0-canary.1082.8114039962.0":"2024-03-01T16:31:56.237Z","0.15.1-canary.1083.8131317017.0":"2024-03-03T16:02:06.422Z","0.16.0-canary.1084.8131416575.0":"2024-03-03T16:20:13.187Z","0.16.0-canary.1091.8138016017.0":"2024-03-04T09:40:09.949Z","0.15.1-canary.1083.8138082492.0":"2024-03-04T09:44:35.945Z","0.15.1-canary.1083.8139542265.0":"2024-03-04T11:56:54.728Z","0.15.1-canary.1083.8140475502.0":"2024-03-04T13:08:02.653Z","0.16.0-canary.1062.8142204472.0":"2024-03-04T15:06:41.779Z","0.15.1-canary.1083.8152066883.0":"2024-03-05T06:50:03.199Z","0.16.0-canary.1092.8152262621.0":"2024-03-05T07:13:12.367Z","0.15.1-canary.1083.8152512133.0":"2024-03-05T07:38:57.992Z","0.16.0-dev.0":"2024-03-05T07:51:21.075Z","0.16.1-canary.1083.8153289956.0":"2024-03-05T08:51:35.722Z","0.16.1-canary.1083.8153489438.0":"2024-03-05T09:10:44.783Z","0.15.1-canary.1093.8153576579.0":"2024-03-05T09:20:49.145Z","0.16.1-canary.1094.8153757283.0":"2024-03-05T09:33:38.668Z","0.16.1-canary.1083.8154166498.0":"2024-03-05T10:00:26.850Z","0.15.1-canary.1093.8154958124.0":"2024-03-05T11:03:36.502Z","0.16.1-canary.1083.8155624165.0":"2024-03-05T12:04:21.226Z","0.16.1-canary.1083.8155986695.0":"2024-03-05T12:27:36.160Z","0.16.1-canary.1094.8156406225.0":"2024-03-05T13:00:52.170Z","0.16.1-canary.1096.8156568303.0":"2024-03-05T13:10:56.717Z","0.15.1":"2024-03-05T13:27:56.219Z","0.17.0-canary.1082.8157187677.0":"2024-03-05T13:53:06.943Z","0.16.1-dev.0":"2024-03-05T13:59:53.325Z","0.16.2-dev.0":"2024-03-05T21:16:51.350Z","0.17.0-canary.1084.8168660901.0":"2024-03-06T08:09:19.715Z","0.17.0-canary.1084.8168958226.0":"2024-03-06T08:37:04.480Z","0.17.0-dev.0":"2024-03-06T10:29:07.867Z","0.17.1-canary.1096.8170911231.0":"2024-03-06T11:12:16.067Z","0.17.1-canary.1102.8174190235.0":"2024-03-06T15:19:07.019Z","0.17.1-canary.1102.8174460748.0":"2024-03-06T15:35:39.090Z","0.17.1-canary.1102.8174765200.0":"2024-03-06T15:57:23.367Z","0.17.1-canary.1102.8175034751.0":"2024-03-06T16:17:23.646Z","0.18.0-canary.1095.8175244321.0":"2024-03-06T16:34:02.342Z","0.17.1-canary.1102.8175322475.0":"2024-03-06T16:36:26.239Z","0.18.0-canary.1101.8175418651.0":"2024-03-06T16:47:39.342Z","0.17.1-canary.1089.8186819754.0":"2024-03-07T10:58:26.369Z","0.17.1-dev.0":"2024-03-07T11:37:14.048Z","0.18.0-canary.1080.8192661335.0":"2024-03-07T18:15:59.970Z","0.18.0-dev.0":"2024-03-07T18:20:37.260Z","0.19.0-canary.1104.8207916286.0":"2024-03-08T19:29:43.050Z","0.19.0-canary.1104.8208356691.0":"2024-03-08T20:13:27.532Z","0.19.0-canary.1104.8238128932.0":"2024-03-11T18:58:47.556Z","0.19.0-canary.1105.8238303616.0":"2024-03-11T19:16:56.560Z","0.19.0-canary.1107.8247342023.0":"2024-03-12T10:48:15.652Z","0.19.0-canary.1105.8247989087.0":"2024-03-12T11:43:26.760Z","0.19.0-canary.1110.8249201346.0":"2024-03-12T13:12:14.234Z","0.19.0-canary.1080.8252685470.0":"2024-03-12T17:08:22.578Z","0.19.0-canary.1105.8253921718.0":"2024-03-12T18:42:10.182Z","0.19.0-canary.1107.8254238868.0":"2024-03-12T19:06:58.750Z","0.19.0-canary.1110.8254420470.0":"2024-03-12T19:21:39.993Z","0.19.0-dev.0":"2024-03-12T19:52:49.718Z","0.20.0-canary.1105.8259811804.0":"2024-03-13T05:30:15.596Z","0.20.0-dev.0":"2024-03-13T06:00:09.961Z","0.20.1-canary.1080.8261082592.0":"2024-03-13T07:56:21.633Z","0.20.1-dev.0":"2024-03-13T08:49:03.175Z","0.21.0-canary.1107.8262128065.0":"2024-03-13T09:27:48.052Z","0.21.0-canary.1112.8262163984.0":"2024-03-13T09:44:01.794Z","0.21.0-canary.1107.8263834499.0":"2024-03-13T11:40:41.039Z","0.21.0-canary.1107.8264255315.0":"2024-03-13T12:18:37.322Z","0.21.0-canary.1107.8264517382.0":"2024-03-13T12:36:22.368Z","0.21.0-canary.1107.8264949500.0":"2024-03-13T13:08:47.095Z","0.21.0-canary.1103.8264381310.0":"2024-03-13T13:52:15.410Z","0.21.0":"2024-03-14T08:11:14.487Z","0.21.1-canary.1116.8278123760.0":"2024-03-14T09:27:15.481Z","0.22.0-canary.1107.8280202305.0":"2024-03-14T12:10:30.050Z","0.22.0-canary.1107.8280596059.0":"2024-03-14T12:41:09.000Z","0.22.0-canary.1104.8280661928.0":"2024-03-14T12:51:23.216Z","0.21.1-canary.1116.8281168561.0":"2024-03-14T13:16:16.316Z","0.22.0-canary.1103.8281892699.0":"2024-03-14T14:44:38.221Z","0.22.0-canary.1104.8284226652.0":"2024-03-14T16:44:38.322Z","0.22.0-canary.1104.8285330722.0":"2024-03-14T18:06:01.520Z","0.22.0-canary.1107.8298107781.0":"2024-03-15T15:08:04.798Z","0.21.1-canary.1119.8323697780.0":"2024-03-18T09:05:11.824Z","0.21.1-canary.1116.8323779850.0":"2024-03-18T09:12:49.178Z","0.21.1-dev.0":"2024-03-18T09:52:46.520Z","0.21.2-canary.1119.8324919346.0":"2024-03-18T10:39:12.460Z","0.21.2-dev.0":"2024-03-18T11:09:00.822Z","0.22.0-canary.1126.8328620419.0":"2024-03-18T15:02:28.401Z","0.22.0-canary.1127.8328712972.0":"2024-03-18T15:19:43.444Z","0.21.3-canary.1128.8338480500.0":"2024-03-19T06:35:47.688Z","0.22.0-canary.1127.8338618896.0":"2024-03-19T06:56:17.979Z","0.22.0-canary.1107.8346840460.0":"2024-03-19T16:56:16.379Z","0.22.0-canary.1130.8347669909.0":"2024-03-19T17:54:41.126Z","0.22.0-canary.1130.8348048941.0":"2024-03-19T18:25:09.574Z","0.22.0-canary.1130.8348409566.0":"2024-03-19T18:52:55.986Z","0.22.0-canary.1130.8348681148.0":"2024-03-19T19:18:17.407Z","0.22.0-canary.1104.8350601040.0":"2024-03-19T22:11:48.970Z","0.21.3-canary.1128.8354320507.0":"2024-03-20T05:49:12.174Z","0.22.0-canary.1130.8355158265.0":"2024-03-20T07:34:32.246Z","0.22.0-canary.1107.8355310430.0":"2024-03-20T07:54:36.484Z","0.22.0-canary.1130.8355923482.0":"2024-03-20T08:51:17.350Z","0.21.3-canary.1128.8357043245.0":"2024-03-20T10:20:46.270Z","0.22.0-canary.1130.8357400326.0":"2024-03-20T10:44:53.969Z","0.22.0-canary.1130.8357768057.0":"2024-03-20T11:15:14.232Z","0.22.0-canary.1130.8358943263.0":"2024-03-20T12:48:13.833Z","0.22.0-canary.1132.8359413682.0":"2024-03-20T13:21:43.132Z","0.22.0-canary.1132.8360123416.0":"2024-03-20T14:10:12.923Z","0.22.0-canary.1127.8360705762.0":"2024-03-20T14:53:41.597Z","0.22.0-canary.1104.8361174885.0":"2024-03-20T15:19:12.358Z","0.22.0-canary.1104.8362143322.0":"2024-03-20T16:23:26.254Z","0.22.0-canary.1134.8363193534.0":"2024-03-20T17:42:29.097Z","0.22.0-canary.1107.8367220328.0":"2024-03-20T23:41:36.200Z","0.21.3-canary.1135.8369164007.0":"2024-03-21T03:33:29.690Z","0.21.3-canary.1128.8369582017.0":"2024-03-21T04:30:54.613Z","0.21.3-canary.1138.8369775446.0":"2024-03-21T04:55:34.465Z","0.21.3-canary.1128.8369811761.0":"2024-03-21T05:07:05.038Z","0.22.0-canary.1107.8371174803.0":"2024-03-21T07:44:42.859Z","0.22.0-canary.1107.8371403934.0":"2024-03-21T08:07:09.364Z","0.22.0-canary.1134.8372017768.0":"2024-03-21T09:03:14.447Z","0.22.0-canary.1107.8372138331.0":"2024-03-21T09:09:37.068Z","0.22.0-canary.1107.8372502529.0":"2024-03-21T09:44:58.258Z","0.22.0-canary.1132.8372596701.0":"2024-03-21T09:58:46.124Z","0.22.0-canary.1134.8372549126.0":"2024-03-21T10:00:14.466Z","0.22.0-canary.1126.8372657133.0":"2024-03-21T10:06:24.515Z","0.22.0-canary.1140.8374004864.0":"2024-03-21T11:29:26.621Z","0.22.0-canary.1126.8374149152.0":"2024-03-21T11:42:04.860Z","0.22.0-canary.1141.8374886119.0":"2024-03-21T12:45:31.811Z","0.22.0-canary.1127.8374885890.0":"2024-03-21T12:52:05.004Z","0.22.0-canary.1140.8375089634.0":"2024-03-21T13:00:37.021Z","0.22.0-canary.1104.8375694662.0":"2024-03-21T13:38:29.507Z","0.22.0-canary.1142.8375879169.0":"2024-03-21T13:51:21.291Z","0.22.0-canary.1107.8378459750.0":"2024-03-21T16:46:43.914Z","0.22.0-canary.1104.8378794893.0":"2024-03-21T17:10:02.754Z","0.22.0-canary.1104.8379430117.0":"2024-03-21T17:58:23.606Z","0.21.3-canary.1143.8386402782.0":"2024-03-22T06:45:58.047Z","0.22.0-canary.1104.8386500043.0":"2024-03-22T06:57:57.793Z","0.21.3-canary.1143.8386648522.0":"2024-03-22T07:18:10.685Z","0.22.0-canary.1107.8387515808.0":"2024-03-22T08:48:03.842Z","0.22.0-canary.1126.8387518259.0":"2024-03-22T08:50:49.262Z","0.22.0-canary.1103.8387673796.0":"2024-03-22T09:05:47.178Z","0.22.0-canary.1107.8387807305.0":"2024-03-22T09:16:57.975Z","0.22.0-canary.1107.8388104672.0":"2024-03-22T09:41:09.712Z","0.22.0-dev.0":"2024-03-22T09:51:13.152Z","0.22.0-canary.1103.8388307850.0":"2024-03-22T10:01:39.004Z","0.23.0-canary.1142.8389275162.0":"2024-03-22T11:17:01.670Z","0.23.0-canary.1107.8391117306.0":"2024-03-22T13:46:57.803Z","0.23.0-canary.1107.8391756028.0":"2024-03-22T14:39:29.016Z","0.23.0-canary.1132.8392009927.0":"2024-03-22T14:55:32.363Z","0.23.0-canary.1107.8392389661.0":"2024-03-22T15:26:39.353Z","0.23.0-canary.1104.8392667161.0":"2024-03-22T15:44:24.746Z","0.22.1-canary.15.8415647099.0":"2024-03-25T06:03:02.671Z","0.22.1-canary.1128.8415682582.0":"2024-03-25T06:06:04.950Z","0.22.1-canary.16.8415692055.0":"2024-03-25T06:10:47.712Z","0.22.1-canary.16.8415917173.0":"2024-03-25T06:38:12.590Z","0.22.1-canary.15.8416021082.0":"2024-03-25T06:51:25.029Z","0.22.1-canary.17.8416023057.0":"2024-03-25T06:52:55.604Z","0.22.1-canary.18.8416431456.0":"2024-03-25T07:39:02.905Z","0.23.0-canary.1140.8417016171.0":"2024-03-25T08:34:10.310Z","0.23.0-canary.1132.8418294770.0":"2024-03-25T10:18:57.902Z","0.23.0-canary.1141.8418731345.0":"2024-03-25T10:50:46.276Z","0.23.0-canary.1104.8421987241.0":"2024-03-25T15:00:42.966Z","0.23.0-canary.1104.8424396918.0":"2024-03-25T17:48:47.612Z","0.22.1-canary.18.8431347381.0":"2024-03-26T05:58:59.581Z","0.22.1-canary.17.8431502394.0":"2024-03-26T06:19:18.235Z","0.22.1-canary.19.8431714968.0":"2024-03-26T06:41:39.976Z","0.22.1-canary.17.8431756821.0":"2024-03-26T06:46:50.884Z","0.22.1-canary.17.8432098371.0":"2024-03-26T07:29:02.720Z","0.23.0-canary.1142.8432586166.0":"2024-03-26T08:16:22.926Z","0.23.0-canary.1141.8432928007.0":"2024-03-26T08:43:53.168Z","0.23.0-canary.1148.8433297917.0":"2024-03-26T09:15:04.763Z","0.23.0-canary.1107.8433706949.0":"2024-03-26T09:46:16.873Z","0.23.0-canary.1140.8433944914.0":"2024-03-26T10:06:23.856Z","0.22.1-canary.1149.8434278946.0":"2024-03-26T10:33:20.064Z","0.23.0-dev.0":"2024-03-26T11:12:13.089Z","0.24.0-canary.1132.8435125320.0":"2024-03-26T11:38:56.537Z","0.24.0-canary.1142.8437104727.0":"2024-03-26T14:07:44.170Z","0.24.0-canary.1132.8437517871.0":"2024-03-26T14:33:27.527Z","0.24.0-canary.1142.8437598229.0":"2024-03-26T14:43:21.556Z","0.24.0-canary.1148.8437854146.0":"2024-03-26T14:56:53.621Z","0.24.0-canary.1107.8437953521.0":"2024-03-26T15:09:05.467Z","0.24.0-dev.0":"2024-03-26T15:11:17.645Z","0.25.0-canary.1142.8439122660.0":"2024-03-26T16:20:52.935Z","0.25.0-dev.0":"2024-03-26T17:10:35.384Z","0.26.0-canary.1107.8441154681.0":"2024-03-26T18:49:15.620Z","0.26.0-dev.0":"2024-03-26T19:33:37.361Z","0.27.0-canary.1148.8443817650.0":"2024-03-26T22:55:09.177Z","0.27.0-canary.1148.8444175533.0":"2024-03-26T23:38:34.323Z","0.26.1-canary.1128.8446493855.0":"2024-03-27T04:22:55.519Z","0.26.1-canary.1149.8446846250.0":"2024-03-27T05:13:21.498Z","0.26.1-dev.0":"2024-03-27T08:07:50.261Z","0.27.0-canary.1148.8449317874.0":"2024-03-27T09:31:48.911Z","0.27.0-canary.1148.8449780048.0":"2024-03-27T10:08:23.850Z","0.27.0-canary.1104.8449933256.0":"2024-03-27T10:22:40.146Z","0.27.0-canary.1150.8449940643.0":"2024-03-27T10:26:57.120Z","0.27.0-dev.0":"2024-03-27T11:13:14.820Z","0.28.0-canary.1151.8450920847.0":"2024-03-27T11:40:39.842Z","0.28.0-canary.1148.8452223133.0":"2024-03-27T13:20:23.527Z","0.28.0-canary.1104.8452362346.0":"2024-03-27T13:30:11.356Z","0.28.0-canary.1148.8452547227.0":"2024-03-27T13:41:31.202Z","0.28.0-canary.1104.8452846373.0":"2024-03-27T14:03:16.740Z","0.27.1-canary.1104.8453426367.0":"2024-03-27T14:42:02.271Z","0.28.0-canary.1148.8464224381.0":"2024-03-28T08:21:37.217Z","0.28.0-canary.1148.8464595999.0":"2024-03-28T08:55:20.189Z","0.27.1-canary.1154.8466220068.0":"2024-03-28T11:13:22.970Z","0.27.0":"2024-03-28T11:21:38.697Z","0.27.1-canary.1104.8477681580.0":"2024-03-29T05:54:12.912Z","0.27.1-dev.0":"2024-03-29T06:20:14.294Z","0.27.2-canary.1154.8478542170.0":"2024-03-29T07:53:44.980Z","0.27.2-canary.1154.8478709011.0":"2024-03-29T08:19:05.011Z","0.28.0-canary.1155.8481923291.0":"2024-03-29T14:35:10.467Z","0.28.0-canary.1148.8482525044.0":"2024-03-29T15:37:21.642Z","0.28.0-canary.1134.8504864222.0":"2024-04-01T07:02:44.836Z","0.28.0-dev.0":"2024-04-01T08:09:35.769Z","0.29.0-canary.1148.8505804388.0":"2024-04-01T08:42:46.910Z","0.29.0-canary.1155.8506197081.0":"2024-04-01T09:28:22.272Z","0.27.1-canary.1157.8506878970.0":"2024-04-01T10:35:29.704Z","0.27.1-canary.1157.8507285871.0":"2024-04-01T11:21:56.642Z","0.29.0-canary.1148.8507402029.0":"2024-04-01T11:40:50.169Z","0.27.1-canary.1157.8507701557.0":"2024-04-01T12:10:20.905Z","0.28.1-canary.1154.8507812308.0":"2024-04-01T12:24:44.589Z","0.28.1-canary.1154.8508988159.0":"2024-04-01T14:16:08.418Z","0.27.1-canary.1157.8509147349.0":"2024-04-01T14:29:15.424Z","0.27.1-canary.1157.8509956427.0":"2024-04-01T15:40:04.826Z","0.28.1-canary.1154.8509991799.0":"2024-04-01T15:45:01.364Z","0.22.1-canary.20.8518174563.0":"2024-04-02T06:26:41.186Z","0.22.1-canary.20.8518896886.0":"2024-04-02T07:38:43.981Z","0.22.1-canary.17.8519131265.0":"2024-04-02T07:57:12.086Z","0.29.0-canary.1148.8520837057.0":"2024-04-02T10:10:52.718Z","0.27.1":"2024-04-02T10:20:46.528Z"},"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/caldera"},"description":"Salute Design System / React UI kit for Caldera 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":"# Библиотека компонентов Caldera\n\nРеализация компонентов для создания веб-приложений.\n\n<p align=\"center\">\n  <img width=\"800\" src=\"https://github.com/salute-developers/plasma/assets/1813468/8a672284-f470-4b9e-9234-877ae8daf7a4\" alt=\"caldera\" />\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/caldera @salutejs/caldera-online-themes\n```\n\n## Настройка\n\nСоздайте компонент для подключения глобальных стилей:\n\n```jsx title=\"GlobalStyle.tsx\"\nimport { createGlobalStyle } from 'styled-components';\nimport { caldera__light } from '@salutejs/caldera-online-themes';\n\nconst ThemeStyle = createGlobalStyle(caldera__light);\n\nexport const GlobalStyle = () => (\n    <>\n        <ThemeStyle />\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` (доступен в caldera);\n\n### Использование компонентов\n\nВсе компоненты доступны из папки `components` или напрямую из пакета:\n\n```jsx\n// App.tsx\nimport { Button } from '@salutejs/caldera';\nimport { textAccent } from '@salutejs/caldera-online-themes/tokens';\n\nexport const App = () => {\n    return (\n        <Button>Hello, Caldera!</Button>\n\n        <p style={{color: textAccent}}>\n            Token usage example\n        </p>\n    );\n};\n```\n","readmeFilename":"README.md"}