feat(HelpMark): add HelpMark docs (#508)

Author: kseniya57

src/content/components/uikit/HelpMark/HelpMarkComponent.tsx

@@ -0,0 +1,9 @@
+import {HelpMark} from '@gravity-ui/uikit';
+import type {HelpMarkProps} from '@gravity-ui/uikit';
+import React from 'react';
+
+type HelpMarkComponentProps = Pick<HelpMarkProps, 'iconSize'>;
+
+export const HelpMarkComponent = ({iconSize}: HelpMarkComponentProps) => {
+    return <HelpMark iconSize={iconSize}>Some content</HelpMark>;
+};

src/content/components/uikit/HelpMark/index.ts

@@ -0,0 +1,27 @@
+import dynamic from 'next/dynamic';
+
+import {Repos} from '../../../../types/common';
+import {getGithubUrl, getReadmeUrl, mappingOptions} from '../../utils';
+
+const getterOptions = {repoName: Repos.Uikit, componentName: 'HelpMark'};
+
+export const helpMarkConfig = {
+    id: 'help-mark',
+    title: 'HelpMark',
+    githubUrl: getGithubUrl(getterOptions),
+    content: {
+        readmeUrl: getReadmeUrl(getterOptions),
+    },
+    sandbox: {
+        component: dynamic(() =>
+            import('./HelpMarkComponent').then((mod) => mod.HelpMarkComponent),
+        ),
+        props: {
+            iconSize: {
+                type: 'select',
+                values: mappingOptions(['s', 'm', 'l', 'xl']),
+                defaultValue: 'm',
+            },
+        },
+    },
+};

src/content/components/uikit/Popover/PopoverComponent.tsx

@@ -2,13 +2,7 @@ import {Button, Popover} from '@gravity-ui/uikit';
 import type {PopoverProps} from '@gravity-ui/uikit';
 import React from 'react';
 
-type PopupComponentProps = {
-    open?: boolean;
-    placement?: PopoverProps['placement'];
-    hasArrow?: boolean;
-    disabled?: boolean;
-    trigger?: PopoverProps['trigger'];
-};
+type PopupComponentProps = Pick<PopoverProps, 'placement' | 'hasArrow' | 'disabled' | 'trigger'>;
 
 export const PopoverComponent = ({disabled, trigger, placement, hasArrow}: PopupComponentProps) => {
     return (

src/content/components/uikit/index.ts

@@ -13,6 +13,7 @@ import {buttonConfig} from './Button';
 import {cardConfig} from './Card';
 import {checkboxConfig} from './Checkbox';
 import {dropdownMenuConfig} from './DropdownMenu';
+import {helpMarkConfig} from './HelpMark';
 import {iconConfig} from './Icon';
 import {labelConfig} from './Label';
 import {linkConfig} from './Link';
@@ -95,6 +96,7 @@ const uikitComponents: Component[] = [
     userLabelConfig,
     sheetConfig,
     stepperConfig,
+    helpMarkConfig,
 ];
 
 export const uikit: Lib = {