[FRNT-576] fix build (#145)

* fix: fix build  and docs

* refactor: remove meta info in mdx files

* fix: specify gatsby-theme-woly version

.github/labeler.yml

@@ -1,22 +1,22 @@
 '@atoms':
-  - src/ui/atoms/**/*
+  - src/woly/atoms/**/*
   - src/atoms/**/*
 
 '@molecules':
-  - src/ui/molecules/**/*
+  - src/woly/molecules/**/*
   - src/molecules/**/*
 
 '@organisms':
-  - src/ui/organisms/**/*
+  - src/woly/organisms/**/*
   - src/organisms/**/*
- 
+
 '@templates':
-  - src/ui/templates/**/*
+  - src/woly/templates/**/*
   - src/templates/**/*
-  
+
 packages:
   - packages/**/*
-  
+
 build:
   - build/**/*
 

gatsby-node.js

@@ -6,7 +6,7 @@ exports.onCreateWebpackConfig = ({ actions }) => {
       alias: {
         lib: path.resolve(__dirname, './src/lib/'),
         static: path.resolve(__dirname, './src/static/'),
-        ui: path.resolve(__dirname, './src/ui/'),
+        ui: path.resolve(__dirname, './src/woly/'),
       },
     },
   });

package.json

@@ -64,7 +64,7 @@
     "fs-extra": "^9.1.0",
     "gatsby": "^3.0.4",
     "gatsby-plugin-react-svg": "^3.0.0",
-    "gatsby-theme-woly": "^0.7.2",
+    "gatsby-theme-woly": "^0.7.3",
     "husky": "^5.0.9",
     "import-sort-style-sova": "^0.1.0",
     "inquirer": "^7.3.3",

packages/woly/index.ts

@@ -1 +1 @@
-export * from '../../src/ui';
+export * from '../../src/woly';

src/index.ts

@@ -1 +1 @@
-export * from './ui';
+export * from './woly';

src/ui/atoms/backdrop/usage.mdx → src/woly/atoms/backdrop/usage.mdx

@@ -1,9 +1,3 @@
----
-name: backdrop
-category: atoms
-package: 'woly'
----
-
 import {Playground, State} from 'lib/playground'
 import {Button, Field, Input, Modal} from 'ui'
 

src/ui/atoms/button-icon/state.mdx → src/woly/atoms/button-icon/state.mdx

@@ -1,9 +1,3 @@
----
-name: button-icon-map
-category: map
-package: woly
----
-
 import {GenerateButtonIconMap } from './state-props'
 
 <GenerateButtonIconMap />

src/ui/atoms/button-icon/usage.mdx → src/woly/atoms/button-icon/usage.mdx

@@ -1,9 +1,3 @@
----
-name: button-icon
-category: atoms
-package: 'woly'
----
-
 import {Playground} from 'lib/playground'
 import {IconEyeOpened, IconSearch} from 'static/icons';
 import {ButtonIcon} from 'ui';

src/ui/atoms/button/state.mdx → src/woly/atoms/button/state.mdx

@@ -1,9 +1,3 @@
----
-name: button-map
-category: map
-package: woly
----
-
 import {GenerateButton } from './state-props'
 
 <GenerateButton />

src/ui/atoms/button/usage.mdx → src/woly/atoms/button/usage.mdx

@@ -1,9 +1,3 @@
----
-name: button
-category: atoms
-package: woly
----
-
 import {Button} from './index'
 import {block, Playground} from 'lib/playground'
 import {IconPlus, IconSearch} from 'static/icons';

src/ui/atoms/chip/specification.mdx → src/woly/atoms/chip/specification.mdx

@@ -1,9 +1,3 @@
----
-name: chip
-category: atoms
-package: 'woly'
----
-
 Компонент `chip` используются для представления информации в небольших блоках, например, такой как контактные данные пользователя.
 
 Чипы позволяют пользователям делать выбор, выполнять действия, вводить информацию и атрибуты, фильтровать контент и выполнять задачи.

src/ui/atoms/chip/state.mdx → src/woly/atoms/chip/state.mdx

@@ -1,9 +1,3 @@
----
-name: chip-map
-category: map
-package: woly
----
-
 import {GenerateChipMap } from './state-props'
 
 <GenerateChipMap />

src/ui/atoms/chip/usage.mdx → src/woly/atoms/chip/usage.mdx

@@ -1,9 +1,3 @@
----
-name: chip
-category: atoms
-package: 'woly'
----
-
 import {ButtonIcon, Chip} from 'ui';
 import {IconClose, IconPlus} from 'static/icons';
 import {block, Playground} from 'lib/playground'

src/ui/atoms/header-panel/usage.mdx → src/woly/atoms/header-panel/usage.mdx

@@ -1,9 +1,3 @@
----
-name: header-panel
-category: atoms
-package: 'woly'
----
-
 import {block, FormBlock, Playground, State} from 'lib/playground'
 import {Button, HeaderPanel, Input, Label, Surface} from 'ui'
 

src/ui/atoms/heading/usage.mdx → src/woly/atoms/heading/usage.mdx

@@ -1,9 +1,3 @@
----
-name: heading
-category: atoms
-package: 'woly'
----
-
 import {Playground} from 'lib/playground'
 import {Heading} from './index';
 

src/ui/atoms/input/state.mdx → src/woly/atoms/input/state.mdx

@@ -1,9 +1,3 @@
----
-name: input-map
-category: map
-package: woly
----
-
 import {GenerateInputMap } from './state-props'
 
 <GenerateInputMap />

src/ui/atoms/input/usage.mdx → src/woly/atoms/input/usage.mdx

@@ -1,9 +1,3 @@
----
-name: input
-category: atoms
-package: 'woly'
----
-
 import {ButtonIcon, Input} from 'ui';
 import {IconInfo} from 'static/icons';
 

src/ui/atoms/label/usage.mdx → src/woly/atoms/label/usage.mdx

@@ -1,9 +1,3 @@
----
-name: label
-category: atoms
-package: 'woly'
----
-
 import {Playground} from 'lib/playground'
 import {Label} from 'ui';
 

src/ui/atoms/link/specification.mdx → src/woly/atoms/link/specification.mdx

@@ -1,9 +1,3 @@
----
-name: link
-category: atoms
-package: 'woly'
----
-
 `Ссылка` (html тег `<a>`) — это элемент навигации, который отвечает за взаимосвязь разделов веб-ресурса (или разных ресурсов) между собой.
 
 ### Описание работы ссылки

src/ui/atoms/list/usage.mdx → src/woly/atoms/list/usage.mdx

@@ -1,9 +1,3 @@
----
-name: list
-category: atoms
-package: 'woly'
----
-
 import {block, Playground, State} from 'lib/playground'
 import {Button, Checkbox, Input, ListContainer, ListItem, Surface} from 'ui';
 import {IconInfo} from 'static/icons';

src/ui/atoms/loader/index.tsx → src/woly/atoms/loader/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import styled, { StyledComponent, keyframes } from 'styled-components';
 import { IconSpinner } from 'static/icons';
