@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/components/Button/Button.md

@@ -1,261 +0,0 @@
-### Базовый пример
-По умолчанию, кнопка принимает все пропы `HTMLButtonElement`.
-
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-<Button onClick={alert} name="report">Создать отчёт</Button>;
-```
-
-### Корневой компонент
-Кнопка может рендерить ссылку в качестве корневого элемента, c помощью пропа `component`. Кнопка принимает все пропы переданного в `component` компонента.
-
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-<Button component='a' href='https://kontur.ru' target="_blank">Ссылка, но выглядит как кнопка</Button>
-```
-
-### Различные стили
-
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-
-const bgStyle = {
-  backgroundImage: `linear-gradient(to right, rgba(130, 130, 130, 0.5) 1px, transparent 1px),
-    linear-gradient(to bottom, rgba(130, 130, 130, 0.5) 1px, transparent 1px)`,
-  backgroundSize: `16px 16px`,
-  backgroundPosition: `-8px -8px`,
-  padding: 16
-};
-
-<Gapped vertical>
-  <Gapped>
-    <Button use="default">Default</Button>
-    <Button use="primary">Primary</Button>
-    <Button use="success">Success</Button>
-    <Button use="danger">Danger</Button>
-    <Button use="pay">Pay</Button>
-    <Button use="text">Text</Button>
-    <Button use="backless">Backless</Button>
-    <Button use="link">Link</Button>
-  </Gapped>
-  <Gapped style={bgStyle}>
-    <Button use="default">Default</Button>
-    <Button use="primary">Primary</Button>
-    <Button use="success">Success</Button>
-    <Button use="danger">Danger</Button>
-    <Button use="pay">Pay</Button>
-    <Button use="text">Text</Button>
-    <Button use="backless">Backless</Button>
-    <Button use="link">Link</Button>
-  </Gapped>
-</Gapped>
-```
-
-### Иконка
-В кнопку можно передать иконку. Иконка может находиться как слева от текста кнопки, так и справа и даже в обоих позициях одновременно.
-
-```jsx harmony
-import { Button, Gapped } from '@skbkontur/react-ui';
-import { XIcon16Regular } from '@skbkontur/icons/XIcon16Regular';
-
-<Gapped gap={5}>
-  <Button icon={<XIcon16Regular />}>Закрыть</Button>
-  <Button icon={<XIcon16Regular />} rightIcon={<XIcon16Regular />}>Закрыть</Button>
-  <Button rightIcon={<XIcon16Regular />}>Закрыть</Button>
-</Gapped>
-```
-
-### Размер
-
-```jsx harmony
-<div
-  style={{
-    display: "flex",
-    alignItems: "end",
-    gap: '10px',
-  }}
->
-  <Button size="small">Маленькая</Button>
-  <Button size="medium">Средняя</Button>
-  <Button size="large">Большая</Button>
-</div>
-```
-
-### Ширина
-
-```jsx harmony
-<Button width={40}>Закрыть</Button>
-```
-
-### Состояние валидации
-
-```jsx harmony
-import { Gapped, Button } from '@skbkontur/react-ui';
-<Gapped gap={5}>
-  <Button warning>Закрыть</Button>
-  <Button error>Закрыть</Button>
-</Gapped>
-```
-
-### Стрелка
-
-```jsx harmony
-import { Gapped, Button } from '@skbkontur/react-ui';
-
-<Gapped gap={5}>
-  <Button arrow="left" size="medium">
-    Назад
-  </Button>
-  <Button arrow size="medium">
-    Далее
-  </Button>
-</Gapped>
-```
-
-### Состояние загрузки
-
-**Поведение:**
-Кнопка на время нахождения в состоянии загрузки отключается.
-Если в кнопке есть иконка, на время загрузки иконка заменяется на спиннер, если иконки нет — весь контент кнопки заменяется на спиннер. Когда иконки две — заменяется только левая.
-
-```jsx harmony
-import { Button, Gapped } from '@skbkontur/react-ui';
-import { MinusCircleIcon16Light } from '@skbkontur/icons/MinusCircleIcon16Light';
-
-const [loading, setLoading] = React.useState(false);
-
-const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-
-const handleLoadingStart = () => {
-  delay(2000)()
-    .then(() => {
-      setLoading(false);
-    })
-};
-
-const handleClick = () => {
-  setLoading(true);
-  handleLoadingStart();
-};
-
-<Gapped>
-  <Button width={150} onClick={handleClick} loading={loading}>
-    Удалить
-  </Button>
-  <Button icon={<MinusCircleIcon16Light />} width={150} onClick={handleClick} loading={loading}>
-    Удалить
-  </Button>
-  <Button rightIcon={<MinusCircleIcon16Light />} width={150} onClick={handleClick} loading={loading}>
-    Удалить
-  </Button>
-  <Button icon={<MinusCircleIcon16Light />} rightIcon={<MinusCircleIcon16Light />} width={150} onClick={handleClick} loading={loading}>
-    Удалить
-  </Button>
-</Gapped>
-
-```
-
-### Проп темы
-
-```jsx harmony
-import { Button, Gapped } from '@skbkontur/react-ui';
-
-<Gapped>
-  <Button theme={{textColorDefault: '#C00000'}}>Ok</Button>
-  <Button use="link" theme={{linkColor: '#C00000'}}>Ok</Button>
-  <Button>Ok</Button>
-</Gapped>
-```
-
-### Кастомизация кнопки-ссылки
-
-```jsx harmony
-import { Toast } from "@skbkontur/react-ui";
-import { CopyIcon16Regular } from "@skbkontur/icons/CopyIcon16Regular"
-
-const textDecorationStyles = {
-  btnLinkTextUnderlineOffset: '1px',
-}
-
-const underlineOnHoverStyles = {
-  btnLinkTextDecorationColor: 'transparent',
-}
-
-const differentColorStyles = {
-  btnLinkColor: 'blue',
-  btnLinkHoverColor: 'blue',
-  btnLinkActiveColor: 'blue',
-}
-
-const stringify = (styles) => {
-  return `${Object.entries(styles).map(([key, value]) => `${key}: "${value}"`).join(", ")}`
-}
-
-const copyStyles = (styles) => {
-  navigator.clipboard.writeText(stringify(styles));
-  Toast.push('Copied');
-}
-
-const tableStyle = {
-  borderCollapse: 'collapse',
-  width: '100%',
-};
-
-const tdStyle = {
-  border: '1px solid',
-  padding: '8px',
-};
-
-const renderExampleRow = (title, styles) => {
-  return (
-    <tr>
-      <td style={tdStyle}>{title}</td>
-      <td style={tdStyle}><Button use={'link'} theme={styles}>Button-link</Button></td>
-      <td style={tdStyle}>
-        <div style={{display: 'flex'}}>
-          <div style={{width: '80%', whiteSpace: 'pre-line'}}>{stringify(styles).replace(/, /g, '\n')}</div>
-          <Button icon={<CopyIcon16Regular />} use={'text'} onClick={() => copyStyles(styles)}/>
-        </div>
-      </td>
-    </tr>
-  )
-}
-
-<table style={tableStyle}>
-  <tr style={{textAlign: 'left'}}>
-    <th style={tdStyle}></th>
-    <th style={tdStyle}>Пример</th>
-    <th style={tdStyle}>Переменные темы</th>
-  </tr>
-  {renderExampleRow('Ссылка с подчеркиванием без отступа', textDecorationStyles)}
-  {renderExampleRow('Ссылка с подчеркиванием при наведении', underlineOnHoverStyles)}
-  {renderExampleRow('Изменение цвета ссылки', differentColorStyles)}
-</table>
-```
-
-### Узкая Кнопка
-
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-<Button narrow>
-  Создать отчет
-</Button>
-```
-
-### Состояния валидации
-
-```jsx harmony
-import { Button, Gapped } from '@skbkontur/react-ui';
-
-<Gapped gap={5}>
-  <Button warning>
-    Warning
-  </Button>
-  <Button error>
-    Error
-  </Button>
-</Gapped>
-```

