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

package/components/FileUploader/FileUploader.md

@@ -1,108 +0,0 @@
-Контрол загрузки файлов.
-Можно использовать для синхронной отправки данных, например, в форме.
-Или же можно использовать в асинхронном режиме.
-
-### Синхронный контрол
-```jsx harmony
-import { FileUploader } from '@skbkontur/react-ui';
-
-<FileUploader  />
-```
-
-### Асинхронный контрол
-```jsx harmony
-import { FileUploader } from '@skbkontur/react-ui';
-
-const request = () => Promise.resolve();
-
-<FileUploader request={request} />
-```
-
-### Multiple контрол
-```jsx harmony
-import { FileUploader } from '@skbkontur/react-ui';
-
-const request = () => Promise.reject();
-
-<FileUploader request={request} multiple />
-```
-
-### Файлы по умолчанию
-```jsx harmony
-import { FileUploader } from '@skbkontur/react-ui';
-
-function createFile(filename, content) {
-  return new File(['content'], filename, { type: 'text/plain' });
-};
-
-const initialFiles = [createFile('test1.txt'), createFile('test2.txt')];
-<FileUploader multiple initialFiles={initialFiles} />
-```
-
-### Файлы по умолчанию с кастомизацией рендеринга
-```jsx harmony
-import { cloneElement } from 'react';
-import { FileUploader } from '@skbkontur/react-ui';
-
-function createFile(filename, content) {
-  return new File(['content'], filename, { type: 'text/plain' });
-};
-
-const initialFiles = [createFile('test1.txt'), createFile('test2.txt')];
-<FileUploader
-  multiple
-  initialFiles={initialFiles}
-  renderFile={(file, fileNode) => cloneElement(fileNode, { showSize: false })}
-/>
-```
-
-### Использование `accept`
-```jsx harmony
-import { FileUploader } from '@skbkontur/react-ui';
-
-<FileUploader multiple accept="image/*" />
-```
-
-### Валидация файла в списке
-```jsx harmony
-import { FileUploader } from '@skbkontur/react-ui';
-
-<FileUploader
-  multiple
-  validateBeforeUpload={({ originalFile }) => {
-    return Promise.resolve(`У файла ${originalFile.name} неверный формат`);
-  }}
-/>;
-```
-
-### Валидация контрола
-```jsx harmony
-import { FileUploader } from '@skbkontur/react-ui';
-
-<FileUploader multiple error />
-```
-
-### Локали по умолчанию
-
-```typescript static
-interface FileUploaderLocale {
-  chooseFile: string;
-  choosedFile: string;
-  orDragHere: string;
-  requestErrorText: string;
-}
-
-const ru_RU = {
-  chooseFile: 'Выберите файл',
-  choosedFile: 'Выбран файл',
-  orDragHere: 'или перетащите сюда',
-  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',
-};
-
-const en_GB = {
-  chooseFile: 'Select a file',
-  choosedFile: 'File selected',
-  orDragHere: 'or drag here',
-  requestErrorText: 'The file could not be uploaded to the server, please try again later',
-};
-```

package/components/FileUploader/__docs__/FileUploader.mdx

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

package/components/FxInput/FxInput.md

@@ -1,31 +0,0 @@
-### Базовый пример
-```jsx harmony
-const [auto, setAuto] = React.useState(false);
-const [value, setValue] = React.useState();
-
-function handleValueChange(value) {
-  setAuto(false);
-  setValue(value);
-}
-
-function handleRestore() {
-  setAuto(true);
-  setValue('auto');
-}
-
-<FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
-```
-
-### Очистка значения
-Очистить значение в `FxInput`'е можно с помощью пустой строки или `undefined`
-```jsx harmony
-import { Group, Button } from '@skbkontur/react-ui';
-
-const [value, setValue] = React.useState(12345);
-
-<Group>
-  <FxInput value={value} onValueChange={setValue} />
-  <Button onClick={() => setValue(undefined)}>Undefined</Button>
-  <Button onClick={() => setValue('')}>Пустая строка</Button>
-</Group>
-```

