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

package/components/Sticky/__creevey__/Sticky.creevey/Sticky.creevey.js

@@ -1,215 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { story, kind, test } from 'creevey';
-import { delay } from "../../../../lib/utils";
-kind('Sticky', function () {
-  story('WideContainer', function () {
-    test('fixed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return this.browser.executeScript(function () {
-              var stickyContent = window.document.querySelector('[data-tid="stickyContent"]');
-              var nonStickyText = window.document.querySelector('[data-tid="nonStickyText"]');
-              var scrollXOffset = nonStickyText.getBoundingClientRect().width / 2;
-              var scrollYOffset = stickyContent.getBoundingClientRect().height / 2;
-              window.scrollTo(scrollXOffset, scrollYOffset);
-            });
-          case 2:
-            _context.next = 4;
-            return delay(1000);
-          case 4:
-            _context.t0 = this;
-            _context.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context.t1 = _context.sent;
-            _context.next = 10;
-            return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('fixed');
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, this);
-    })));
-  });
-  story('Top', function () {
-    test('top', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return delay(1000);
-          case 2:
-            _context2.t0 = this;
-            _context2.next = 5;
-            return this.browser.takeScreenshot();
-          case 5:
-            _context2.t1 = _context2.sent;
-            _context2.next = 8;
-            return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('top');
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, this);
-    })));
-    test('fixed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.next = 2;
-            return this.browser.executeScript(function () {
-              var stickyStop = window.document.querySelector('[data-tid="stickyStop"]');
-              var scrollOffset = stickyStop.getBoundingClientRect().top - window.innerHeight / 2;
-              window.scrollTo(0, scrollOffset);
-            });
-          case 2:
-            _context3.next = 4;
-            return delay(1000);
-          case 4:
-            _context3.t0 = this;
-            _context3.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context3.t1 = _context3.sent;
-            _context3.next = 10;
-            return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('fixed');
-          case 10:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, this);
-    })));
-    test('stoped', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            _context4.next = 2;
-            return this.browser.executeScript(function () {
-              var stickyStop = window.document.querySelector('[data-tid="stickyStop"]');
-              stickyStop.scrollIntoView();
-            });
-          case 2:
-            _context4.next = 4;
-            return this.browser.executeScript(function () {
-              var stickyContent = window.document.querySelector('[data-tid="stickyContent"]');
-              var scrollOffset = pageYOffset - stickyContent.getBoundingClientRect().height / 2;
-              window.scrollTo(0, scrollOffset);
-            });
-          case 4:
-            _context4.next = 6;
-            return delay(1000);
-          case 6:
-            _context4.t0 = this;
-            _context4.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            _context4.t1 = _context4.sent;
-            _context4.next = 12;
-            return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('stoped');
-          case 12:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4, this);
-    })));
-  });
-  story('Bottom', function (_ref5) {
-    var setStoryParameters = _ref5.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'flacky stopped position': {
-          "in": ['firefox', 'firefox8px', 'firefoxDark'],
-          tests: 'stoped'
-        }
-      }
-    });
-    test('bottom', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            _context5.next = 2;
-            return this.browser.executeScript(function () {
-              window.scrollTo(0, 9999);
-            });
-          case 2:
-            _context5.next = 4;
-            return delay(1000);
-          case 4:
-            _context5.t0 = this;
-            _context5.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context5.t1 = _context5.sent;
-            _context5.next = 10;
-            return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('bottom');
-          case 10:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5, this);
-    })));
-    test('fixed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            _context6.next = 2;
-            return this.browser.executeScript(function () {
-              var sticky = window.document.querySelector('[data-comp-name~="Sticky"]');
-              var scrollOffset = sticky.getBoundingClientRect().top - window.innerHeight;
-              window.scrollTo(0, scrollOffset);
-            });
-          case 2:
-            _context6.next = 4;
-            return delay(1000);
-          case 4:
-            _context6.t0 = this;
-            _context6.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context6.t1 = _context6.sent;
-            _context6.next = 10;
-            return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('fixed');
-          case 10:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, this);
-    })));
-    test('stoped', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            _context7.next = 2;
-            return this.browser.executeScript(function () {
-              var stickyStop = window.document.querySelector('[data-tid="stickyStop"]');
-              stickyStop.scrollIntoView(false);
-            });
-          case 2:
-            _context7.next = 4;
-            return this.browser.executeScript(function () {
-              var stickyContent = window.document.querySelector('[data-tid="stickyContent"]');
-              var scrollOffset = pageYOffset + stickyContent.getBoundingClientRect().height / 2;
-              window.scrollTo(0, scrollOffset);
-            });
-          case 4:
-            _context7.next = 6;
-            return delay(1000);
-          case 6:
-            _context7.t0 = this;
-            _context7.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            _context7.t1 = _context7.sent;
-            _context7.next = 12;
-            return _context7.t0.expect.call(_context7.t0, _context7.t1).to.matchImage('fixed');
-          case 12:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee7, this);
-    })));
-  });
-});

