@salutejs/plasma-new-hope 0.321.1-canary.1937.14653374486.0 → 0.321.1-canary.1942.14657998850.0

package/emotion/cjs/components/Switch/Switch.template-doc.mdx

@@ -7,7 +7,7 @@ import { PropsTable, Description } from '@site/src/components';
 
 # Switch
 <Description name="Switch" />
-<PropsTable name="Switch" />
+<PropsTable name="Switch" include={['defaultChecked']} />
 
 ## Использование
 Компонент `Switch` может содержать лейбл.
@@ -30,7 +30,7 @@ export function App() {
 
 ```tsx live
 import React from 'react';
-import { Button } from '@salutejs/{{ package }}';
+import { Switch } from '@salutejs/{{ package }}';
 
 export function App() {
     return (
@@ -47,7 +47,7 @@ export function App() {
 
 ```tsx live
 import React from 'react';
-import { Button } from '@salutejs/{{ package }}';
+import { Switch } from '@salutejs/{{ package }}';
 
 export function App() {
     return (

package/emotion/cjs/components/Table/Table.template-doc.mdx

@@ -492,7 +492,7 @@ export type TableColumnData = {
             ];
 
             return (
-                <div style={{ display: "block" }}>
+                <div style=\{{ display: "block" }}>
                     <ButtonGroup size="xs" isCommonButtonStyles={false}>
                         <Button text="Очистить выбранные" view="warning" size="xs" onClick={clearSelected} />
                         <Button text="Убрать сортировку" view="warning" size="xs" onClick={clearSorted} />
@@ -504,7 +504,7 @@ export type TableColumnData = {
                     <br />
                     <br />
 
-                    <div style={{ overflow: "scroll" }}>
+                    <div style=\{{ overflow: "scroll" }}>
                         <Table
                             data={data}
                             columns={columns}

package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx

@@ -5,6 +5,10 @@ title: Tabs
 
 import { PropsTable, Description } from '@site/src/components';
 
+# Tabs
+Набор компонентов для создания вкладок.
+Структура для вкладок похожа на структуру маркированных списков.
+
 ## Tabs
 
 <Description name="Tabs" />
@@ -16,7 +20,7 @@ import { PropsTable, Description } from '@site/src/components';
 <PropsTable name="TabItem" />
 
 :::caution Взаимоисключающие свойства
-Свойство `value` - это значение таба. Оно отображается справа от основного текста.<br/>
+Свойство `value` - это значение Tab. Оно отображается справа от основного текста.<br/>
 `value` и `contentRight` взаимоисключающие: если передано одно, второе передать нельзя.
 :::
 
@@ -61,8 +65,8 @@ export function App() {
 }
 ```
 
-### Расположение табов
-Табы могут быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство `orientation`.
+### Расположение Tabs
+Компонент может быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство `orientation`.
 
 ```tsx live
 import React, { useState } from 'react';
@@ -97,11 +101,11 @@ export function App() {
 ```
 
 ### Пример с прокруткой
-При выборе таба происходит прокрутка до выбранного таба.
+При выборе Tab происходит прокрутка до выбранного TabItem.
 
 ```tsx live
 import React, { useState } from 'react';
-import { Tabs, TabItem, Button } from '@salutejs/plasma-web';
+import { Tabs, TabItem, Button } from '@salutejs/{{ package }}';
 import { IconClock } from '@salutejs/plasma-icons';
 
 export function App() {
@@ -189,8 +193,8 @@ export function App() {
 
 ### Подключение клавиатурной навигации
 Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange`.<br/>
-Для горизонтальных табов: клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.<br/>
-Для вертикальных табов: клавиши ArrowUp, ArrowDown, Home, End для навигации по вкладкам.
+Для горизонтальных Tabs: клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.<br/>
+Для вертикальных Tabs: клавиши ArrowUp, ArrowDown, Home, End для навигации по вкладкам.
 
 ```tsx live
 import React, { useState } from 'react';

package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx

@@ -161,11 +161,18 @@ export function App() {
 
 
 ### Обязательность поля
-Обязательность поля задаётся с помощью свойств `required` и `requiredPlacement`. Где `requiredPlacement` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
+
+:::tip
+Наличие индикатора регулируется свойством `hasRequiredIndicator`.
+:::
+
+Обязательность поля задаётся с помощью свойств `required` и `requiredPlacement`.
+
+Где `requiredPlacement` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
 
 ```tsx live
 import React from 'react';
-import { TextField } from '@salutejs/{{ package }}';
+import { TextArea } from '@salutejs/{{ package }}';
 
 export function App() {
     return (