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} > Добавить и очистить