feat: added landing docs and playground for Disclosure component (#512)

* feat: added proper disclosure sandbox

* fix: removed left and right arrow position options

* chore: updated uikit lib version

Author: ivancheprasov

package-lock.json

@@ -16,7 +16,7 @@
     "@gravity-ui/markdown-editor": "^15.1.0",
     "@gravity-ui/navigation": "^3.7.5",
     "@gravity-ui/page-constructor": "^6.0.0-beta.6",
-    "@gravity-ui/uikit": "^7.26.0",
+    "@gravity-ui/uikit": "^7.26.1",
     "@gravity-ui/uikit-themer": "^1.4.1",
     "@mdx-js/mdx": "^2.3.0",
     "@mdx-js/react": "^2.3.0",

package.json

@@ -0,0 +1,37 @@
+import dynamic from 'next/dynamic';
+
+import {Repos} from '../../../../types/common';
+import {getGithubUrl, getReadmeUrl, mappingOptions} from '../../utils';
+
+const getterOptions = {repoName: Repos.Uikit, componentName: 'Disclosure'};
+
+export const disclosureConfig = {
+    id: 'disclosure',
+    title: 'Disclosure',
+    githubUrl: getGithubUrl(getterOptions),
+    isSupportRTL: true,
+    content: {
+        readmeUrl: getReadmeUrl(getterOptions),
+    },
+    sandbox: {
+        component: dynamic(() => import('@gravity-ui/uikit').then((mod) => mod.Disclosure)),
+        props: {
+            size: {
+                type: 'radioButton',
+                values: mappingOptions(['m', 'l', 'xl']),
+                defaultValue: 'm',
+            },
+            disabled: {
+                type: 'switch',
+                defaultValue: false,
+            },
+            arrowPosition: {
+                type: 'radioButton',
+                values: mappingOptions(['start', 'end']),
+                defaultValue: 'start',
+            },
+            summary: {type: 'input', defaultValue: 'Disclosure summary'},
+            children: {type: 'input', defaultValue: 'Disclosure content'},
+        },
+    },
+};

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

@@ -12,6 +12,7 @@ import {breadcrumbsConfig} from './Breadcrumbs';
 import {buttonConfig} from './Button';
 import {cardConfig} from './Card';
 import {checkboxConfig} from './Checkbox';
+import {disclosureConfig} from './Disclosure';
 import {dropdownMenuConfig} from './DropdownMenu';
 import {helpMarkConfig} from './HelpMark';
 import {iconConfig} from './Icon';
@@ -61,6 +62,7 @@ const uikitComponents: Component[] = [
     buttonConfig,
     cardConfig,
     checkboxConfig,
+    disclosureConfig,
     dropdownMenuConfig,
     iconConfig,
     labelConfig,