package/components/FxInput/__creevey__/FxInput.creevey/FxInput.creevey.js

@@ -1,62 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { story, kind, test } from 'creevey';
-kind('FxInput', function () {
-  story('WithWidthStory', function () {
-    test('inside auto container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var element;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return this.browser.findElement({
-              css: '[data-tid="container"]'
-            });
-          case 2:
-            element = _context.sent;
-            _context.t0 = this;
-            _context.next = 6;
-            return element.takeScreenshot();
-          case 6:
-            _context.t1 = _context.sent;
-            _context.next = 9;
-            return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('inside auto container');
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, this);
-    })));
-    test('inside fixed container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var element;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return this.browser.findElement({
-              css: '[data-tid="container"]'
-            });
-          case 2:
-            element = _context2.sent;
-            _context2.next = 5;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '#toggle-width'
-            })).perform();
-          case 5:
-            _context2.t0 = this;
-            _context2.next = 8;
-            return element.takeScreenshot();
-          case 8:
-            _context2.t1 = _context2.sent;
-            _context2.next = 11;
-            return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('inside fixed container');
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, this);
-    })));
-  });
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["story","kind","test","_asyncToGenerator","_regeneratorRuntime","mark","_callee","element","wrap","_callee$","_context","prev","next","browser","findElement","css","sent","t0","takeScreenshot","t1","expect","call","to","matchImage","stop","_callee2","_callee2$","_context2","actions","bridge","click","perform"],"sources":["FxInput.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nkind('FxInput', () => {\n  story('WithWidthStory', () => {\n    test('inside auto container', async function () {\n      const element = await this.browser.findElement({ css: '[data-tid=\"container\"]' });\n      await this.expect(await element.takeScreenshot()).to.matchImage('inside auto container');\n    });\n\n    test('inside fixed container', async function () {\n      const element = await this.browser.findElement({ css: '[data-tid=\"container\"]' });\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#toggle-width' }))\n        .perform();\n      await this.expect(await element.takeScreenshot()).to.matchImage('inside fixed container');\n    });\n  });\n});\n"],"mappings":"yIAAA,SAASA,KAAK,EAAEC,IAAI,EAAEC,IAAI,QAAQ,SAAS;;AAE3CD,IAAI,CAAC,SAAS,EAAE,YAAM;EACpBD,KAAK,CAAC,gBAAgB,EAAE,YAAM;IAC5BE,IAAI,CAAC,uBAAuB,eAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAC,QAAA,OAAAC,OAAA,QAAAH,mBAAA,CAAAI,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA,UAAAF,QAAA,CAAAE,IAAA;cACN,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,EAAEC,GAAG,EAAE,wBAAwB,CAAC,CAAC,CAAC,SAA3ER,OAAO,GAAAG,QAAA,CAAAM,IAAA,CAAAN,QAAA,CAAAO,EAAA;YACP,IAAI,CAAAP,QAAA,CAAAE,IAAA,YAAcL,OAAO,CAACW,cAAc,CAAC,CAAC,QAAAR,QAAA,CAAAS,EAAA,GAAAT,QAAA,CAAAM,IAAA,CAAAN,QAAA,CAAAE,IAAA,YAAAF,QAAA,CAAAO,EAAA,CAArCG,MAAM,CAAAC,IAAA,CAAAX,QAAA,CAAAO,EAAA,EAAAP,QAAA,CAAAS,EAAA,EAAiCG,EAAE,CAACC,UAAU,CAAC,uBAAuB,2BAAAb,QAAA,CAAAc,IAAA,OAAAlB,OAAA,SACxF;IAAA,CAAC;;IAEFJ,IAAI,CAAC,wBAAwB,eAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAoB,SAAA,OAAAlB,OAAA,QAAAH,mBAAA,CAAAI,IAAA,UAAAkB,UAAAC,SAAA,qBAAAA,SAAA,CAAAhB,IAAA,GAAAgB,SAAA,CAAAf,IAAA,UAAAe,SAAA,CAAAf,IAAA;cACP,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,EAAEC,GAAG,EAAE,wBAAwB,CAAC,CAAC,CAAC,SAA3ER,OAAO,GAAAoB,SAAA,CAAAX,IAAA,CAAAW,SAAA,CAAAf,IAAA;cACP,IAAI,CAACC,OAAO;cACfe,OAAO,CAAC;gBACPC,MAAM,EAAE;cACV,CAAC,CAAC;cACDC,KAAK,CAAC,IAAI,CAACjB,OAAO,CAACC,WAAW,CAAC,EAAEC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;cACzDgB,OAAO,CAAC,CAAC,SAAAJ,SAAA,CAAAV,EAAA;YACN,IAAI,CAAAU,SAAA,CAAAf,IAAA,YAAcL,OAAO,CAACW,cAAc,CAAC,CAAC,QAAAS,SAAA,CAAAR,EAAA,GAAAQ,SAAA,CAAAX,IAAA,CAAAW,SAAA,CAAAf,IAAA,aAAAe,SAAA,CAAAV,EAAA,CAArCG,MAAM,CAAAC,IAAA,CAAAM,SAAA,CAAAV,EAAA,EAAAU,SAAA,CAAAR,EAAA,EAAiCG,EAAE,CAACC,UAAU,CAAC,wBAAwB,4BAAAI,SAAA,CAAAH,IAAA,OAAAC,QAAA,SACzF;IAAA,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/FxInput/__creevey__/FxInput.creevey/package.json

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

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

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