-import { Variant } from 'lib/types';
+import { Priority } from 'lib/types';
 import { box } from 'ui/elements';
 
 interface LoaderProps {
@@ -12,10 +12,10 @@ interface LoaderProps {
 const LoaderBase = ({
   className,
   description = 'Loading...',
-  variant = 'secondary',
-}: LoaderProps & Variant) => {
+  priority = 'secondary',
+}: LoaderProps & Priority) => {
   return (
-    <div className={className} data-variant={variant}>
+    <div className={className} data-priority={priority}>
       <div data-loader>
         <IconSpinner data-track />
         <div data-description>{description}</div>
@@ -109,4 +109,4 @@ export const Loader = styled(LoaderBase)`
     line-height: 21px;
     text-align: center;
   }
-` as StyledComponent<'div', Record<string, unknown>, LoaderProps & Variant>;
+` as StyledComponent<'div', Record<string, unknown>, LoaderProps & Priority>;

src/ui/atoms/loader/usage.mdx → src/woly/atoms/loader/usage.mdx

@@ -1,9 +1,3 @@
----
-name: loader
-category: atoms
-package: 'woly'
----
-
 import {Loader, Button, Text} from 'ui';
 import {Playground, State, StateEvent} from 'lib/playground';
 import {loadUsers, UsersList} from './example';
@@ -69,5 +63,5 @@ Use a `Loader` component whenever the wait time is anticipated to be longer than
 | Name          | Type             | Default       | Description                                     |
 | ------------- | ---------------- | ------------- | ----------------------------------------------- |
 | `description` | `string`         | 'Loading...'  | Description text below the animated spinner     |
-| `variant`     | `string`         | `'secondary'` | Variant prop to style Loader component          |
+| `priority`    | `string`         | `'secondary'` | Priority prop to style Loader component         |
 | `...`         | `HTMLDivElement` | `{}`          | Other props are inherited from `HTMLDivElement` |

src/ui/atoms/notification/usage.mdx → src/woly/atoms/notification/usage.mdx

@@ -1,9 +1,3 @@
----
-name: notification
-category: atoms
-package: 'woly'
----
-
 import { Notification} from './index';
 import { Button } from 'ui';
 import { Playground, block, StateEvent, State } from 'lib/playground';

src/ui/atoms/separator/usage.mdx → src/woly/atoms/separator/usage.mdx

@@ -1,9 +1,3 @@
----
-name: separator
-category: atoms
-package: 'woly'
----
-
 import {Playground} from 'lib/playground'
 import {Heading, Input, Separator} from 'ui'
 

src/ui/atoms/surface/usage.mdx → src/woly/atoms/surface/usage.mdx

@@ -1,9 +1,3 @@
----
-name: surface
-category: atoms
-package: 'woly'
----
-
 import {
   Aside,
   block,

src/ui/atoms/table/usage.mdx → src/woly/atoms/table/usage.mdx

@@ -1,9 +1,3 @@
----
-name: table
-category: atoms
-package: 'woly'
----
-
 import {Playground} from 'lib/playground'
 import {Table, Tbody, Td, Th, Thead, Tr} from 'ui'
 

src/ui/atoms/text-area/usage.mdx → src/woly/atoms/text-area/usage.mdx

@@ -1,9 +1,3 @@
----
-name: textarea
-category: atoms
-package: 'woly'
----
-
 import {TextArea} from 'ui';
 import {block, Playground} from 'lib/playground';
 

src/ui/atoms/text/usage.mdx → src/woly/atoms/text/usage.mdx

@@ -1,9 +1,3 @@
----
-name: text
-category: atoms
-package: 'woly'
----
-
 import {Line, Playground} from 'lib/playground'
 import {Input, Text, TextArea} from 'ui';
 

src/ui/atoms/tooltip/usage.mdx → src/woly/atoms/tooltip/usage.mdx

@@ -1,9 +1,3 @@
----
-name: tooltip
-category: atoms
-package: 'woly'
----
-
 import {block, Playground} from 'lib/playground'
 import {Button, Input, Tooltip} from 'ui'
 

src/ui/atoms/upload-area/usage.mdx → src/woly/atoms/upload-area/usage.mdx

@@ -1,9 +1,3 @@
----
-name: upload-area
-category: atoms
-package: 'woly'
----
-
 import {Playground} from 'lib/playground';
 import {Button, Table, Tbody, Td, Text, Th, Thead, Tr, UploadArea} from 'ui';
 

src/ui/molecules/accordion/usage.mdx → src/woly/molecules/accordion/usage.mdx

@@ -1,9 +1,3 @@
----
-name: accordion
-category: molecules
-package: 'woly'
----
-
 import {Playground} from 'lib/playground'
 import {
   Accordion,

src/ui/molecules/checkbox/usage.mdx → src/woly/molecules/checkbox/usage.mdx

@@ -1,9 +1,3 @@
----
-name: checkbox
-category: atoms
-package: 'woly'
----
-
 import {Checkbox} from 'ui';
 import {Playground, State} from 'lib/playground'
 

src/ui/molecules/field/usage.mdx → src/woly/molecules/field/usage.mdx

@@ -1,9 +1,3 @@
----
-name: field
-category: molecules
-package: woly
----
-
 import {Playground, State} from 'lib/playground';
 import {Checkbox, Field, Input, InputPassword, Switch, TextArea} from 'ui';
 import {IconEyeClosed, IconEyeOpened} from 'static/icons';

src/ui/molecules/input-password/usage.mdx → src/woly/molecules/input-password/usage.mdx

@@ -1,9 +1,3 @@
----
-name: input-password
-category: molecules
-package: 'woly'
----
-
 import {InputPassword} from './index';
 import {block, Playground, State} from 'lib/playground';
 

src/ui/molecules/modal/usage.mdx → src/woly/molecules/modal/usage.mdx

@@ -1,9 +1,3 @@
----
-name: modal
-category: molecules
-package: 'woly'
----
-
 import {Playground, State} from 'lib/playground'
 import {Button, Field, Input, Modal} from 'ui';
 import {IconSearch} from 'static/icons';

src/ui/molecules/popover/usage.mdx → src/woly/molecules/popover/usage.mdx

@@ -1,9 +1,3 @@
----
-name: popover
-category: molecules
-package: 'woly'
----
-
 import {block, Playground} from 'lib/playground'
 import {Button, ButtonIcon, ListContainer, ListItem, Popover} from 'ui';
 import {IconSearch, IconInfo} from 'static/icons';

src/ui/molecules/radio-button/usage.mdx → src/woly/molecules/radio-button/usage.mdx

@@ -1,9 +1,3 @@
----
-name: radio-button
-category: molecules
-package: 'woly'
----
-
 import {RadioButton} from 'ui';
 import {Playground, State} from 'lib/playground';