diff --git a/packages/codemods/src/transforms/v7/__testfixtures__/cell-button/basic.input.tsx b/packages/codemods/src/transforms/v7/__testfixtures__/cell-button/basic.input.tsx
new file mode 100644
index 0000000000..8dbee448ab
--- /dev/null
+++ b/packages/codemods/src/transforms/v7/__testfixtures__/cell-button/basic.input.tsx
@@ -0,0 +1,38 @@
+import { CellButton } from '@vkontakte/vkui';
+import React from 'react';
+
+const App = () => {
+ return (
+
+ {/* mode="primary" -> appearance="accent" */}
+
+ Создать что-нибудь
+
+
+ {/* mode="primary" -> appearance="accent" */}
+
+ Создать что-нибудь
+
+
+ {/* mode="danger" -> appearance="negative" */}
+
+ Создать что-нибудь
+
+
+ {/* mode="danger" -> appearance="negative" */}
+
+ Создать что-нибудь
+
+
+ {/* do nothing 1 */}
+
+ Создать что-нибудь
+
+
+ {/* do nothing 2 */}
+
+ Создать что-нибудь
+
+
+ );
+};
diff --git a/packages/codemods/src/transforms/v7/__tests__/__snapshots__/cell-button.ts.snap b/packages/codemods/src/transforms/v7/__tests__/__snapshots__/cell-button.ts.snap
new file mode 100644
index 0000000000..aae725ef24
--- /dev/null
+++ b/packages/codemods/src/transforms/v7/__tests__/__snapshots__/cell-button.ts.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cell-button transforms correctly 1`] = `
+"import { CellButton } from '@vkontakte/vkui';
+import React from 'react';
+
+const App = () => {
+ return (
+ (
+ {/* mode="primary" -> appearance="accent" */}
+
+ Создать что-нибудь
+
+ {/* mode="primary" -> appearance="accent" */}
+
+ Создать что-нибудь
+
+ {/* mode="danger" -> appearance="negative" */}
+
+ Создать что-нибудь
+
+ {/* mode="danger" -> appearance="negative" */}
+
+ Создать что-нибудь
+
+ {/* do nothing 1 */}
+
+ Создать что-нибудь
+
+ {/* do nothing 2 */}
+
+ Создать что-нибудь
+
+ )
+ );
+};"
+`;
diff --git a/packages/codemods/src/transforms/v7/__tests__/cell-button.ts b/packages/codemods/src/transforms/v7/__tests__/cell-button.ts
new file mode 100644
index 0000000000..194fb12ffb
--- /dev/null
+++ b/packages/codemods/src/transforms/v7/__tests__/cell-button.ts
@@ -0,0 +1,11 @@
+jest.autoMockOff();
+import { defineSnapshotTestFromFixture } from '../../../testHelpers/testHelper';
+
+const name = 'cell-button';
+const fixtures = ['basic'] as const;
+
+describe(name, () => {
+ fixtures.forEach((test) =>
+ defineSnapshotTestFromFixture(__dirname, name, global.TRANSFORM_OPTIONS, `${name}/${test}`),
+ );
+});
diff --git a/packages/codemods/src/transforms/v7/cell-button.ts b/packages/codemods/src/transforms/v7/cell-button.ts
new file mode 100644
index 0000000000..cf46a24f0d
--- /dev/null
+++ b/packages/codemods/src/transforms/v7/cell-button.ts
@@ -0,0 +1,56 @@
+import { API, FileInfo, JSXAttribute } from 'jscodeshift';
+import { getImportInfo } from '../../codemod-helpers';
+import { report } from '../../report';
+import { JSCodeShiftOptions } from '../../types';
+
+export const parser = 'tsx';
+
+export default function transformer(file: FileInfo, api: API, options: JSCodeShiftOptions) {
+ const { alias } = options;
+ const j = api.jscodeshift;
+ const source = j(file.source);
+ const { localName } = getImportInfo(j, file, 'CellButton', alias);
+ if (!localName) {
+ return source.toSource();
+ }
+
+ const attributeToReplace = 'mode';
+ const newAttributeName = 'appearance';
+
+ const modeToAppearance: Record = {
+ primary: 'accent',
+ danger: 'negative',
+ };
+
+ const getValueFromAttribute = (attribute: JSXAttribute): string | null => {
+ if (attribute.value?.type === 'StringLiteral') {
+ return attribute.value.value;
+ }
+ if (attribute.value?.type === 'JSXExpressionContainer') {
+ const expression = attribute.value.expression;
+ if (expression.type === 'StringLiteral') {
+ return expression.value;
+ }
+ }
+ return null;
+ };
+
+ source
+ .find(j.JSXElement, { openingElement: { name: { name: localName } } })
+ .find(j.JSXAttribute, { name: { name: attributeToReplace } })
+ .forEach((path) => {
+ const component = path.node;
+ component.name.name = newAttributeName;
+ const value = getValueFromAttribute(component);
+ if (!value || !modeToAppearance[value]) {
+ report(
+ api,
+ `: ${localName} has been changed. Manual changes required: need to change 'mode' prop to 'appearance'`,
+ );
+ return;
+ }
+ component.value = j.stringLiteral(modeToAppearance[value]);
+ });
+
+ return source.toSource();
+}
diff --git a/packages/vkui/src/components/CellButton/CellButton.e2e-playground.tsx b/packages/vkui/src/components/CellButton/CellButton.e2e-playground.tsx
index a51d39be1e..e4d5870289 100644
--- a/packages/vkui/src/components/CellButton/CellButton.e2e-playground.tsx
+++ b/packages/vkui/src/components/CellButton/CellButton.e2e-playground.tsx
@@ -10,21 +10,18 @@ export const CellButtonPlayground = (props: ComponentPlaygroundProps) => {
{...props}
propSets={[
{
- centered: [true],
+ centered: [undefined, true],
children: ['Создать что-нибудь'],
- before: [undefined, ],
+ before: [],
},
{
- mode: [undefined, 'danger'],
- children: ['Создать что-нибудь'],
- },
- {
- mode: [undefined, 'danger'],
+ appearance: ['neutral', 'negative'],
before: [],
children: ['Создать что-нибудь'],
},
{
before: [
+ undefined,
,
diff --git a/packages/vkui/src/components/CellButton/CellButton.module.css b/packages/vkui/src/components/CellButton/CellButton.module.css
index 817bb406f8..fde75aa29a 100644
--- a/packages/vkui/src/components/CellButton/CellButton.module.css
+++ b/packages/vkui/src/components/CellButton/CellButton.module.css
@@ -45,13 +45,26 @@
padding-inline-end: var(--vkui--spacing_size_m);
}
-.host {
+.appearanceAccent {
+ --vkui_internal--icon_color: var(--vkui--color_icon_accent);
+
+ color: var(--vkui--color_text_accent);
+}
+
+/* Переопределяем токен для `appearance="accent"` */
+.centered {
--vkui_internal--icon_color: var(--vkui--color_icon_accent_themed);
color: var(--vkui--color_text_accent_themed);
}
-.modeDanger {
+.appearanceNeutral {
+ --vkui_internal--icon_color: var(--vkui--color_icon_primary);
+
+ color: var(--vkui--color_text_primary);
+}
+
+.appearanceNegative {
--vkui_internal--icon_color: var(--vkui--color_text_negative);
color: var(--vkui--color_text_negative);
diff --git a/packages/vkui/src/components/CellButton/CellButton.test.tsx b/packages/vkui/src/components/CellButton/CellButton.test.tsx
index 0f0cfb2069..7cdb61cbc8 100644
--- a/packages/vkui/src/components/CellButton/CellButton.test.tsx
+++ b/packages/vkui/src/components/CellButton/CellButton.test.tsx
@@ -1,25 +1,31 @@
import { render, screen } from '@testing-library/react';
import { baselineComponent } from '../../testing/utils';
-import { CellButton } from './CellButton';
+import { appearanceClassNames, CellButton } from './CellButton';
import styles from './CellButton.module.css';
-describe('CellButton', () => {
+describe(CellButton, () => {
baselineComponent((props) => CellButton);
- it('should have danger className with mode danger', () => {
- render(
-
- Check
- ,
- );
- expect(screen.getByTestId('cell')).toHaveClass(styles.modeDanger);
- });
- it('should have danger className with mode danger', () => {
+ it.each(['accent', 'neutral', 'negative', undefined] as const)(
+ 'should have expected className for appearance="%s"',
+ (appearance) => {
+ render(
+
+ Check
+ ,
+ );
+ expect(screen.getByTestId('cell')).toHaveClass(
+ appearance ? appearanceClassNames[appearance] : appearanceClassNames.accent,
+ );
+ },
+ );
+ it('should have appearance="accent" by default if centered', () => {
render(
Check
,
);
expect(screen.getByTestId('cell')).toHaveClass(styles.centered);
+ expect(screen.getByTestId('cell')).toHaveClass(appearanceClassNames.accent);
});
});
diff --git a/packages/vkui/src/components/CellButton/CellButton.tsx b/packages/vkui/src/components/CellButton/CellButton.tsx
index 2fa5506c87..d67b32edf5 100644
--- a/packages/vkui/src/components/CellButton/CellButton.tsx
+++ b/packages/vkui/src/components/CellButton/CellButton.tsx
@@ -2,8 +2,17 @@ import { classNames } from '@vkontakte/vkjs';
import { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';
import styles from './CellButton.module.css';
+export const appearanceClassNames = {
+ accent: styles.appearanceAccent,
+ neutral: styles.appearanceNeutral,
+ negative: styles.appearanceNegative,
+};
+
export interface CellButtonProps extends SimpleCellProps {
- mode?: 'primary' | 'danger';
+ /**
+ * > Режим `centered` переопределяет токен для темы `"accent"`.
+ */
+ appearance?: 'accent' | 'neutral' | 'negative';
centered?: boolean;
}
@@ -12,7 +21,7 @@ export interface CellButtonProps extends SimpleCellProps {
*/
export const CellButton = ({
centered = false,
- mode = 'primary',
+ appearance = 'accent',
className,
...restProps
}: CellButtonProps): React.ReactNode => {
@@ -21,7 +30,7 @@ export const CellButton = ({
{...restProps}
className={classNames(
styles.host,
- mode === 'danger' && styles.modeDanger,
+ appearanceClassNames[appearance],
centered && styles.centered,
className,
)}
diff --git a/packages/vkui/src/components/CellButton/Readme.md b/packages/vkui/src/components/CellButton/Readme.md
index 1d16056820..7b17accaa2 100644
--- a/packages/vkui/src/components/CellButton/Readme.md
+++ b/packages/vkui/src/components/CellButton/Readme.md
@@ -4,7 +4,7 @@
CellButton
Базовый пример}>
{}}>Добавить новую школу
- {}} mode="danger">
+ {}} appearance="negative">
Удалить беседу
@@ -12,7 +12,7 @@
{}} before={}>
Добавить родственника
- {}} before={} mode="danger">
+ {}} before={} appearance="negative">
Удалить беседу
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-dark-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-dark-1-snap.png
index 0fcced554e..b57e4d76e4 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-dark-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:aee46af8202d5f263324eafaf6269160c94a527bfae1ff10f28a0f1920752944
-size 56911
+oid sha256:08b083f7d93061407bfdbcd7e5bf0d5d182a14fee952d7bcbb7c1d28691c491b
+size 57193
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-light-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-light-1-snap.png
index 683e6e7c2d..7e0000fe6f 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:48c1b75cf7f1d0f6f0e537edf6e2cf7bc66e984ed9591332b7ccafd9f9f23e43
-size 61143
+oid sha256:09ec7ea7c0c19ce207a7ea2a4329b74dcc96540e2a324c737d4e44597d459f6e
+size 55545
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-dark-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-dark-1-snap.png
index 0bea2b97ec..9d84457550 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-dark-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:40b717f68ca8416dd9eb969a19ebd1a3d152a6dcc6a09c9cbd0b05cca1d7f3d9
-size 58990
+oid sha256:f5f8d6083c7c17714191d9e28a871cc8dffa2dc2e0fd13d41d1de79293d85f91
+size 58755
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-light-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-light-1-snap.png
index 86211635a5..e1b4912a77 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-light-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f32c22b7154d1cf31f071cf1de2075020b376a29759e73659ecf92d282d6309f
-size 63067
+oid sha256:b1b9b3d2dc5da6e90c93fe4fe152670ae80801d5d4127fcb05e0fd4477feda38
+size 56685
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-dark-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-dark-1-snap.png
index 175623cef1..009e13132e 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-dark-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b536b6f608ed03cbd77f6d3a41ec46f3170ecb24239e2a8ea86acefda7b4a145
-size 57429
+oid sha256:fc71619f1ac7ca96b0b2636b22aab62235a23510c2f8cc67f7de871028d07884
+size 53758
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-light-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-light-1-snap.png
index 6419855aa1..7391b9fb58 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5febb0f9fb46ebc90b8b2ae3fe8c02a10889ae638f03a1d4febb79621a092e3b
-size 58141
+oid sha256:525455bd6ae409d2ff3278bed4a4c4adbfca54720fb6e8da720578fc82da4669
+size 54069
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-dark-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-dark-1-snap.png
index 738fc558fd..61da552854 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-dark-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:91dbd88e4c095ac4d3aa9cb246e06dacc93e270ecfa57d3beddc0c219fe7cba5
-size 73042
+oid sha256:0bd69a5357e5587e9f103b98b3eb2b8de9526a2abfae319daf1fc73a455dc9d1
+size 68083
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-light-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-light-1-snap.png
index 39d16aac56..206bc6b9cc 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-light-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2268028c8e126c38f31ef54d45e05af799dbe4d759de92939aa3ed21916862af
-size 73028
+oid sha256:71c839ec996e2a467180a41105110246ca10539d66e3b16fbb71c9e825854926
+size 67287
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-dark-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-dark-1-snap.png
index 6b18dde41c..19acb760d7 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-dark-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:089c97ac712a867ae2158c676e6ab43635b2fb1ecb515ab9e3271130548c3765
-size 58942
+oid sha256:6222942097ed14b4d83d038178712cc5a3738c77a0af6cad3ea9f197a59a31bf
+size 55120
diff --git a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-light-1-snap.png b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-light-1-snap.png
index 454c4037c1..c7f1c62568 100644
--- a/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-light-1-snap.png
+++ b/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:c2f15eb05a36e5d932b17fd30a76728fcbd4ea1202f26a932c5286b8d882dbe5
-size 59932
+oid sha256:e59f121c38b6c6fb3fe5a6b2e65978a1ef2349daeaaf277b713c6421c3468834
+size 55517
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-dark-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-dark-1-snap.png
index ddab80b070..8816cd73b3 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-dark-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0c1d6a1697ed3511831cf15ef587956f2c23aba8544d6885da7b66b771e561d9
-size 152070
+oid sha256:e1758b3187cf005baa198a9b9af1fb811c279494040de5f1c4a50265923021f6
+size 152145
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-light-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-light-1-snap.png
index 6f324d30dd..5d18a019fc 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-android-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9c0dc740d3532d82dba691d7c9466e539f8b149a6d1e003f5d508b3b8046599f
+oid sha256:e79744daa63b1e302916f6a59bdcd4c6d79134869caf4c73f144400206162c3a
size 153376
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-ios-webkit-dark-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-ios-webkit-dark-1-snap.png
index 7805653b3a..2d1739520c 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-ios-webkit-dark-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-ios-webkit-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:92c44ac1ce0c6c56b355ae9c0ee3f5e96344964c5ee5f40de336848829fa159d
-size 158883
+oid sha256:73f7ecd6f876e92407f247a1af53f7837a04cdbd4f2698df9e917d07b780b03a
+size 158938
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-dark-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-dark-1-snap.png
index eecc806e3d..0a6ef2e5c0 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-dark-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7021136cd32df77e937a2719a0c0dcac5a22a28f6106b3ed04bb6728048de9f7
-size 149287
+oid sha256:c174d81abf8271d9c603c0d277993ef0020fc678359c988775c4eef016ef61f7
+size 149408
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-light-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-light-1-snap.png
index 49947fb5ed..32882b4cb0 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:80e8cd979ada86be4c57b29d6589e883e1962dad89834c00a7294dff05baa513
-size 152007
+oid sha256:d5003b0635bf447b42e1ae2f929d80b69b151b9fc833577b33996c39a28a911a
+size 152048
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-dark-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-dark-1-snap.png
index 4a4d4832c9..c9643571b5 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-dark-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a86bc02e04361e9ddc333492058452ff934e8fc517db2c0d35f89364024c13fb
-size 238749
+oid sha256:d38eeda0f0add04255612648591bc382210151c2c98d3085ed7a975c0d4df0ae
+size 238751
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-light-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-light-1-snap.png
index cb4f86b660..7c551fa169 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-light-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-firefox-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7cbddded1fb5a025455351884eabeddb0bcfc91e537404a8cd9947aa66e79e01
-size 246893
+oid sha256:4c46714efef557c605cbecb5927b74b3d6198f280619dcb2213163969b5f0501
+size 246919
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-dark-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-dark-1-snap.png
index 763c28d9df..133759297e 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-dark-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-dark-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2d939ab16d4313de204c824e63946b9680dbabd33738d9bda2c7a8933519d618
-size 152837
+oid sha256:56f996b6ee002f08f157dcf27c6d31ebe8af6ea5a4816c596f2aac8d4e8aea04
+size 152833
diff --git a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-light-1-snap.png b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-light-1-snap.png
index d2f67a20a2..ab5275e14a 100644
--- a/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-light-1-snap.png
+++ b/packages/vkui/src/components/FormItem/__image_snapshots__/formitem-vkcom-webkit-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1c37ac5bba42d17352f879fb158009fed8f7c84ae68af53e570a63be21ab7a2e
-size 154799
+oid sha256:bd3b7b2e90aaa9dbe5bbb591a37ef57bd4980b8e83fab9979b905cc8ae2ed5b4
+size 154790
diff --git a/packages/vkui/src/components/Group/Readme.md b/packages/vkui/src/components/Group/Readme.md
index 400a2e2ace..9801ff9043 100644
--- a/packages/vkui/src/components/Group/Readme.md
+++ b/packages/vkui/src/components/Group/Readme.md
@@ -122,7 +122,7 @@ const SharedContent = () => {
VK · Браузер Chrome для macOS
Показать историю активности
-
+
Завершить все остальные сеансы
diff --git a/packages/vkui/src/components/Popover/Popover.stories.tsx b/packages/vkui/src/components/Popover/Popover.stories.tsx
index 0e5933bc28..7dfa842574 100644
--- a/packages/vkui/src/components/Popover/Popover.stories.tsx
+++ b/packages/vkui/src/components/Popover/Popover.stories.tsx
@@ -86,7 +86,7 @@ export const Example: Story = {
}
- mode="danger"
+ appearance="negative"
onClick={onClose}
>
Удалить
diff --git a/packages/vkui/src/components/Popover/Readme.md b/packages/vkui/src/components/Popover/Readme.md
index 2aecddda7b..d8aa7ee32d 100644
--- a/packages/vkui/src/components/Popover/Readme.md
+++ b/packages/vkui/src/components/Popover/Readme.md
@@ -69,7 +69,7 @@ const PopoverWithTriggerClick = () => {
}
- mode="danger"
+ appearance="negative"
onClick={onClose}
>
Удалить
diff --git a/packages/vkui/src/components/Search/Readme.md b/packages/vkui/src/components/Search/Readme.md
index 063443499f..0af2919e2f 100644
--- a/packages/vkui/src/components/Search/Readme.md
+++ b/packages/vkui/src/components/Search/Readme.md
@@ -259,7 +259,7 @@ const App = () => {
}
- mode="danger"
+ appearance="negative"
onClick={onClose}
>
Добавить и очистить