package/cjs/components/Button/__creevey__/Button.creevey.d.ts

@@ -1 +0,0 @@
-export {};

package/cjs/components/Button/__creevey__/Button.creevey.js

@@ -1,250 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _creevey = require("creevey");
-
-var buttonTests = function buttonTests() {
-  (0, _creevey.test)('idle', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:_context.t0 =
-          this;_context.next = 3;return this.takeScreenshot();case 3:_context.t1 = _context.sent;_context.next = 6;return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('idle');case 6:case "end":return _context.stop();}}, _callee, this);}))
-  );
-
-  (0, _creevey.test)('hover', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {return _regenerator.default.wrap(function _callee2$(_context2) {while (1) switch (_context2.prev = _context2.next) {case 0:_context2.next = 2;return (
-            this.browser.
-            actions({
-              bridge: true
-            }).
-            move({
-              origin: this.browser.findElement({ css: '[data-tid~="test-button"]' })
-            }).
-            perform());case 2:_context2.t0 =
-          this;_context2.next = 5;return this.takeScreenshot();case 5:_context2.t1 = _context2.sent;_context2.next = 8;return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('hover');case 8:case "end":return _context2.stop();}}, _callee2, this);}))
-  );
-
-  (0, _creevey.test)('pressed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {return _regenerator.default.wrap(function _callee3$(_context3) {while (1) switch (_context3.prev = _context3.next) {case 0:_context3.next = 2;return (
-            this.browser.
-            actions({
-              bridge: true
-            }).
-            move({
-              origin: this.browser.findElement({ css: '[data-tid~="test-button"]' })
-            }).
-            press().
-            perform());case 2:_context3.t0 =
-          this;_context3.next = 5;return this.takeScreenshot();case 5:_context3.t1 = _context3.sent;_context3.next = 8;return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('pressed');case 8:_context3.next = 10;return (
-            this.browser.
-            actions({
-              bridge: true
-            }).
-            release().
-            perform());case 10:case "end":return _context3.stop();}}, _callee3, this);}))
-  );
-
-  (0, _creevey.test)('clicked', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {return _regenerator.default.wrap(function _callee4$(_context4) {while (1) switch (_context4.prev = _context4.next) {case 0:_context4.next = 2;return (
-            this.browser.
-            actions({
-              bridge: true
-            }).
-            click(this.browser.findElement({ css: '[data-tid~="test-button"]' })).
-            perform());case 2:_context4.t0 =
-          this;_context4.next = 5;return this.takeScreenshot();case 5:_context4.t1 = _context4.sent;_context4.next = 8;return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('clicked');case 8:case "end":return _context4.stop();}}, _callee4, this);}))
-  );
-
-  (0, _creevey.test)('tabPress', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {return _regenerator.default.wrap(function _callee5$(_context5) {while (1) switch (_context5.prev = _context5.next) {case 0:_context5.next = 2;return (
-            this.browser.
-            actions({
-              bridge: true
-            }).
-            sendKeys(this.keys.TAB).
-            pause(500).
-            perform());case 2:_context5.t0 =
-          this;_context5.next = 5;return this.takeScreenshot();case 5:_context5.t1 = _context5.sent;_context5.next = 8;return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('tabPress');case 8:case "end":return _context5.stop();}}, _callee5, this);}))
-  );
-};
-
-(0, _creevey.kind)('Button', function () {
-  (0, _creevey.story)('PlaygroundDefault', function (_ref6) {var setStoryParameters = _ref6.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'hover does not work in chrome': {
-          in: ['chrome2022', 'chrome2022Dark'],
-          tests: ['hover', 'pressed', 'clicked']
-        },
-        'focus goes out of page and breaks other tests': { in: /firefox/, tests: 'tabPress' }
-      }
-    });
-
-    buttonTests();
-  });
-
-  (0, _creevey.story)('PlaygroundDisabled', function (_ref7) {var setStoryParameters = _ref7.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'focus goes out of page and breaks other tests': {
-          in: /firefox/,
-          tests: 'tabPress'
-        },
-        'hover does not work in chrome': {
-          in: ['chrome2022', 'chrome2022Dark'],
-          tests: ['hover', 'pressed', 'clicked']
-        }
-      }
-    });
-
-    buttonTests();
-  });
-
-  (0, _creevey.story)('ButtonAsLinkIconColor', function (_ref8) {var setStoryParameters = _ref8.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'focus goes out of page and breaks other tests': {
-          tests: ['pressed', 'clicked', 'tabPress']
-        },
-        'hover does not work in chrome': {
-          in: /^(?!\b(firefox.*)\b)/,
-          tests: ['hover']
-        }
-      }
-    });
-
-    buttonTests();
-  });
-
-  (0, _creevey.story)('BtnTextBgHoverActive', function (_ref9) {var setStoryParameters = _ref9.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'hover does not work in chrome & only 22 dark theme needed': {
-          in: /^(?!\bfirefox2022Dark?\b)/
-        }
-      }
-    });
-
-    (0, _creevey.test)('hover', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {return _regenerator.default.wrap(function _callee6$(_context6) {while (1) switch (_context6.prev = _context6.next) {case 0:_context6.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({ css: '[data-tid~="test-button"]' })
-              }).
-              perform());case 2:_context6.t0 =
-            this;_context6.next = 5;return this.takeScreenshot();case 5:_context6.t1 = _context6.sent;_context6.next = 8;return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('hover');case 8:case "end":return _context6.stop();}}, _callee6, this);}))
-    );
-
-    (0, _creevey.test)('pressed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {return _regenerator.default.wrap(function _callee7$(_context7) {while (1) switch (_context7.prev = _context7.next) {case 0:_context7.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({ css: '[data-tid~="test-button"]' })
-              }).
-              press().
-              perform());case 2:_context7.t0 =
-            this;_context7.next = 5;return this.takeScreenshot();case 5:_context7.t1 = _context7.sent;_context7.next = 8;return _context7.t0.expect.call(_context7.t0, _context7.t1).to.matchImage('pressed');case 8:_context7.next = 10;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              release().
-              perform());case 10:case "end":return _context7.stop();}}, _callee7, this);}))
-    );
-  });
-
-  (0, _creevey.story)('IconAndTextHoverColor', function (_ref12) {var setStoryParameters = _ref12.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'hover does not work in chrome': {
-          in: /^(?!\bfirefox(2022)?\b)/
-        }
-      }
-    });
-
-    (0, _creevey.test)('hover', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {return _regenerator.default.wrap(function _callee8$(_context8) {while (1) switch (_context8.prev = _context8.next) {case 0:_context8.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({
-                  css: '[data-tid~="test-button"]'
-                })
-              }).
-              perform());case 2:_context8.t0 =
-            this;_context8.next = 5;return this.takeScreenshot();case 5:_context8.t1 = _context8.sent;_context8.next = 8;return _context8.t0.expect.call(_context8.t0, _context8.t1).to.matchImage('hover');case 8:case "end":return _context8.stop();}}, _callee8, this);}))
-    );
-  });
-
-  (0, _creevey.story)('HoverTextColor', function (_ref14) {var setStoryParameters = _ref14.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'hover does not work in chrome': {
-          in: /^(?!\bfirefox(2022)?\b)/
-        }
-      }
-    });
-
-    (0, _creevey.test)('hover', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {return _regenerator.default.wrap(function _callee9$(_context9) {while (1) switch (_context9.prev = _context9.next) {case 0:_context9.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({
-                  css: '[data-tid~="test-button"]'
-                })
-              }).
-              perform());case 2:_context9.t0 =
-            this;_context9.next = 5;return this.takeScreenshot();case 5:_context9.t1 = _context9.sent;_context9.next = 8;return _context9.t0.expect.call(_context9.t0, _context9.t1).to.matchImage('hover');case 8:case "end":return _context9.stop();}}, _callee9, this);}))
-    );
-  });
-  (0, _creevey.story)('ArrowDisabled', function (_ref16) {var setStoryParameters = _ref16.setStoryParameters;
-    setStoryParameters({
-      skip: true
-    });
-  });
-  (0, _creevey.story)('UnusedPropValues', function (_ref17) {var setStoryParameters = _ref17.setStoryParameters;
-    setStoryParameters({
-      skip: { 'chrome default and 2022': { in: /^(?!\bchrome(2022)?\b)/ } }
-    });
-  });
-
-  (0, _creevey.story)('BtnBacklessBgHoverActive', function (_ref18) {var setStoryParameters = _ref18.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'hover does not work in chrome & only 22 dark theme needed': {
-          in: /^(?!\bfirefox2022Dark?\b)/
-        }
-      }
-    });
-
-    (0, _creevey.test)('hover', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {return _regenerator.default.wrap(function _callee10$(_context10) {while (1) switch (_context10.prev = _context10.next) {case 0:_context10.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({
-                  css: '[data-tid~="test-button"]'
-                })
-              }).
-              perform());case 2:_context10.t0 =
-            this;_context10.next = 5;return this.takeScreenshot();case 5:_context10.t1 = _context10.sent;_context10.next = 8;return _context10.t0.expect.call(_context10.t0, _context10.t1).to.matchImage('hover');case 8:case "end":return _context10.stop();}}, _callee10, this);}))
-    );
-
-    (0, _creevey.test)('pressed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {return _regenerator.default.wrap(function _callee11$(_context11) {while (1) switch (_context11.prev = _context11.next) {case 0:_context11.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({ css: '[data-tid~="test-button"]' })
-              }).
-              press().
-              perform());case 2:_context11.t0 =
-            this;_context11.next = 5;return this.takeScreenshot();case 5:_context11.t1 = _context11.sent;_context11.next = 8;return _context11.t0.expect.call(_context11.t0, _context11.t1).to.matchImage('pressed');case 8:_context11.next = 10;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              release().
-              perform());case 10:case "end":return _context11.stop();}}, _callee11, this);}))
-    );
-  });
-});