package/components/FxInput/__docs__/FxInput.mdx

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

package/components/Gapped/Gapped.md

@@ -1,44 +0,0 @@
-### Вывод элементов с горизонтальным расположением
-
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-<Gapped gap={20}>
-  <Button use="primary">Сохранить</Button>
-  <Button>Отмена</Button>
-</Gapped>;
-```
-
-### Вертикальное расположение
-
-```jsx harmony
-import { Checkbox } from '@skbkontur/react-ui';
-
-<Gapped vertical gap={20}>
-  <Checkbox checked>Write todos</Checkbox>
-  <Checkbox initialIndeterminate>Work in progress</Checkbox>
-  <Checkbox>Make things done</Checkbox>
-</Gapped>;
-```
-
-### Wrap
-По умолчанию `Gapped` выстраивает элементы в одну строчку, но с помощью свойства `wrap` можно включить перенос элементов на новую строку.
-При этом между строчками будет отступ равный значению свойста `gap`
-В таком случае из-за особенности верстки `Gapped` может перекрывать элементы расположенные сверху-слева.
-
-```jsx harmony
-import { Button, Checkbox, Toggle } from '@skbkontur/react-ui';
-
-<>
-  {"U Can't Touch This! => "}
-  <Toggle />
-
-  <div style={{ paddingTop: '10px', position: 'relative', width: '250px' }}>
-    <Gapped wrap gap={50}>
-      <Button use="primary">Сохранить</Button>
-      <Button>Отмена</Button>
-      <Checkbox>Я не робот</Checkbox>
-    </Gapped>
-  </div>
-</>;
-```

package/components/Gapped/__docs__/Gapped.mdx

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

package/components/GlobalLoader/GlobalLoader.md

@@ -1,97 +0,0 @@
-Индикатор обмена данными с сервером.
-
-Глобальный Лоадер может быть только один в приложении. Поэтому, каждый новый экземпляр компонента
-"убивает" предыдущий
-экземпляр, и начинает перехватывать статические методы.
-
-Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
-
-### Все статические методы
-```jsx harmony
-import { Button, Gapped } from '@skbkontur/react-ui';
-
-<Gapped>
-  <Button onClick={GlobalLoader.start} use="primary">start</Button>
-  <Button onClick={GlobalLoader.done} use="success">done</Button>
-  <Button onClick={GlobalLoader.reject} use="danger">reject</Button>
-  <Button onClick={GlobalLoader.accept} use="pay">accept</Button>
-</Gapped>
-```
-
-### Монтирование и кастомизация
-```jsx harmony
-import { Button, Toggle, Gapped, GlobalLoader, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
-
-const myTheme = ThemeFactory.create({ globalLoaderColor: 'red' });
-
-const [manually, setManually] = React.useState(false);
-const [active, setActive] = React.useState(false);
-const [error, setError] = React.useState(false);
-
-const reset = () => {
-  if (manually) {
-    setManually(false);
-    setError(false);
-    setActive(false);
-  } else {
-    setManually(true);
-  }
-}
-
-<Gapped vertical>
-  <Toggle checked={manually} onValueChange={reset}>
-    Управление пропами
-  </Toggle>
-  <Toggle checked={active} onValueChange={setActive} disabled={!manually}>
-    <code>active</code>
-  </Toggle>
-  <Toggle checked={error} onValueChange={setError} disabled={!manually}>
-    <code>rejected</code>
-  </Toggle>
-
-  <ThemeContext.Provider value={myTheme}>
-    <GlobalLoader expectedResponseTime={2000} delayBeforeShow={1000} active={active} rejected={error}
-      onStart={() => console.log('start')}
-      onDone={() => console.log('done')}
-      onReject={() => console.log('reject')}
-      onAccept={() => console.log('accept')}
-    />
-  </ThemeContext.Provider>
-
-</Gapped>
-```
-
-
-### Статические методы в модалке
-```jsx harmony
-import { Button, Gapped, Modal } from '@skbkontur/react-ui';
-
-const [opened, setOpened] = React.useState(false);
-
-function renderModal() {
-  return (
-    <Modal onClose={close}>
-      <Modal.Header>Заголовок</Modal.Header>
-      <Modal.Body>
-        <Gapped>
-          <Button onClick={GlobalLoader.start} use="primary">start</Button>
-          <Button onClick={GlobalLoader.done} use="success">done</Button>
-        </Gapped>
-      </Modal.Body>
-    </Modal>
-  );
-}
-
-function open() {
-  setOpened(true);
-}
-
-function close() {
-  setOpened(false);
-}
-
-<div>
-  {opened && renderModal()}
-  <Button onClick={open}>Открыть</Button>
-</div>;
-```

package/components/GlobalLoader/__docs__/GlobalLoader.mdx

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

package/components/Group/Group.md

@@ -1,19 +0,0 @@
-### Базовый пример
-```jsx harmony
-import FunctionIcon from '@skbkontur/react-icons/Function';
-import SearchIcon from '@skbkontur/react-icons/Search';
-import { Button, Input } from '@skbkontur/react-ui';
-
-const [value, setValue] = React.useState('Foo');
-
-<Group width={300}>
-  <Button>
-    <FunctionIcon />
-  </Button>
-  <Input value={value} width="100%" onValueChange={setValue} />
-  <Button>
-    <SearchIcon />
-  </Button>
-  <Button>Bar</Button>
-</Group>;
-```

package/components/Group/__creevey__/Group.creevey/Group.creevey.js

@@ -1,48 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { story, kind, test } from 'creevey';
-kind('Group', function () {
-  story('SimpleGroupWithInputAndButton', function () {
-    test('plain', /*#__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('plain');
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, this);
-    })));
-    test('focused input', /*#__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: 'input'
-            })).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('focused input');
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, this);
-    })));
-  });
-});

package/components/Group/__creevey__/Group.creevey/Group.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"],"sources":["Group.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nkind('Group', () => {\n  story('SimpleGroupWithInputAndButton', () => {\n    test('plain', async function () {\n      await this.expect(await this.takeScreenshot()).to.matchImage('plain');\n    });\n\n    test('focused input', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: 'input' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('focused input');\n    });\n  });\n});\n"],"mappings":"yIAAA,SAASA,KAAK,EAAEC,IAAI,EAAEC,IAAI,QAAQ,SAAS;;AAE3CD,IAAI,CAAC,OAAO,EAAE,YAAM;EAClBD,KAAK,CAAC,+BAA+B,EAAE,YAAM;IAC3CE,IAAI,CAAC,OAAO,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;YACN,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,OAAO,2BAAAV,QAAA,CAAAW,IAAA,OAAAd,OAAA,SACrE;IAAA,CAAC;;IAEFJ,IAAI,CAAC,eAAe,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;cACd,IAAI,CAACa,OAAO;cACfC,OAAO,CAAC;gBACPC,MAAM,EAAE;cACV,CAAC,CAAC;cACDC,KAAK,CAAC,IAAI,CAACH,OAAO,CAACI,WAAW,CAAC,EAAEC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;cACjDC,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,eAAe,2BAAAI,SAAA,CAAAH,IAAA,OAAAC,QAAA,SAC7E;IAAA,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/Group/__creevey__/Group.creevey/package.json

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

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

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

package/components/Group/__docs__/Group.mdx

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

package/components/Hint/Hint.md

@@ -1,86 +0,0 @@
-### Базовый пример
-
-```jsx harmony
-<Hint text="Подсказка">Базовая</Hint>
-```
-
-### Иконка
-
-```jsx harmony
-<Hint text="Редактирование">
-  <svg width="16" height="16" viewBox="0 0 16 16">
-    <path
-      fillRule="evenodd"
-      d="M13 12V12.998H8V12H13ZM3 13V11L9 4.99999L11 6.99999L5 13H3ZM13 5L11.5 6.5L9.5 4.5L11 3L13 5Z"
-      clipRule="evenodd"
-    />
-  </svg>
-</Hint>
-```
-
-### Сторона всплытия
-
-```jsx harmony
-<Hint pos={"left"} text="Подсказка слева">Всегда всплывает слева</Hint>
-```
-
-### Ограниченная ширина
-```jsx harmony
-<Hint
-  maxWidth="150px"
-  text="Очень много текста, рассказывающего про этот очень непонятный элемент"
-  >
-  Очень непонятный элемент
-</Hint>
-```
-
-### Открытие подсказки кнопкой
-
-```jsx harmony
-import { Button, Gapped } from '@skbkontur/react-ui';
-
-const [isOpen, setIsOpen] = React.useState(false);
-
-<Gapped>
-  <Hint opened={isOpen} manual text="Подсказка">Управляемая удалённо</Hint>
-  <Button onClick={() => setIsOpen(!isOpen)}>
-    {isOpen ? "Закрыть подсказку" : "Открыть подсказку"}
-  </Button>
-</Gapped>
-```
-
-### Всплытие без анимации
-
-```jsx harmony
-<Hint disableAnimations text={"Нет анимации :("}>Есть анимация?</Hint>
-```
-
-### Встроеная обёртка
-
-Подсказка должна отображаться даже на отключённых компонентах. Из коробки это работает только с контролами `react-ui`.
-
-Нативные элементы, поддерживающие атрибут `disabled`, отключают необходимые события мыши.
-В подобных случаях следуют использовать проп `useWrapper`:
-
-```jsx harmony
-<Hint useWrapper text="Подсказа всё равно отображается">
-  <button disabled>native button</button>
-</Hint>
-```
-
-### Кастомная обертка
-Т.к. встроённая обёртка это `<span>` без стилей, то она может работать некорректно в определённых ситуациях.
-В таких случаях стоит использовать собственную обётку:
-
-```jsx harmony
-<>
-  <Hint useWrapper text="Подсказа">
-    <button disabled style={{ height: 40 }}>useWrapper prop</button>
-  </Hint>
-  <Hint text="Подсказа">
-    <span style={{ display: 'inline-block' }}>
-      <button disabled style={{ height: 40 }}>custom wrapper</button>
-    </span>
-  </Hint>
-</>
-```