package/components/Sticky/__creevey__/Sticky.creevey/Sticky.creevey.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","kind","test","delay","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","browser","executeScript","stickyContent","window","document","querySelector","nonStickyText","scrollXOffset","getBoundingClientRect","width","scrollYOffset","height","scrollTo","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop","_callee2","_callee2$","_context2","_callee3","_callee3$","_context3","stickyStop","scrollOffset","top","innerHeight","_callee4","_callee4$","_context4","scrollIntoView","pageYOffset","_ref5","setStoryParameters","skip","tests","_callee5","_callee5$","_context5","_callee6","_callee6$","_context6","sticky","_callee7","_callee7$","_context7"],"sources":["Sticky.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nimport { delay } from '../../../lib/utils';\n\nkind('Sticky', () => {\n  story('WideContainer', () => {\n    test('fixed', async function () {\n      await this.browser.executeScript(function () {\n        const stickyContent = window.document.querySelector('[data-tid=\"stickyContent\"]') as HTMLElement;\n        const nonStickyText = window.document.querySelector('[data-tid=\"nonStickyText\"]') as HTMLElement;\n        const scrollXOffset = nonStickyText.getBoundingClientRect().width / 2;\n        const scrollYOffset = stickyContent.getBoundingClientRect().height / 2;\n\n        window.scrollTo(scrollXOffset, scrollYOffset);\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('fixed');\n    });\n  });\n\n  story('Top', () => {\n    test('top', async function () {\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('top');\n    });\n\n    test('fixed', async function () {\n      await this.browser.executeScript(function () {\n        const stickyStop = window.document.querySelector('[data-tid=\"stickyStop\"]') as HTMLElement;\n        const scrollOffset = stickyStop.getBoundingClientRect().top - window.innerHeight / 2;\n\n        window.scrollTo(0, scrollOffset);\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('fixed');\n    });\n\n    test('stoped', async function () {\n      await this.browser.executeScript(function () {\n        const stickyStop = window.document.querySelector('[data-tid=\"stickyStop\"]') as HTMLElement;\n        stickyStop.scrollIntoView();\n      });\n      await this.browser.executeScript(function () {\n        const stickyContent = window.document.querySelector('[data-tid=\"stickyContent\"]') as HTMLElement;\n        const scrollOffset = pageYOffset - stickyContent.getBoundingClientRect().height / 2;\n\n        window.scrollTo(0, scrollOffset);\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('stoped');\n    });\n  });\n\n  story('Bottom', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'flacky stopped position': {\n          in: ['firefox', 'firefox8px', 'firefoxDark'],\n          tests: 'stoped',\n        },\n      },\n    });\n\n    test('bottom', async function () {\n      await this.browser.executeScript(function () {\n        window.scrollTo(0, 9999);\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('bottom');\n    });\n\n    test('fixed', async function () {\n      await this.browser.executeScript(function () {\n        const sticky = window.document.querySelector('[data-comp-name~=\"Sticky\"]') as HTMLElement;\n        const scrollOffset = sticky.getBoundingClientRect().top - window.innerHeight;\n\n        window.scrollTo(0, scrollOffset);\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('fixed');\n    });\n\n    test('stoped', async function () {\n      await this.browser.executeScript(function () {\n        const stickyStop = window.document.querySelector('[data-tid=\"stickyStop\"]') as HTMLElement;\n        stickyStop.scrollIntoView(false);\n      });\n      await this.browser.executeScript(function () {\n        const stickyContent = window.document.querySelector('[data-tid=\"stickyContent\"]') as HTMLElement;\n        const scrollOffset = pageYOffset + stickyContent.getBoundingClientRect().height / 2;\n\n        window.scrollTo(0, scrollOffset);\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('fixed');\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Sticky/__creevey__/Sticky.creevey/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/Sticky/__creevey__/Sticky.creevey.js",
-  "module": "Sticky.creevey",
-  "types": "../Sticky.creevey.d.ts",
-  "sideEffects": false
-}

package/components/Sticky/__creevey__/Sticky.creevey.d.ts

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

package/components/Sticky/__docs__/Sticky.mdx

@@ -1,24 +0,0 @@
-import * as StickyStories from './Sticky.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={StickyStories} />
-
-# Sticky
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/components/Switcher/Switcher.md

@@ -1,111 +0,0 @@
-### Базовый пример
-```jsx harmony
-const [value, setValue] = React.useState();
-
-<Switcher
-  caption="Switch the switcher"
-  items={['One', 'Two', 'Three']}
-  value={value}
-  onValueChange={setValue}
-/>;
-```
-
-### items в виде объектов
-Случай, когда `items` принимает объект типа `{ label: string, value: string }`
-
-```jsx harmony
-const [value, setValue] = React.useState();
-const items = [
-  {
-    label: 'One',
-    value: '111',
-  },
-  {
-    label: 'Two',
-    value: '222',
-  },
-  {
-    label: 'Three',
-    value: '333',
-  }
-];
-
-<Switcher
-  caption="Switch the switcher"
-  items={items}
-  value={value}
-  onValueChange={setValue}
-/>;
-```
-
-### Кастомизация кнопки
-Вариант `items` с полем `buttonProps`, который позволяет кастомизировать кнопку
-
-```jsx harmony
-const [value, setValue] = React.useState();
-const items = [
-  {
-    label: 'One',
-    value: '111',
-    buttonProps: {
-      'data-tid': "1-1-1",
-      disabled: true,
-    }
-  },
-  {
-    label: 'Three',
-    value: '333',
-    buttonProps: {
-      'data-tid': "1-1-1",
-      use: "primary",
-    }
-  },
-  {
-    label: 'Two',
-    value: '222',
-    buttonProps: {
-      'data-tid': "1-1-1",
-      arrow: true,
-    }
-  }
-];
-
-<Switcher
-  caption="Switch the switcher"
-  items={items}
-  value={value}
-  onValueChange={setValue}
-/>;
-```
-
-### Кастомизация items
-Пример с методом `renderItem` для кастомизации `items`:
-
-```jsx harmony
-import {Hint, Tooltip} from '@skbkontur/react-ui';
-
-const [value, setValue] = React.useState();
-const items = ['One', 'Two', 'Three'];
-
-const renderItem = (label, value, buttonProps, renderDefault) => {
-  if (value === 'One') {
-    return <Hint pos="bottom" text="Подсказка" opened manual>{renderDefault()}</Hint>;
-  }
-  if (value === 'Three') {
-    return (
-      <Tooltip pos="right middle" trigger="opened" render={() => 'Тултип'}>
-        {renderDefault()}
-      </Tooltip>
-    );
-  }
-  return renderDefault();
-}
-
-<Switcher
-  caption="Switch the switcher"
-  items={items}
-  value={value}
-  onValueChange={setValue}
-  renderItem={renderItem}
-/>;
-```

package/components/Switcher/__creevey__/Switcher.creevey/Switcher.creevey.js

@@ -1,58 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { story, kind, test } from 'creevey';
-kind('Switcher', function () {
-  story('Horizontal', function () {
-    test('idle', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.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);
-    })));
-    test('clicked', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="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('clicked');
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, this);
-    })));
-  });
-  story('WithCustomRenderItems', function (_ref3) {
-    var setStoryParameters = _ref3.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'chrome only': {
-          "in": /^(?!\bchrome2022\b)/
-        }
-      }
-    });
-  });
-});

package/components/Switcher/__creevey__/Switcher.creevey/Switcher.creevey.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["story","kind","test","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop","_callee2","_callee2$","_context2","browser","actions","bridge","click","findElement","css","perform","_ref3","setStoryParameters","skip"],"sources":["Switcher.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nkind('Switcher', () => {\n  story('Horizontal', () => {\n    test('idle', async function () {\n      await this.expect(await this.takeScreenshot()).to.matchImage('idle');\n    });\n\n    test('clicked', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '[data-comp-name~=\"Button\"]' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('clicked');\n    });\n  });\n  story('WithCustomRenderItems', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'chrome only': { in: /^(?!\\bchrome2022\\b)/ } },\n    });\n  });\n});\n"],"mappings":"yIAAA,SAASA,KAAK,EAAEC,IAAI,EAAEC,IAAI,QAAQ,SAAS;;AAE3CD,IAAI,CAAC,UAAU,EAAE,YAAM;EACrBD,KAAK,CAAC,YAAY,EAAE,YAAM;IACxBE,IAAI,CAAC,MAAM,eAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAC,QAAA,UAAAF,mBAAA,CAAAG,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA,UAAAF,QAAA,CAAAG,EAAA;YACL,IAAI,CAAAH,QAAA,CAAAE,IAAA,YAAc,IAAI,CAACE,cAAc,CAAC,CAAC,QAAAJ,QAAA,CAAAK,EAAA,GAAAL,QAAA,CAAAM,IAAA,CAAAN,QAAA,CAAAE,IAAA,YAAAF,QAAA,CAAAG,EAAA,CAAlCI,MAAM,CAAAC,IAAA,CAAAR,QAAA,CAAAG,EAAA,EAAAH,QAAA,CAAAK,EAAA,EAA8BI,EAAE,CAACC,UAAU,CAAC,MAAM,2BAAAV,QAAA,CAAAW,IAAA,OAAAd,OAAA,SACpE;IAAA,CAAC;;IAEFJ,IAAI,CAAC,SAAS,eAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAgB,SAAA,UAAAjB,mBAAA,CAAAG,IAAA,UAAAe,UAAAC,SAAA,qBAAAA,SAAA,CAAAb,IAAA,GAAAa,SAAA,CAAAZ,IAAA,UAAAY,SAAA,CAAAZ,IAAA;cACR,IAAI,CAACa,OAAO;cACfC,OAAO,CAAC;gBACPC,MAAM,EAAE;cACV,CAAC,CAAC;cACDC,KAAK,CAAC,IAAI,CAACH,OAAO,CAACI,WAAW,CAAC,EAAEC,GAAG,EAAE,4BAA4B,CAAC,CAAC,CAAC,CAAC;cACtEC,OAAO,CAAC,CAAC,SAAAP,SAAA,CAAAX,EAAA;YACN,IAAI,CAAAW,SAAA,CAAAZ,IAAA,YAAc,IAAI,CAACE,cAAc,CAAC,CAAC,QAAAU,SAAA,CAAAT,EAAA,GAAAS,SAAA,CAAAR,IAAA,CAAAQ,SAAA,CAAAZ,IAAA,YAAAY,SAAA,CAAAX,EAAA,CAAlCI,MAAM,CAAAC,IAAA,CAAAM,SAAA,CAAAX,EAAA,EAAAW,SAAA,CAAAT,EAAA,EAA8BI,EAAE,CAACC,UAAU,CAAC,SAAS,2BAAAI,SAAA,CAAAH,IAAA,OAAAC,QAAA,SACvE;IAAA,CAAC;EACJ,CAAC,CAAC;EACFrB,KAAK,CAAC,uBAAuB,EAAE,UAAA+B,KAAA,EAA4B,KAAzBC,kBAAkB,GAAAD,KAAA,CAAlBC,kBAAkB;IAClDA,kBAAkB,CAAC;MACjBC,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,MAAI,qBAAqB,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/Switcher/__creevey__/Switcher.creevey/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/Switcher/__creevey__/Switcher.creevey.js",
-  "module": "Switcher.creevey",
-  "types": "../Switcher.creevey.d.ts",
-  "sideEffects": false
-}

package/components/Switcher/__creevey__/Switcher.creevey.d.ts

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

package/components/Switcher/__docs__/Switcher.mdx

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

package/components/Tabs/Tab.md

@@ -1,73 +0,0 @@
-У компонента `<Tabs.Tab />` есть несколько визуальных состояний, в которых компонент может находиться: `primary`, `success`, `warning` и `error`. Чтобы перевести контрол в нужное состояние передайте компоненту булевый проп с соответсвующим названием.
-
-### Кастомизация
-Используя переменные `tabColorPrimary`, `tabColorSuccess`, `tabColorWarning` и `tabColorError` можно изменить активный цвет состояния, а библиотека автоматически подберёт цвет подчёркивания при наведении.
-```jsx harmony
-import { ThemeContext, ThemeFactory, Button, Tabs } from '@skbkontur/react-ui';
-
-const getRandomColor = () => '#' + Math.random().toString(16).substr(-6);
-const updateColors = () => {
-  return {
-    tabColorPrimary: getRandomColor(),
-    tabColorSuccess: getRandomColor(),
-    tabColorWarning: getRandomColor(),
-    tabColorError: getRandomColor(),
-  }
-};
-
-const [activeBase, setActiveBase] = React.useState('error');
-const [activeRandom, setActiveRandom] = React.useState('error');
-const [colors, setColors] = React.useState(updateColors());
-
-<>
-  <p style={{ fontSize: '17px' }}>C цветами по умолчанию</p>
-  <Tabs value={activeBase} onValueChange={setActiveBase}>
-    <Tabs.Tab primary id="primary">Primary</Tabs.Tab>
-    <Tabs.Tab success id="success">Success</Tabs.Tab>
-    <Tabs.Tab warning id="warning">Warning</Tabs.Tab>
-    <Tabs.Tab error id="error">Error</Tabs.Tab>
-  </Tabs>
-
-  <p style={{ fontSize: '17px' }}>Со случайным основным цветом</p>
-  <div style={{ display: 'inline-flex', flexDirection: 'column', justifyContent: 'space-between', height: '100px' }}>
-    <ThemeContext.Consumer>
-      {(theme) => {
-        return (
-          <ThemeContext.Provider
-            value={ThemeFactory.create(colors,theme)}
-          >
-            <Tabs value={activeRandom} onValueChange={setActiveRandom}>
-            <Tabs.Tab primary id="primary">Primary</Tabs.Tab>
-            <Tabs.Tab success id="success">Success</Tabs.Tab>
-            <Tabs.Tab warning id="warning">Warning</Tabs.Tab>
-            <Tabs.Tab error id="error">Error</Tabs.Tab>
-          </Tabs>
-          </ThemeContext.Provider>
-        );
-      }}
-    </ThemeContext.Consumer>
-    <Button onClick={() => setColors(updateColors)}>Получить новый набор цветов</Button>
-  </div>
-</>
-```
-
-### Изменение корневого компонента Tab
-С помощью пропа `component` можно изменять корневой элемент `<Tab />`.
-
-Проп может принимать: компоненты, функции и строки.
-```jsx harmony
-import { Tabs } from '@skbkontur/react-ui';
-
-const [active, setActive] = React.useState('/fuji');
-
-const NavLink = props => <a {...props} />;
-
-<Tabs value={active} onValueChange={setActive}>
-  {/** Кастомный компонент **/}
-  <Tabs.Tab  component={(props) => <NavLink {...props} />} id="/fuji">🌋 Fuji</Tabs.Tab>
-  {/** Функция **/}
-  <Tabs.Tab component={(props) => <a {...props} />} id="/tahat">⛰ Tahat</Tabs.Tab>
-  {/** Строка **/}
-  <Tabs.Tab component="a" id="/alps">🗻 Alps</Tabs.Tab>
-</Tabs>;
-```

package/components/Tabs/Tabs.md

@@ -1,54 +0,0 @@
-### Базовый пример
-```jsx harmony
-const [active, setActive] = React.useState('fuji');
-
-<Tabs value={active} onValueChange={setActive}>
-  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-</Tabs>;
-```
-
-### Расположение табов
-Компонент может отображать табы двумя способами: горизонтально (по умолчанию) и вертикально.
-```jsx harmony
-const [active, setActive] = React.useState('fuji');
-
-<Tabs vertical value={active} onValueChange={setActive}>
-  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-</Tabs>;
-```
-
-### Размер
-```jsx harmony
-const [active, setActive] = React.useState('fuji');
-const renderCaption = (caption) => <span style={{display: "inline-block", width: 60}}>{caption}</span>;
-<div>
-  <div>
-    {renderCaption("small")}
-    <Tabs value={active} onValueChange={setActive} size="small">
-      <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-      <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-      <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-    </Tabs>
-  </div>
-  <div>
-    {renderCaption("medium")}
-    <Tabs value={active} onValueChange={setActive} size="medium">
-      <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-      <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-      <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-    </Tabs>
-  </div>
-  <div>
-    {renderCaption("large")}
-    <Tabs value={active} onValueChange={setActive} size="large">
-      <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-      <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-      <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-    </Tabs>
-  </div>
-</div>;
-```