package/cjs/components/Button/__creevey__/Button.creevey.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_creevey","require","buttonTests","test","_asyncToGenerator2","default","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop","_callee2","_callee2$","_context2","browser","actions","bridge","move","origin","findElement","css","perform","_callee3","_callee3$","_context3","press","release","_callee4","_callee4$","_context4","click","_callee5","_callee5$","_context5","sendKeys","keys","TAB","pause","kind","story","_ref6","setStoryParameters","skip","in","tests","_ref7","_ref8","_ref9","_callee6","_callee6$","_context6","_callee7","_callee7$","_context7","_ref12","_callee8","_callee8$","_context8","_ref14","_callee9","_callee9$","_context9","_ref16","_ref17","_ref18","_callee10","_callee10$","_context10","_callee11","_callee11$","_context11"],"sources":["Button.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nconst buttonTests = () => {\n  test('idle', async function () {\n    await this.expect(await this.takeScreenshot()).to.matchImage('idle');\n  });\n\n  test('hover', async function () {\n    await this.browser\n      .actions({\n        bridge: true,\n      })\n      .move({\n        origin: this.browser.findElement({ css: '[data-tid~=\"test-button\"]' }),\n      })\n      .perform();\n    await this.expect(await this.takeScreenshot()).to.matchImage('hover');\n  });\n\n  test('pressed', async function () {\n    await this.browser\n      .actions({\n        bridge: true,\n      })\n      .move({\n        origin: this.browser.findElement({ css: '[data-tid~=\"test-button\"]' }),\n      })\n      .press()\n      .perform();\n    await this.expect(await this.takeScreenshot()).to.matchImage('pressed');\n    await this.browser\n      .actions({\n        bridge: true,\n      })\n      .release()\n      .perform();\n  });\n\n  test('clicked', async function () {\n    await this.browser\n      .actions({\n        bridge: true,\n      })\n      .click(this.browser.findElement({ css: '[data-tid~=\"test-button\"]' }))\n      .perform();\n    await this.expect(await this.takeScreenshot()).to.matchImage('clicked');\n  });\n\n  test('tabPress', async function () {\n    await this.browser\n      .actions({\n        bridge: true,\n      })\n      .sendKeys(this.keys.TAB)\n      .pause(500)\n      .perform();\n    await this.expect(await this.takeScreenshot()).to.matchImage('tabPress');\n  });\n};\n\nkind('Button', () => {\n  story('PlaygroundDefault', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'hover does not work in chrome': {\n          in: ['chrome2022', 'chrome2022Dark'],\n          tests: ['hover', 'pressed', 'clicked'],\n        },\n        'focus goes out of page and breaks other tests': { in: /firefox/, tests: 'tabPress' },\n      },\n    });\n\n    buttonTests();\n  });\n\n  story('PlaygroundDisabled', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'focus goes out of page and breaks other tests': {\n          in: /firefox/,\n          tests: 'tabPress',\n        },\n        'hover does not work in chrome': {\n          in: ['chrome2022', 'chrome2022Dark'],\n          tests: ['hover', 'pressed', 'clicked'],\n        },\n      },\n    });\n\n    buttonTests();\n  });\n\n  story('ButtonAsLinkIconColor', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'focus goes out of page and breaks other tests': {\n          tests: ['pressed', 'clicked', 'tabPress'],\n        },\n        'hover does not work in chrome': {\n          in: /^(?!\\b(firefox.*)\\b)/,\n          tests: ['hover'],\n        },\n      },\n    });\n\n    buttonTests();\n  });\n\n  story('BtnTextBgHoverActive', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'hover does not work in chrome & only 22 dark theme needed': {\n          in: /^(?!\\bfirefox2022Dark?\\b)/,\n        },\n      },\n    });\n\n    test('hover', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({ css: '[data-tid~=\"test-button\"]' }),\n        })\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('hover');\n    });\n\n    test('pressed', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({ css: '[data-tid~=\"test-button\"]' }),\n        })\n        .press()\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('pressed');\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .release()\n        .perform();\n    });\n  });\n\n  story('IconAndTextHoverColor', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'hover does not work in chrome': {\n          in: /^(?!\\bfirefox(2022)?\\b)/,\n        },\n      },\n    });\n\n    test('hover', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({\n            css: '[data-tid~=\"test-button\"]',\n          }),\n        })\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('hover');\n    });\n  });\n\n  story('HoverTextColor', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'hover does not work in chrome': {\n          in: /^(?!\\bfirefox(2022)?\\b)/,\n        },\n      },\n    });\n\n    test('hover', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({\n            css: '[data-tid~=\"test-button\"]',\n          }),\n        })\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('hover');\n    });\n  });\n  story('ArrowDisabled', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: true,\n    });\n  });\n  story('UnusedPropValues', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'chrome default and 2022': { in: /^(?!\\bchrome(2022)?\\b)/ } },\n    });\n  });\n\n  story('BtnBacklessBgHoverActive', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'hover does not work in chrome & only 22 dark theme needed': {\n          in: /^(?!\\bfirefox2022Dark?\\b)/,\n        },\n      },\n    });\n\n    test('hover', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({\n            css: '[data-tid~=\"test-button\"]',\n          }),\n        })\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('hover');\n    });\n\n    test('pressed', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({ css: '[data-tid~=\"test-button\"]' }),\n        })\n        .press()\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('pressed');\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .release()\n        .perform();\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Button/__docs__/Button.mdx

@@ -1,28 +0,0 @@
-import * as ButtonStories from './Button.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={ButtonStories} />
-
-# Button
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/button)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=200%3A2498)
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />