Feat/reestor

.eslintrc.js

@@ -31,7 +31,6 @@ module.exports = {
     'import',
     'jsx-a11y',
     'react-hooks',
-    '@typescript-eslint',
     'simple-import-sort',
     'prettier',
   ],

package.json

@@ -194,7 +194,7 @@
     "@consta/charts": "^1.0.0",
     "@consta/header": "^3.0.0",
     "@consta/icons": "^1.0.0",
-    "@consta/stand": "^0.0.141",
+    "@consta/stand": "0.0.139-beta",
     "@consta/uikit": "^5.0.0",
     "@consta/widgets-utils": "^0.2.15",
     "@evless/react-textfit": "1.1.1",

src/components/Header/Header.css

@@ -1,4 +1,5 @@
 .portal--Header {
+  z-index: 1000;
   display: flex;
   justify-content: space-between;
   align-items: center;

src/containers/HeaderContainer/HeaderContainer.tsx

@@ -8,16 +8,9 @@ import React, { useEffect, useRef } from 'react';
 
 import { HeaderFlexible } from '##/components/HeaderFlexible/HeaderFlexible';
 import IconComponent from '##/icons/Component.icon.svg';
-import IconFigma from '##/icons/FigmaSmall.icon.svg';
-import IconGithub from '##/icons/GithubSmall.icon.svg';
 import IconTelegram from '##/icons/TelegramSmall.icon.svg';
 import ConstaLogo from '##/images/ConstaLogo2.image.svg';
-import {
-  constaGitHub,
-  constaTelegram,
-  contsaCommunityFigma,
-  gazPromNeft,
-} from '##/modules/api/links';
+import { constaTelegram, gazPromNeft } from '##/modules/api/links';
 import { fixedAtom } from '##/modules/header';
 import { cn } from '##/utils/bem';
 
@@ -64,18 +57,6 @@ export const HeaderContainer: React.FC = () => {
           icon: IconComponent,
           onlyIcon: false,
         },
-        {
-          label: 'Figma',
-          link: contsaCommunityFigma,
-          icon: IconFigma,
-          onlyIcon: false,
-        },
-        {
-          label: 'GitHub',
-          link: constaGitHub,
-          icon: IconGithub,
-          onlyIcon: false,
-        },
         {
           label: 'Новости в Telegram',
           link: constaTelegram,

src/docs/FAQ/faq.stand.mdx

@@ -38,10 +38,8 @@ import { MdxCollapse } from '@consta/stand/src/componets/MdxCollapse';
 <br />
 **Заявки на доработки (issues)**
 <br />
-- [Список](https://github.com/consta-design-system/uikit/issues) - [Доска](https://github.com/consta-design-system/uikit/projects/1)
 <br />
 **Задачи в работе (PR)**
-<br />- [PR](https://github.com/consta-design-system/uikit/pulls)
 
 </MdxCollapse>
 
@@ -58,9 +56,8 @@ import { MdxCollapse } from '@consta/stand/src/componets/MdxCollapse';
 <br />
 **Как отправить запрос:**
 <br />
-- Создайте [issue](https://github.com/consta-design-system/uikit/issues/new). - Подробно
-опишите, какие возможности нужно добавить и какие задачи они будут решать. - Делайте
-отдельный issue для каждой доработки.
+- Подробно опишите, какие возможности нужно добавить и какие задачи они будут решать.
+- Делайте отдельный issue для каждой доработки.
 <br />
 [Подробнее о постановке задач](##LIBS.LIB.STAND/lib:portal/stand:custom-issue)
 <br />
@@ -75,7 +72,6 @@ import { MdxCollapse } from '@consta/stand/src/componets/MdxCollapse';
 Для тех, кто договорился с командой Consta о внесении своих доработок.
 
 <br />
-Отправьте PR в ветку dev в один из наших [репозиториев](https://github.com/consta-design-system).
 Подробную информацию, о том, как правильно оформить PR и работать над дизайн-системой
 совместно с командой Consta читайте в [инструкции для контрибьюторов](##LIBS.LIB.STAND/lib:portal/stand:contributers-addcomponent)
 
@@ -87,14 +83,12 @@ import { MdxCollapse } from '@consta/stand/src/componets/MdxCollapse';
 
 <br />
 - [Как создать и автоматически генерировать иконки из SVG](##LIBS.LIB.STAND.TAB/lib:portal/stand:custom-addicons/tab:dev)
-- [Как добавить новые иконки в библиотеки в Figma и в код](##LIBS.LIB.STAND.TAB/lib:portal/stand:custom-addicons/tab:design)
 <br />
 Если вы хотите отправить команде дизайн-системы запрос на добавление новой иконки,
 действуйте по следующей схеме:
 
-1. Создайте [issue](https://github.com/consta-design-system/uikit/issues/new).
-2. Подробно опишите, какая нужна иконка (приложите референсы).
-3. Можно также добавить запрос на иконку в комментарии под этим [постом](https://t.me/consta_ui_releases/499).
+1. 2. Подробно опишите, какая нужна иконка (приложите референсы).
+2. Можно также добавить запрос на иконку в комментарии под этим [постом](https://t.me/consta_ui_releases/499).
 
 </MdxCollapse>
 

src/docs/aboutConsta/aboutConsta.stand.mdx

@@ -2,9 +2,7 @@ import { MdxMenu } from '@consta/stand';
 
 Дизайн-система Consta — это набор библиотек готовых интерфейсных компонентов для создания цифровых продуктов и сервисов любого уровня сложности.
 
-Наша дизайн-система состоит из нескольких библиотек компонентов с документацией на русском языке. Компоненты реализованы в двух форматах: для разработчиков ― в виде [репозитория](https://github.com/consta-design-system) с открытым исходным кодом на React и для дизайнеров — в виде библиотек в [Figma Community](https://www.figma.com/@Consta).
-
-Consta распространяется бесплатно по [лицензии MIT](https://github.com/consta-design-system/uikit/blob/master/LICENSE).
+Наша дизайн-система состоит из нескольких библиотек компонентов с документацией на русском языке.
 
 ## Принципы дизайн-системы
 
@@ -26,16 +24,14 @@ Consta предлагает готовые блоки, большой набор
 
 ## Технологии
 
-Дизайн-система построена по принципам [БЭМ-методологии](https://ru.bem.info/), на основе библиотеки [whitepaper](https://github.com/whitepapertools). Библиотеки компонентов дизайн-системы существуют в React-реализации.
+Библиотеки компонентов дизайн-системы существуют в React-реализации.
 
 ### Технологический стек:
 
 Consta можно использовать при создании проектов разного масштаба: от инструментов мониторинга и управления оборудованием, до интранет-порталов и личных кабинетов в широком спектре отраслей.
 
 - [React](https://reactjs.org/)
 - [Typescript](https://www.typescriptlang.org/)
-- PostCSS ([postcss-nested](https://github.com/postcss/postcss-nested), [postcss-color-function](https://github.com/postcss/postcss-color-function), [postcss-simple-vars](https://github.com/postcss/postcss-simple-vars) для media-query)
-- [whitepaper](https://github.com/whitepapertools)
 
 Библиотеки рассчитаны на браузеры семейства Chromium.
 

src/docs/addComponent/addComponent.stand.mdx

@@ -16,9 +16,7 @@ import {
 
 Это зависит от состояния, в котором находится новый компонент.
 
-- **Есть только идея** — поставьте [задачу](https://github.com/consta-design-system/uikit/issues).
 - **Готов дизайн** — отправьте ссылку на макет, в задаче или на почту.
-- **Готов код компонента** — [отправьте PR](https://github.com/consta-design-system/uikit/pulls).
 
 Если вы не знаете, как лучше отправить предложение или есть другие вопросы, напишите нам на почту design@gazprom-neft.ru.
 

src/docs/addIcons/__stand__/addIcons.design.stand.mdx

@@ -51,12 +51,12 @@ import Export from './images/Export.image.png';
 
 <MdxImage src={Icon3} />
 
-- Готовая иконка должна быть одним [шейпом](https://figma.community/blog/dlya-chego-sluzhit-instrument-shape-tool-v-figma.php) с заливкой. Чтобы объединить фигуры, составляющие иконки:
+Чтобы объединить фигуры, составляющие иконки:
 
-  1. Выберите объекты для объединения.
-  2. На верхней панели нажмите значок объединения.
-  3. В раскрывшемся списке выберите подходящий вариант объединения.
-  4. Нажмите **Flatten selection**.
+1. Выберите объекты для объединения.
+2. На верхней панели нажмите значок объединения.
+3. В раскрывшемся списке выберите подходящий вариант объединения.
+4. Нажмите **Flatten selection**.
 
 - Выровняйте координаты точек фигур иконки по пиксельной сетке.
 
@@ -83,12 +83,10 @@ import Export from './images/Export.image.png';
 
 ### Подготовка SVG
 
-1. Экспортируйте иконки из Figma в формате SVG.
+1.  <MdxImage src={Export} />
 
-<MdxImage src={Export} />
-
-2. Откройте файл SVG в редакторе кода или текстовом редакторе (например, Блокнот или TextEdit)
-3. Удалите атрибуты `fill`, `fillOpacity`, `width`, `height`. Это нужно для адаптации иконки к размеру компонента или теме.
+2.  Откройте файл SVG в редакторе кода или текстовом редакторе (например, Блокнот или TextEdit)
+3.  Удалите атрибуты `fill`, `fillOpacity`, `width`, `height`. Это нужно для адаптации иконки к размеру компонента или теме.
 
 Пример кода готовой иконки:
 
@@ -105,11 +103,10 @@ import Export from './images/Export.image.png';
 
 Вы можете задать свойства для рендера иконки::
 
-| Свойство       | Тип                | По умолчанию | Описание                                        |
-| -------------- | ------------------ | ------------ | ----------------------------------------------- |
-| `color?`       | `mono`, `multiple` | `mono`       | Цветность иконки                                |
-| `group?`       | -                  | -            | Группа иконки на стенде                         |
-| `withoutSvgo?` | `boolean`          | -            | Выключить [`svgo`](https://github.com/svg/svgo) |
+| Свойство | Тип                | По умолчанию | Описание                |
+| -------- | ------------------ | ------------ | ----------------------- |
+| `color?` | `mono`, `multiple` | `mono`       | Цветность иконки        |
+| `group?` | -                  | -            | Группа иконки на стенде |
 
 Например, так будет выглядеть код со свойствами `color?` и `group?`:
 
@@ -127,10 +124,10 @@ import Export from './images/Export.image.png';
 
 ### Добавление изменений в репозиторий Consta
 
-1. Клонируйте [репозиторий @consta/uikit](https://github.com/consta-design-system/uikit) на GitHub:
+1.
 
 ```bash
-git clone https://github.com/consta-design-system/uikit.git
+
 ```
 
 2. Создайте новую ветку:
@@ -162,6 +159,5 @@ git push
 
 ### Создание Pull request
 
-1. Перейдите на [GitHub](https://github.com/consta-design-system/uikit), найдите свою ветку и нажмите **New pull request**.
-2. Выберите в первом селекте ветку **dev**, во втором свою. И заполните всё, что сможете.
-3. Готово! Когда мы примем ваш пулреквест, иконки будут добавлены в библиотеку.
+1. 2. Выберите в первом селекте ветку **dev**, во втором свою. И заполните всё, что сможете.
+2. Готово! Когда мы примем ваш пулреквест, иконки будут добавлены в библиотеку.

src/docs/addIcons/__stand__/addIcons.dev.stand.mdx

@@ -1,6 +1,6 @@
 import { MdxMenu } from '@consta/stand';
 
-Это инструкция по созданию и автоматической генерации иконок из SVG. Чтобы узнать, как добавить иконку в Figma, загляните в [эту инструкцию](##LIBS.LIB.STAND.TAB/lib:portal/stand:contributers-addicons/tab:design)
+Это инструкция по созданию и автоматической генерации иконок из SVG.
 
 <MdxMenu>
 

src/docs/addIcons/__stand__/addIcons.stand.mdx

@@ -1,6 +1,5 @@
 В дизайн-системе есть большая библиотека иконок:
 
-- [Макеты иконок в библиотеке Consta Graphics](https://www.figma.com/community/file/855772200870304447) (во вкладке **Icons**)
 - [Иконки в коде](##LIBS.LIB/lib:icons)
 
 Если готовых иконок недостаточно, вы можете сделать свои и добавить их в дизайн-систему.

src/docs/code/code.stand.mdx

@@ -63,7 +63,6 @@ export const Component: React.FC<Props> = ({ data }) => {
 Требования к иконками в UI-ките:
 
 - Для каждого размера иконки нужно использовать отдельное изображение.
-- Все иконки в библиотеке должны соответствовать типу `IconComponent` ([посмотреть тип `IconComponent`](https://github.com/consta-design-system/uikit/blob/master/src/icons/Icon/Icon.tsx#L36)).
 
 Если в API компонента используются иконки, стоит указывать тип `IconComponent`.