From 5988a3b48178adfb4fa70524ffe3a6692f1f7bb9 Mon Sep 17 00:00:00 2001 From: Dmitry Savkin Date: Wed, 7 Jul 2021 18:07:36 +0300 Subject: [PATCH] docs: add changelogs (#722) * docs: updates * docs: updates Co-authored-by: reme3d2y --- .storybook/blocks/changelog/changelog.tsx | 11 + .storybook/blocks/changelog/index.module.css | 57 +++++ .storybook/blocks/changelog/index.ts | 1 + .storybook/blocks/example/index.module.css | 2 +- .storybook/blocks/tabs/component.tsx | 12 ++ docs/13.changelog.stories.mdx | 6 + packages/alert/src/docs/Component.stories.mdx | 7 +- .../src/docs/Component.stories.mdx | 7 +- .../amount/src/docs/component.stories.mdx | 12 +- .../attach/src/docs/Component.stories.mdx | 8 +- .../backdrop/src/docs/Component.stories.mdx | 13 +- packages/badge/src/docs/Component.stories.mdx | 12 +- .../bank-card/src/docs/Component.stories.mdx | 10 +- .../base-modal/src/docs/Component.stories.mdx | 7 +- .../src/docs/Component.stories.mdx | 11 +- .../button/src/docs/component.stories.mdx | 2 + .../src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 11 +- .../calendar/src/docs/Component.stories.mdx | 6 +- .../card-image/src/docs/Component.stories.mdx | 6 +- .../cdn-icon/src/docs/Component.stories.mdx | 5 +- .../src/docs/Component.stories.mdx | 8 +- .../checkbox/src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 6 +- .../collapse/src/docs/Component.stories.mdx | 8 +- .../src/docs/Component.stories.mdx | 6 +- .../divider/src/docs/Component.stories.mdx | 8 +- .../drawer/src/docs/Component.stories.mdx | 36 +--- .../dropzone/src/docs/Component.stories.mdx | 5 +- packages/dropzone/src/docs/description.mdx | 21 +- .../src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 6 +- .../form-control/src/docs/description.mdx | 5 +- packages/grid/src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 9 +- .../src/docs/Component.stories.mdx | 11 +- packages/input/src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 5 +- .../src/docs/Component.stories.mdx | 5 +- packages/link/src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 7 +- packages/list/src/docs/Component.stories.mdx | 7 +- .../loader/src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 5 +- packages/modal/src/docs/Component.stories.mdx | 6 +- packages/mq/src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 6 +- .../src/docs/Component.stories.mdx | 6 +- .../src/docs/component.stories.mdx | 5 +- .../src/docs/Component.stories.mdx | 5 +- .../src/docs/Component.stories.mdx | 5 +- packages/plate/src/docs/component.stories.mdx | 2 + .../popover/src/docs/Component.stories.mdx | 6 +- .../portal/src/docs/Component.stories.mdx | 2 + .../src/docs/Component.stories.mdx | 2 + .../pure-input/src/docs/Component.stories.mdx | 2 + .../src/docs/Component.stories.mdx | 2 + packages/radio/src/docs/Component.stories.mdx | 2 + .../src/docs/Component.stories.mdx | 2 + .../select/src/docs/Component.stories.mdx | 4 +- .../skeleton/src/docs/Component.stories.mdx | 2 + .../src/docs/Component.stories.mdx | 2 + .../slider/src/docs/Component.stories.mdx | 2 + packages/space/src/docs/Component.stories.mdx | 2 + .../spinner/src/docs/Component.stories.mdx | 2 + packages/stack/src/docs/Component.stories.mdx | 3 +- .../status/src/docs/Component.stories.mdx | 2 + .../switch/src/docs/Component.stories.mdx | 2 + packages/tabs/src/docs/Component.stories.mdx | 2 + packages/tag/src/docs/Component.stories.mdx | 2 + .../textarea/src/docs/Component.stories.mdx | 8 +- .../src/docs/Component.stories.mdx | 4 +- packages/toast/src/docs/component.stories.mdx | 2 + .../tooltip/src/docs/Component.stories.mdx | 2 + packages/typography/src/component.stories.mdx | 200 ------------------ .../typography/src/docs/Component.stories.mdx | 2 + packages/vars/src/Component.stories.mdx | 5 +- .../src/docs/Component.stories.mdx | 2 + 79 files changed, 325 insertions(+), 396 deletions(-) create mode 100644 .storybook/blocks/changelog/changelog.tsx create mode 100644 .storybook/blocks/changelog/index.module.css create mode 100644 .storybook/blocks/changelog/index.ts create mode 100644 docs/13.changelog.stories.mdx delete mode 100644 packages/typography/src/component.stories.mdx diff --git a/.storybook/blocks/changelog/changelog.tsx b/.storybook/blocks/changelog/changelog.tsx new file mode 100644 index 0000000000..a9ee52dbf0 --- /dev/null +++ b/.storybook/blocks/changelog/changelog.tsx @@ -0,0 +1,11 @@ +import React, { FC, ReactNode } from 'react'; + +import styles from './index.module.css'; + +type Props = { + content: ReactNode; +}; + +export const Changelog: FC = ({ content }) => { + return
{content}
; +}; diff --git a/.storybook/blocks/changelog/index.module.css b/.storybook/blocks/changelog/index.module.css new file mode 100644 index 0000000000..1615ca6f9d --- /dev/null +++ b/.storybook/blocks/changelog/index.module.css @@ -0,0 +1,57 @@ +/* stylelint-disable selector-pseudo-class-no-unknown */ + +@import '../../../packages/vars/src/index.css'; + +.changelog { + & h1:global(.sbdocs):first-child { + display: none; + + & + p { + display: none; + } + } + + & h1:global(.sbdocs) { + @mixin headline_medium; + + margin: var(--gap-2xl) 0 var(--gap-m); + color: var(--color-light-text-primary); + border-bottom: 1px solid var(--color-light-border-secondary); + + & a { + @mixin headline_medium; + + border: none; + } + } + + & h2:global(.sbdocs) { + @mixin headline_xsmall; + + border: 0; + box-shadow: none; + padding: 0; + margin: 0; + margin-bottom: var(--gap-s); + padding-bottom: var(--gap-xs); + border-bottom: 1px solid var(--color-light-border-secondary); + + &:after { + display: none; + } + + & a { + @mixin headline_xsmall; + + border: none; + } + + & + p { + margin-bottom: var(--gap-xl); + } + } + + & h3:global(.sbdocs) { + margin-top: var(--gap-m); + } +} diff --git a/.storybook/blocks/changelog/index.ts b/.storybook/blocks/changelog/index.ts new file mode 100644 index 0000000000..66454c9c2f --- /dev/null +++ b/.storybook/blocks/changelog/index.ts @@ -0,0 +1 @@ +export * from './changelog'; diff --git a/.storybook/blocks/example/index.module.css b/.storybook/blocks/example/index.module.css index bdd6c8873f..977c17ef3d 100644 --- a/.storybook/blocks/example/index.module.css +++ b/.storybook/blocks/example/index.module.css @@ -49,7 +49,7 @@ transition: box-shadow 0.2s ease; &:focus { - @mixin focus-outline; + outline: 0; box-shadow: none; } diff --git a/.storybook/blocks/tabs/component.tsx b/.storybook/blocks/tabs/component.tsx index ef96bdce14..04ec10f1c7 100644 --- a/.storybook/blocks/tabs/component.tsx +++ b/.storybook/blocks/tabs/component.tsx @@ -8,23 +8,27 @@ import React, { ReactElement, } from 'react'; import { TabsResponsive, Tab, TabsResponsiveProps } from '@alfalab/core-components-tabs'; +import { Changelog } from '../changelog'; enum TabName { DESCRIPTION = 'DESCRIPTION', PROPS = 'PROPS', CSS_VARS = 'CSS_VARS', + CHANGELOG = 'CHANGELOG', } const TabTitle = { [TabName.DESCRIPTION]: 'Описание', [TabName.PROPS]: 'Свойства', [TabName.CSS_VARS]: 'CSS-переменные', + [TabName.CHANGELOG]: 'Что нового', }; type Props = { description: ReactNode; props: ReactNode; cssVars?: ReactNode; + changelog?: string; defaultSelected?: TabName; }; @@ -32,6 +36,7 @@ export const Tabs: FC = ({ description, props, cssVars, + changelog, defaultSelected = TabName.DESCRIPTION, }) => { const [selected, setSelected] = useState(defaultSelected); @@ -58,6 +63,13 @@ export const Tabs: FC = ({
{cssVars}
) : null, + changelog ? ( + +
+ +
+ + ) : null, ].filter(isValidElement) as ReactElement[]; }; diff --git a/docs/13.changelog.stories.mdx b/docs/13.changelog.stories.mdx new file mode 100644 index 0000000000..02a0f67ad4 --- /dev/null +++ b/docs/13.changelog.stories.mdx @@ -0,0 +1,6 @@ +import { Description } from '@storybook/addon-docs/blocks'; +import changelog from '../CHANGELOG.md'; + + + +{changelog.replace(/^# \[/gm, '## [')} diff --git a/packages/alert/src/docs/Component.stories.mdx b/packages/alert/src/docs/Component.stories.mdx index fbfce2ea51..514f23b32d 100644 --- a/packages/alert/src/docs/Component.stories.mdx +++ b/packages/alert/src/docs/Component.stories.mdx @@ -1,14 +1,14 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; import { select, text, boolean } from '@storybook/addon-knobs'; -import { Container, Row, Col } from 'storybook/blocks/grid'; -import { Tabs } from 'storybook/blocks/tabs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Button } from '../../../button/src'; import { Alert } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx' +import Changelog from '../../CHANGELOG.md'; + } props={} + changelog={} /> diff --git a/packages/amount-input/src/docs/Component.stories.mdx b/packages/amount-input/src/docs/Component.stories.mdx index 2970d2ecde..21878909ee 100644 --- a/packages/amount-input/src/docs/Component.stories.mdx +++ b/packages/amount-input/src/docs/Component.stories.mdx @@ -2,15 +2,15 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean, number } from '@storybook/addon-knobs'; import { action } from '@storybook/addon-actions'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { CssVars } from 'storybook/blocks/css-vars'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { AmountInput } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; import styles from '!!raw-loader!../index.module.css'; + } + changelog={} props={} cssVars={} /> diff --git a/packages/amount/src/docs/component.stories.mdx b/packages/amount/src/docs/component.stories.mdx index 1cc8f2a592..b2d5ff6020 100644 --- a/packages/amount/src/docs/component.stories.mdx +++ b/packages/amount/src/docs/component.stories.mdx @@ -2,13 +2,12 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean, number } from '@storybook/addon-knobs'; import { getAllCurrencyCodes } from '@alfalab/utils'; import { Container, Row, Col } from 'storybook/blocks/grid'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Amount } from '../component'; import { name, version } from '../../package.json'; -import Description from './description.mdx' +import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -31,7 +30,7 @@ import styles from '!!raw-loader!../index.module.css'; const className = select('className', ''); const dataTestId = text('dataTestId', ''); return ( - + Amount Amount.Pure (Без стилей) @@ -58,7 +57,7 @@ import styles from '!!raw-loader!../index.module.css'; /> - + ); })} @@ -79,6 +78,7 @@ import { Amount } from '@alfalab/core-components/amount'; } + changelog={} props={} cssVars={} /> diff --git a/packages/attach/src/docs/Component.stories.mdx b/packages/attach/src/docs/Component.stories.mdx index 481ee83c5e..4b10708a78 100644 --- a/packages/attach/src/docs/Component.stories.mdx +++ b/packages/attach/src/docs/Component.stories.mdx @@ -1,11 +1,12 @@ -import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; +import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Attach } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; + } + changelog={} props={} /> diff --git a/packages/backdrop/src/docs/Component.stories.mdx b/packages/backdrop/src/docs/Component.stories.mdx index bcc84f7f20..45f21bb61e 100644 --- a/packages/backdrop/src/docs/Component.stories.mdx +++ b/packages/backdrop/src/docs/Component.stories.mdx @@ -1,13 +1,13 @@ -import { Meta, Props, Preview, Story } from '@storybook/addon-docs/blocks'; +import { Meta, Props, Story } from '@storybook/addon-docs/blocks'; import {boolean, select, text} from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs' -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Backdrop } from '../Component'; import { version } from '../../package.json'; import Description from './description.mdx'; -import vars from '!!raw-loader!../vars.css'; +import Changelog from '../../CHANGELOG.md'; +import styles from '!!raw-loader!../vars.css'; + } + changelog={} props={} - cssVars={} + cssVars={} /> diff --git a/packages/badge/src/docs/Component.stories.mdx b/packages/badge/src/docs/Component.stories.mdx index 5d994493d6..9798a07792 100644 --- a/packages/badge/src/docs/Component.stories.mdx +++ b/packages/badge/src/docs/Component.stories.mdx @@ -1,8 +1,6 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { select, number, boolean } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { CheckmarkOnCircleMIcon } from '@alfalab/icons-glyph'; import { AlertCircleMIcon } from '@alfalab/icons-glyph'; @@ -14,6 +12,7 @@ import { ClockMIcon } from '@alfalab/icons-glyph'; import { Badge } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -70,7 +69,8 @@ import { Badge } from '@alfalab/core-components/badge'; ``` } - props={} - cssVars={} + description={} + changelog={} + props={} + cssVars={} /> diff --git a/packages/bank-card/src/docs/Component.stories.mdx b/packages/bank-card/src/docs/Component.stories.mdx index eebd202559..69acc91230 100644 --- a/packages/bank-card/src/docs/Component.stories.mdx +++ b/packages/bank-card/src/docs/Component.stories.mdx @@ -1,11 +1,12 @@ import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks'; import { text, select } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { BankCard } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; + } - props={} + description={} + changelog={} + props={} /> diff --git a/packages/base-modal/src/docs/Component.stories.mdx b/packages/base-modal/src/docs/Component.stories.mdx index 3bb183bf36..1995a790a3 100644 --- a/packages/base-modal/src/docs/Component.stories.mdx +++ b/packages/base-modal/src/docs/Component.stories.mdx @@ -1,10 +1,11 @@ import { Meta, Props, Preview, Story } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; + import { Button } from '../../../button/src'; import { BaseModal } from '../Component'; import { version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; @@ -49,8 +50,8 @@ import Description from './description.mdx'; import { BaseModal } from '@alfalab/core-components/base-modal'; ``` - } + changelog={} props={} /> diff --git a/packages/bottom-sheet/src/docs/Component.stories.mdx b/packages/bottom-sheet/src/docs/Component.stories.mdx index 318a0d4927..cbf6be417f 100644 --- a/packages/bottom-sheet/src/docs/Component.stories.mdx +++ b/packages/bottom-sheet/src/docs/Component.stories.mdx @@ -1,12 +1,11 @@ -import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks'; -import { text, select, boolean, number } from '@storybook/addon-knobs'; +import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; +import { text, boolean } from '@storybook/addon-knobs'; import { Button } from '@alfalab/core-components-button'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs' -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { BottomSheet } from '../'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; import vars from '!!raw-loader!../index.module.css'; @@ -15,6 +14,7 @@ export const shortText = export const longText = Array(10).fill(shortText).join('\n\n'); + } + changelog={} props={} cssVars={} /> diff --git a/packages/button/src/docs/component.stories.mdx b/packages/button/src/docs/component.stories.mdx index d5885075d6..70d45f4e63 100644 --- a/packages/button/src/docs/component.stories.mdx +++ b/packages/button/src/docs/component.stories.mdx @@ -7,6 +7,7 @@ import { CssVars, ComponentHeader, Tabs } from 'storybook/blocks'; import { Button } from '../'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; import colorsStyles from '!!raw-loader!../default.module.css'; @@ -73,6 +74,7 @@ import { Button } from '@alfalab/core-components/button'; } + changelog={} props={ } cssVars={} /> diff --git a/packages/calendar-input/src/docs/Component.stories.mdx b/packages/calendar-input/src/docs/Component.stories.mdx index 5a95e43584..cf22e20fce 100644 --- a/packages/calendar-input/src/docs/Component.stories.mdx +++ b/packages/calendar-input/src/docs/Component.stories.mdx @@ -1,14 +1,13 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean } from '@storybook/addon-knobs'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { CalendarInput } from '../Component'; import { formatDate } from '../utils'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -60,6 +59,7 @@ import { CalendarInput } from '@alfalab/core-components/calendar-input'; } + changelog={} props={} cssVars={} /> diff --git a/packages/calendar-range/src/docs/Component.stories.mdx b/packages/calendar-range/src/docs/Component.stories.mdx index 4209d13e27..5dbcfb3274 100644 --- a/packages/calendar-range/src/docs/Component.stories.mdx +++ b/packages/calendar-range/src/docs/Component.stories.mdx @@ -1,12 +1,13 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { select } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { CalendarRange } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; + } + changelog={} props={} /> diff --git a/packages/calendar-with-skeleton/src/docs/Component.stories.mdx b/packages/calendar-with-skeleton/src/docs/Component.stories.mdx index e75371e6e0..4c5fe7eb61 100644 --- a/packages/calendar-with-skeleton/src/docs/Component.stories.mdx +++ b/packages/calendar-with-skeleton/src/docs/Component.stories.mdx @@ -1,12 +1,12 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; -import styles from '!!raw-loader!../index.module.css'; -import Description from './description.mdx'; -import { name, version } from '../../package.json'; import { Button } from '../../../button/src'; + +import { name, version } from '../../package.json'; import { CalendarWithSkeleton } from '../.'; +import Changelog from '../../CHANGELOG.md'; +import Description from './description.mdx'; } + changelog={} props={} /> diff --git a/packages/calendar/src/docs/Component.stories.mdx b/packages/calendar/src/docs/Component.stories.mdx index 96615f98d3..b2faa61b57 100644 --- a/packages/calendar/src/docs/Component.stories.mdx +++ b/packages/calendar/src/docs/Component.stories.mdx @@ -1,12 +1,11 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; import { action } from '@storybook/addon-actions'; import { select, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Calendar } from '../'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; import styles from '!!raw-loader!../index.module.css'; import vars from '!!raw-loader!../vars.css'; @@ -53,6 +52,7 @@ import { Calendar } from '@alfalab/core-components/calendar'; } + changelog={} props={} cssVars={} /> diff --git a/packages/card-image/src/docs/Component.stories.mdx b/packages/card-image/src/docs/Component.stories.mdx index ea292714cc..3b77ef27cb 100644 --- a/packages/card-image/src/docs/Component.stories.mdx +++ b/packages/card-image/src/docs/Component.stories.mdx @@ -1,12 +1,11 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, boolean, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { CardImage } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -44,6 +43,7 @@ import { CardImage } from '@alfalab/core-components/card-image'; } + changelog={} props={} cssVars={} /> diff --git a/packages/cdn-icon/src/docs/Component.stories.mdx b/packages/cdn-icon/src/docs/Component.stories.mdx index d9296ef5da..467fe8610c 100644 --- a/packages/cdn-icon/src/docs/Component.stories.mdx +++ b/packages/cdn-icon/src/docs/Component.stories.mdx @@ -1,9 +1,9 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { CDNIcon } from '../Component'; import { version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; @@ -36,5 +36,6 @@ import { CDNIcon } from '@alfalab/core-components/cdn-icon'; } + changelog={} props={} /> diff --git a/packages/checkbox-group/src/docs/Component.stories.mdx b/packages/checkbox-group/src/docs/Component.stories.mdx index 92c72492ca..b638338d1d 100644 --- a/packages/checkbox-group/src/docs/Component.stories.mdx +++ b/packages/checkbox-group/src/docs/Component.stories.mdx @@ -1,13 +1,10 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, boolean, select } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; - -import { Tag } from '../../../tag/src'; -import { Checkbox } from '../../../checkbox/src'; +import { ComponentHeader, Tabs} from 'storybook/blocks'; import { CheckboxGroup } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; @@ -62,5 +59,6 @@ import { CheckboxGroup } from '@alfalab/core-components/checkbox-group'; } + changelog={} props={} /> diff --git a/packages/checkbox/src/docs/Component.stories.mdx b/packages/checkbox/src/docs/Component.stories.mdx index 0e87684318..7dd7a2026d 100644 --- a/packages/checkbox/src/docs/Component.stories.mdx +++ b/packages/checkbox/src/docs/Component.stories.mdx @@ -1,12 +1,11 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, boolean, select } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Checkbox } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -65,6 +64,7 @@ import { Checkbox } from '@alfalab/core-components/checkbox'; } + changelog={} props={} cssVars={} /> diff --git a/packages/circular-progress-bar/src/docs/Component.stories.mdx b/packages/circular-progress-bar/src/docs/Component.stories.mdx index ee61f47e33..d1f4bfe44f 100644 --- a/packages/circular-progress-bar/src/docs/Component.stories.mdx +++ b/packages/circular-progress-bar/src/docs/Component.stories.mdx @@ -1,12 +1,11 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { CircularProgressBar } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -71,6 +70,7 @@ import { CircularProgressBar } from '@alfalab/core-components/circular-progress- } + changelog={} props={} cssVars={} /> diff --git a/packages/collapse/src/docs/Component.stories.mdx b/packages/collapse/src/docs/Component.stories.mdx index a935985ed7..d8e176fec7 100644 --- a/packages/collapse/src/docs/Component.stories.mdx +++ b/packages/collapse/src/docs/Component.stories.mdx @@ -1,12 +1,11 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; - -import { Button } from '../../../button/src'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Collapse } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; + } + changelog={} props={} /> diff --git a/packages/confirmation/src/docs/Component.stories.mdx b/packages/confirmation/src/docs/Component.stories.mdx index 3f2fd820f3..b076c3f185 100644 --- a/packages/confirmation/src/docs/Component.stories.mdx +++ b/packages/confirmation/src/docs/Component.stories.mdx @@ -1,14 +1,13 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { select, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Select } from '../../../select/src/Component'; import { Confirmation } from '../component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; import vars from '!!raw-loader!../vars.css'; @@ -135,6 +134,7 @@ import { Confirmation } from '@alfalab/core-components/confirmation'; } + changelog={} props={} cssVars={} /> diff --git a/packages/divider/src/docs/Component.stories.mdx b/packages/divider/src/docs/Component.stories.mdx index 0bb3a813f1..5905be4162 100644 --- a/packages/divider/src/docs/Component.stories.mdx +++ b/packages/divider/src/docs/Component.stories.mdx @@ -1,11 +1,11 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Divider } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; - +import Changelog from '../../CHANGELOG.md'; +import styles from '!!raw-loader!../index.module.css'; } + changelog={} props={} + cssVars={} /> diff --git a/packages/drawer/src/docs/Component.stories.mdx b/packages/drawer/src/docs/Component.stories.mdx index 2c37a4efe7..5806ce888e 100644 --- a/packages/drawer/src/docs/Component.stories.mdx +++ b/packages/drawer/src/docs/Component.stories.mdx @@ -1,8 +1,6 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { boolean } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Button } from '../../../button/src'; import { Typography } from '../../../typography/src'; @@ -10,6 +8,7 @@ import { Typography } from '../../../typography/src'; import { Drawer, DrawerContext } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -58,36 +57,7 @@ import { Drawer } from '@alfalab/core-components/drawer'; } + changelog={} props={} cssVars={} /> - - -export function Content() { - const { contentRef } = React.useContext(DrawerContext); - const [showMore, setShowMore] = React.useState(false); - const Text = () => ( -

- Сейчас много говорят об отказах банков в проведении операций, блокировках - интернет-банка. Это связано с тем, что Центральный банк РФ обязывает банки выявлять - операции своих клиентов, потенциально нарушающие требования Федерального закона «О - противодействии легализации (отмыванию) доходов, полученных преступным путем, и - финансированию терроризма» — 115-ФЗ -

- ); - return ( -
- - {showMore && ( - <> - - - - - )} - -
- ); -} diff --git a/packages/dropzone/src/docs/Component.stories.mdx b/packages/dropzone/src/docs/Component.stories.mdx index 0fbf92682c..03641ead94 100644 --- a/packages/dropzone/src/docs/Component.stories.mdx +++ b/packages/dropzone/src/docs/Component.stories.mdx @@ -1,11 +1,11 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; import { boolean } from '@storybook/addon-knobs'; import { action } from '@storybook/addon-actions'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Dropzone } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; } props={} + changelog={} /> diff --git a/packages/dropzone/src/docs/description.mdx b/packages/dropzone/src/docs/description.mdx index 20da307f46..2d29d12960 100644 --- a/packages/dropzone/src/docs/description.mdx +++ b/packages/dropzone/src/docs/description.mdx @@ -2,15 +2,16 @@ ```tsx live render(() => { - {React.createElement(() => { - const [filesList, setFilesList] = React.useState([]); - const handleDrop = files => { - setFilesList( - Array.from(files) - .map(file => file.name) - .filter(Boolean), - ); - }; + const [filesList, setFilesList] = React.useState([]); + + const handleDrop = files => { + setFilesList( + Array.from(files) + .map(file => file.name) + .filter(Boolean), + ); + }; + return ( { )} - )})} + ); }); ``` diff --git a/packages/file-upload-item/src/docs/Component.stories.mdx b/packages/file-upload-item/src/docs/Component.stories.mdx index f1d8b3f48f..e739344e80 100644 --- a/packages/file-upload-item/src/docs/Component.stories.mdx +++ b/packages/file-upload-item/src/docs/Component.stories.mdx @@ -1,11 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, number, select, boolean } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { FileUploadItem } from '../Component'; import { version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; + } + changelog={} props={} /> diff --git a/packages/form-control/src/docs/Component.stories.mdx b/packages/form-control/src/docs/Component.stories.mdx index b870eb4902..285153ce90 100644 --- a/packages/form-control/src/docs/Component.stories.mdx +++ b/packages/form-control/src/docs/Component.stories.mdx @@ -1,13 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { FormControl } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -53,6 +52,7 @@ import { FormControl } from '@alfalab/core-components/form-control'; } + changelog={} props={} cssVars={} /> diff --git a/packages/form-control/src/docs/description.mdx b/packages/form-control/src/docs/description.mdx index 48886abb9e..ecf6b97dc7 100644 --- a/packages/form-control/src/docs/description.mdx +++ b/packages/form-control/src/docs/description.mdx @@ -1,6 +1,7 @@ Базовый компонент для построения полей ввода — input, textarea, select и др. ```tsx live - +
+ +
``` - diff --git a/packages/grid/src/docs/Component.stories.mdx b/packages/grid/src/docs/Component.stories.mdx index abaa3c30fc..288596d14d 100644 --- a/packages/grid/src/docs/Component.stories.mdx +++ b/packages/grid/src/docs/Component.stories.mdx @@ -1,11 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Grid } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; + } + changelog={} props={} /> diff --git a/packages/icon-button/src/docs/Component.stories.mdx b/packages/icon-button/src/docs/Component.stories.mdx index 4015c0cc23..daf90caeae 100644 --- a/packages/icon-button/src/docs/Component.stories.mdx +++ b/packages/icon-button/src/docs/Component.stories.mdx @@ -1,14 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { select, boolean } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; - import { StarMIcon } from '@alfalab/icons-glyph/StarMIcon'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { IconButton } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import defaultStyles from '!!raw-loader!../default.module.css'; import styles from '!!raw-loader!../index.module.css'; @@ -63,8 +61,7 @@ import { IconButton } from '@alfalab/core-components/icon-button'; } + changelog={} props={} cssVars={} /> - - diff --git a/packages/input-autocomplete/src/docs/Component.stories.mdx b/packages/input-autocomplete/src/docs/Component.stories.mdx index def02b2e85..5e8cfe53a5 100644 --- a/packages/input-autocomplete/src/docs/Component.stories.mdx +++ b/packages/input-autocomplete/src/docs/Component.stories.mdx @@ -1,9 +1,6 @@ -import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'; +import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean } from '@storybook/addon-knobs'; -import { action } from '@storybook/addon-actions'; -import { Container, Row, Col } from 'storybook/blocks/grid'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Tag } from '@alfalab/core-components-tag'; import { Input } from '@alfalab/core-components-input'; @@ -13,6 +10,8 @@ import { Arrow, Option } from '@alfalab/core-components-select'; import { InputAutocomplete } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; + export const options = [ { key: 'Neptunium' }, @@ -70,7 +69,6 @@ export const matchOption = (option, inputValue) => circularNavigation={boolean('circularNavigation', false)} placeholder={text('placeholder', 'Введите элемент')} label={text('label', 'Элемент')} - onOpen={action('open')} onChange={handleChange} onInput={handleInput} value={value} @@ -95,5 +93,6 @@ import { InputAutocomplete } from '@alfalab/core-components/input-autocomplete'; } + changelog={} props={} /> diff --git a/packages/input/src/docs/Component.stories.mdx b/packages/input/src/docs/Component.stories.mdx index a913417465..1169fd2118 100644 --- a/packages/input/src/docs/Component.stories.mdx +++ b/packages/input/src/docs/Component.stories.mdx @@ -1,13 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean } from '@storybook/addon-knobs'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Input } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -60,6 +59,7 @@ import { Input } from '@alfalab/core-components/input'; } + changelog={} props={} cssVars={} /> diff --git a/packages/intl-phone-input/src/docs/Component.stories.mdx b/packages/intl-phone-input/src/docs/Component.stories.mdx index c29df9cbfd..eb73b39521 100644 --- a/packages/intl-phone-input/src/docs/Component.stories.mdx +++ b/packages/intl-phone-input/src/docs/Component.stories.mdx @@ -1,11 +1,11 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; import { text, select, boolean } from '@storybook/addon-knobs'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { IntlPhoneInput } from '../component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } + changelog={} props={} /> diff --git a/packages/keyboard-focusable/src/docs/Component.stories.mdx b/packages/keyboard-focusable/src/docs/Component.stories.mdx index 489117e1fc..4d6a217c82 100644 --- a/packages/keyboard-focusable/src/docs/Component.stories.mdx +++ b/packages/keyboard-focusable/src/docs/Component.stories.mdx @@ -1,9 +1,9 @@ import { Meta, Preview, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { KeyboardFocusable } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; @@ -30,5 +30,6 @@ import { KeyboardFocusable } from '@alfalab/core-components/keyboard-focusable'; } + changelog={} props={} /> diff --git a/packages/link/src/docs/Component.stories.mdx b/packages/link/src/docs/Component.stories.mdx index fcfd3bd83b..80f27b158d 100644 --- a/packages/link/src/docs/Component.stories.mdx +++ b/packages/link/src/docs/Component.stories.mdx @@ -1,15 +1,14 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select, boolean } from '@storybook/addon-knobs'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Typography } from '../../../typography/src'; import { Link } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; import defaultStyles from '!!raw-loader!../default.module.css'; import invertedStyles from '!!raw-loader!../inverted.module.css'; @@ -73,6 +72,7 @@ import { Link } from '@alfalab/core-components/link'; } + changelog={} props={} cssVars={} /> diff --git a/packages/list-header/src/docs/Component.stories.mdx b/packages/list-header/src/docs/Component.stories.mdx index 888d9bd3b1..311905fb8b 100644 --- a/packages/list-header/src/docs/Component.stories.mdx +++ b/packages/list-header/src/docs/Component.stories.mdx @@ -1,14 +1,14 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, boolean } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { ListHeader } from '../Component'; import { version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; + export const TAG = ['ul', 'ol']; } + changelog={} props={} cssVars={} /> diff --git a/packages/list/src/docs/Component.stories.mdx b/packages/list/src/docs/Component.stories.mdx index 999e7d17a1..b01aeb7d29 100644 --- a/packages/list/src/docs/Component.stories.mdx +++ b/packages/list/src/docs/Component.stories.mdx @@ -1,14 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, select } from '@storybook/addon-knobs'; import { Typography } from '@alfalab/core-components-typography'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Container, Row } from 'storybook/blocks/grid'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { List } from '../Component'; import { version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; export const TAG = ['ul', 'ol']; @@ -58,6 +56,7 @@ import { List } from '@alfalab/core-components/list'; } + changelog={} props={} cssVars={} /> diff --git a/packages/loader/src/docs/Component.stories.mdx b/packages/loader/src/docs/Component.stories.mdx index 2f05580529..d8457ab22e 100644 --- a/packages/loader/src/docs/Component.stories.mdx +++ b/packages/loader/src/docs/Component.stories.mdx @@ -1,11 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Loader } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; + } + changelog={} props={} /> diff --git a/packages/masked-input/src/docs/Component.stories.mdx b/packages/masked-input/src/docs/Component.stories.mdx index 2451d73619..246489a34b 100644 --- a/packages/masked-input/src/docs/Component.stories.mdx +++ b/packages/masked-input/src/docs/Component.stories.mdx @@ -1,10 +1,10 @@ import { Meta, Props, Story } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { MaskedInput } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; export const mask = [/\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/]; @@ -41,4 +41,5 @@ import { MaskedInput } from '@alfalab/core-components/masked-input'; } props={} + changelog={} /> diff --git a/packages/modal/src/docs/Component.stories.mdx b/packages/modal/src/docs/Component.stories.mdx index cd553c78f4..382dfc1438 100644 --- a/packages/modal/src/docs/Component.stories.mdx +++ b/packages/modal/src/docs/Component.stories.mdx @@ -1,8 +1,6 @@ import { Meta, Props, Story } from '@storybook/addon-docs/blocks'; import { boolean, select, text } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Button } from '../../../button/src'; @@ -11,6 +9,7 @@ import { ModalDesktop } from '../Component.desktop'; import { ModalResponsive } from '../Component.responsive'; import { version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import vars from '!!raw-loader!../vars.css'; @@ -132,6 +131,7 @@ import { ModalMobile } from '@alfalab/core-components/modal/mobile'; } + changelog={} cssVars={} props={} /> diff --git a/packages/mq/src/docs/Component.stories.mdx b/packages/mq/src/docs/Component.stories.mdx index 206f5d2e10..e3ea90cebf 100644 --- a/packages/mq/src/docs/Component.stories.mdx +++ b/packages/mq/src/docs/Component.stories.mdx @@ -1,8 +1,6 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { select, number } from '@storybook/addon-knobs'; -import { Container, Row, Col } from 'storybook/blocks/grid'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Button } from '../../../button/src'; import { Space } from '../../../space/src'; @@ -11,6 +9,7 @@ import { Typography } from '../../../typography/src'; import { name, version } from '../../package.json'; import { Mq, useMatchMedia } from '../'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } + changelog={} props={} /> diff --git a/packages/notification-manager/src/docs/Component.stories.mdx b/packages/notification-manager/src/docs/Component.stories.mdx index 874a3cbb74..62ebad88a5 100644 --- a/packages/notification-manager/src/docs/Component.stories.mdx +++ b/packages/notification-manager/src/docs/Component.stories.mdx @@ -1,13 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Button } from '@alfalab/core-components-button'; import { Notification } from '@alfalab/core-components-notification'; -import { Tabs } from 'storybook/blocks/tabs'; - import { NotificationManager } from '../component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } + changelog={} props={} /> diff --git a/packages/notification/src/docs/Component.stories.mdx b/packages/notification/src/docs/Component.stories.mdx index 685f06591c..c9b3deaad3 100644 --- a/packages/notification/src/docs/Component.stories.mdx +++ b/packages/notification/src/docs/Component.stories.mdx @@ -1,13 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { select, text, boolean, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Button } from "@alfalab/core-components-button"; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; import { Notification } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -47,6 +46,7 @@ import { Notification } from '@alfalab/core-components/notification'; } + changelog={} props={} cssVars={} /> diff --git a/packages/password-input/src/docs/component.stories.mdx b/packages/password-input/src/docs/component.stories.mdx index e5301d482b..7b299e7cb7 100644 --- a/packages/password-input/src/docs/component.stories.mdx +++ b/packages/password-input/src/docs/component.stories.mdx @@ -1,11 +1,11 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; import { text, select, boolean } from '@storybook/addon-knobs'; -import { Tabs } from 'storybook/blocks'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { PasswordInput } from '..'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } + changelog={} props={ } /> diff --git a/packages/phone-input/src/docs/Component.stories.mdx b/packages/phone-input/src/docs/Component.stories.mdx index 65f6a11c49..98c6adec81 100644 --- a/packages/phone-input/src/docs/Component.stories.mdx +++ b/packages/phone-input/src/docs/Component.stories.mdx @@ -2,12 +2,12 @@ import { Meta, Props, Story } from '@storybook/addon-docs/blocks'; import { text, select, boolean } from '@storybook/addon-knobs'; import { action } from '@storybook/addon-actions'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { PhoneInput } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } props={} + changelog={} /> diff --git a/packages/picker-button/src/docs/Component.stories.mdx b/packages/picker-button/src/docs/Component.stories.mdx index a3a2bb78e5..18ba00330a 100644 --- a/packages/picker-button/src/docs/Component.stories.mdx +++ b/packages/picker-button/src/docs/Component.stories.mdx @@ -1,12 +1,12 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, boolean, select } from '@storybook/addon-knobs'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; +import { ComponentHeader, Tabs } from 'storybook/blocks'; import { PickerButton } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; export const options = [ { key: 'Заказать карту' }, @@ -54,4 +54,5 @@ import { PickerButton } from '@alfalab/core-components/picker-button'; } props={} + changelog={} /> diff --git a/packages/plate/src/docs/component.stories.mdx b/packages/plate/src/docs/component.stories.mdx index d5146b38c4..bdb05573f7 100644 --- a/packages/plate/src/docs/component.stories.mdx +++ b/packages/plate/src/docs/component.stories.mdx @@ -6,6 +6,7 @@ import { CheckmarkOnCircleMIcon } from '@alfalab/icons-glyph'; import { Plate } from '../'; import { Button } from '../../../button/src'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; import { name, version } from '../../package.json'; @@ -48,6 +49,7 @@ import { Plate } from '@alfalab/core-components/plate'; } + changelog={} props={ } cssVars={} /> diff --git a/packages/popover/src/docs/Component.stories.mdx b/packages/popover/src/docs/Component.stories.mdx index 91b5f7a6df..08e45c1e45 100644 --- a/packages/popover/src/docs/Component.stories.mdx +++ b/packages/popover/src/docs/Component.stories.mdx @@ -1,14 +1,13 @@ import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { text, boolean, select, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; -import { Tabs } from 'storybook/blocks/tabs'; -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Button } from '../../../button/src'; import { Popover } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -90,6 +89,7 @@ import { Popover } from '@alfalab/core-components/popover'; } + changelog={} props={} cssVars={} /> diff --git a/packages/portal/src/docs/Component.stories.mdx b/packages/portal/src/docs/Component.stories.mdx index c8027ea75f..a39dd12be1 100644 --- a/packages/portal/src/docs/Component.stories.mdx +++ b/packages/portal/src/docs/Component.stories.mdx @@ -8,6 +8,7 @@ import { Space } from '../../../space/src'; import { Portal } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } props={} + changelog={} /> diff --git a/packages/progress-bar/src/docs/Component.stories.mdx b/packages/progress-bar/src/docs/Component.stories.mdx index 3c474d718f..1d98629147 100644 --- a/packages/progress-bar/src/docs/Component.stories.mdx +++ b/packages/progress-bar/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { ProgressBar } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -41,4 +42,5 @@ import { ProgressBar } from '@alfalab/core-components/progress-bar'; description={} props={} cssVars={} + changelog={} /> diff --git a/packages/pure-input/src/docs/Component.stories.mdx b/packages/pure-input/src/docs/Component.stories.mdx index 8d8f3e12e4..72bf419ee4 100644 --- a/packages/pure-input/src/docs/Component.stories.mdx +++ b/packages/pure-input/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs } from 'storybook/blocks'; import { PureInput } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } + changelog={} props={} /> diff --git a/packages/radio-group/src/docs/Component.stories.mdx b/packages/radio-group/src/docs/Component.stories.mdx index 6c1f10e819..51371009bc 100644 --- a/packages/radio-group/src/docs/Component.stories.mdx +++ b/packages/radio-group/src/docs/Component.stories.mdx @@ -8,6 +8,7 @@ import { Tag } from '../../../tag/src'; import { RadioGroup } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -62,6 +63,7 @@ import { RadioGroup } from '@alfalab/core-components/radio-group'; } + changelog={} props={} cssVars={} /> diff --git a/packages/radio/src/docs/Component.stories.mdx b/packages/radio/src/docs/Component.stories.mdx index af3fbbf35a..fb44aa528a 100644 --- a/packages/radio/src/docs/Component.stories.mdx +++ b/packages/radio/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Radio } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -60,6 +61,7 @@ import { Radio } from '@alfalab/core-components/radio'; } + changelog={} props={} cssVars={} /> diff --git a/packages/select-with-tags/src/docs/Component.stories.mdx b/packages/select-with-tags/src/docs/Component.stories.mdx index f671035132..d6178bbeac 100644 --- a/packages/select-with-tags/src/docs/Component.stories.mdx +++ b/packages/select-with-tags/src/docs/Component.stories.mdx @@ -10,6 +10,7 @@ import { ComponentHeader, Tabs } from 'storybook/blocks'; import { SelectWithTags } from '../component'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; export const options = [ { key: '1', content: 'H', value: 'H' }, @@ -95,5 +96,6 @@ import { SelectWithTags } from '@alfalab/core-components/select-with-tags'; } + changelog={} props={} /> diff --git a/packages/select/src/docs/Component.stories.mdx b/packages/select/src/docs/Component.stories.mdx index a0969bda8d..ead4f9d577 100644 --- a/packages/select/src/docs/Component.stories.mdx +++ b/packages/select/src/docs/Component.stories.mdx @@ -7,8 +7,9 @@ import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Select } from '../Component'; import { name, version } from '../../package.json'; -import Description from './description.mdx'; import { Arrow } from '../components/arrow'; +import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import vars from '!!raw-loader!../vars.css'; export const options = [ @@ -91,4 +92,5 @@ import { Select } from '@alfalab/core-components/select'; description={} props={} cssVars={} + changelog={} /> diff --git a/packages/skeleton/src/docs/Component.stories.mdx b/packages/skeleton/src/docs/Component.stories.mdx index 306531764a..fa7cf57f0c 100644 --- a/packages/skeleton/src/docs/Component.stories.mdx +++ b/packages/skeleton/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Skeleton } from '../'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -55,6 +56,7 @@ import { Skeleton } from '@alfalab/core-components/skeleton'; } + changelog={} props={} cssVars={} /> diff --git a/packages/slider-input/src/docs/Component.stories.mdx b/packages/slider-input/src/docs/Component.stories.mdx index 687deb2df6..d2ffca9c8b 100644 --- a/packages/slider-input/src/docs/Component.stories.mdx +++ b/packages/slider-input/src/docs/Component.stories.mdx @@ -9,6 +9,7 @@ import { withSuffix } from '../../../with-suffix/src'; import { SliderInput } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -64,6 +65,7 @@ import { SliderInput } from '@alfalab/core-components/slider-input'; } + changelog={} props={} cssVars={} /> diff --git a/packages/slider/src/docs/Component.stories.mdx b/packages/slider/src/docs/Component.stories.mdx index d8b3ca4e1c..bb5c7a6903 100644 --- a/packages/slider/src/docs/Component.stories.mdx +++ b/packages/slider/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Slider } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -51,6 +52,7 @@ import { Slider } from '@alfalab/core-components/slider'; } + changelog={} props={} cssVars={} /> diff --git a/packages/space/src/docs/Component.stories.mdx b/packages/space/src/docs/Component.stories.mdx index d5ae57de14..3630379455 100644 --- a/packages/space/src/docs/Component.stories.mdx +++ b/packages/space/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { Input } from '@alfalab/core-components-input'; import { Space } from '../Component'; import { name, version } from '../../package.json'; +import Changelog from '../../CHANGELOG.md'; import Description from './description.mdx'; export const DIRECTIONS = ['horizontal', 'vertical']; @@ -52,5 +53,6 @@ import { Space } from '@alfalab/core-components/space'; } + changelog={} props={} /> diff --git a/packages/spinner/src/docs/Component.stories.mdx b/packages/spinner/src/docs/Component.stories.mdx index ecef43aa5f..f0a745bd11 100644 --- a/packages/spinner/src/docs/Component.stories.mdx +++ b/packages/spinner/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { Spinner } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -42,4 +43,5 @@ import { Spinner } from '@alfalab/core-components/spinner'; description={} props={} cssVars={} + changelog={} /> diff --git a/packages/stack/src/docs/Component.stories.mdx b/packages/stack/src/docs/Component.stories.mdx index 0a152210e4..c9bfc48a57 100644 --- a/packages/stack/src/docs/Component.stories.mdx +++ b/packages/stack/src/docs/Component.stories.mdx @@ -1,10 +1,10 @@ - import { Meta, Story, Props } from '@storybook/addon-docs/blocks'; import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Stack } from '../'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } props={} + changelog={} /> diff --git a/packages/status/src/docs/Component.stories.mdx b/packages/status/src/docs/Component.stories.mdx index 96e9acef6c..190b8c5578 100644 --- a/packages/status/src/docs/Component.stories.mdx +++ b/packages/status/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Status, colors } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; } + changelog={} props={} /> diff --git a/packages/switch/src/docs/Component.stories.mdx b/packages/switch/src/docs/Component.stories.mdx index 8b2cd54514..ca136d328f 100644 --- a/packages/switch/src/docs/Component.stories.mdx +++ b/packages/switch/src/docs/Component.stories.mdx @@ -8,6 +8,7 @@ import { Button } from '../../../button/src'; import { Switch } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -59,6 +60,7 @@ import { Switch } from '@alfalab/core-components/switch'; } + changelog={} props={} cssVars={} /> diff --git a/packages/tabs/src/docs/Component.stories.mdx b/packages/tabs/src/docs/Component.stories.mdx index cd00b6e818..60e4b27e65 100644 --- a/packages/tabs/src/docs/Component.stories.mdx +++ b/packages/tabs/src/docs/Component.stories.mdx @@ -7,6 +7,7 @@ import { TabsMobile, PrimaryTabListMobile, SecondaryTabListMobile } from '../mob import { TabsResponsive } from '../responsive'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import vars from '!!raw-loader!../vars.css'; @@ -90,6 +91,7 @@ import { TabsMobile, Tab } from '@alfalab/core-components/tabs/mobile'; } cssVars={} + changelog={} props={ } props={} cssVars={} + changelog={} /> diff --git a/packages/textarea/src/docs/Component.stories.mdx b/packages/textarea/src/docs/Component.stories.mdx index 61b17e1373..6b9321b428 100644 --- a/packages/textarea/src/docs/Component.stories.mdx +++ b/packages/textarea/src/docs/Component.stories.mdx @@ -3,11 +3,12 @@ import { text, select, boolean, number } from '@storybook/addon-knobs'; import { CssVars, ComponentHeader, Tabs } from 'storybook/blocks'; import Icon from '@alfalab/icons-glyph/StarMIcon'; -import { Textarea } from '..'; +import { Textarea } from '../Component'; import { name, version } from '../../package.json'; - -import styles from '!!raw-loader!../index.module.css'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; +import styles from '!!raw-loader!../index.module.css'; + } + changelog={} props={} cssVars={} /> diff --git a/packages/toast-plate/src/docs/Component.stories.mdx b/packages/toast-plate/src/docs/Component.stories.mdx index e0b2b3ca94..93f59cf966 100644 --- a/packages/toast-plate/src/docs/Component.stories.mdx +++ b/packages/toast-plate/src/docs/Component.stories.mdx @@ -6,9 +6,10 @@ import { ComponentHeader, Tabs, CssVars } from 'storybook/blocks'; import { ToastPlate } from '../'; import { name, version } from '../../package.json'; import Description from './description.mdx'; - +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; + } + changelog={} props={} cssVars={} /> diff --git a/packages/toast/src/docs/component.stories.mdx b/packages/toast/src/docs/component.stories.mdx index 8acc3dd10c..50913904dc 100644 --- a/packages/toast/src/docs/component.stories.mdx +++ b/packages/toast/src/docs/component.stories.mdx @@ -6,6 +6,7 @@ import { CssVars, ComponentHeader, Tabs } from 'storybook/blocks'; import { Toast } from '../'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -145,6 +146,7 @@ import { Toast } from '@alfalab/core-components/toast'; } + changelog={} props={} cssVars={} /> diff --git a/packages/tooltip/src/docs/Component.stories.mdx b/packages/tooltip/src/docs/Component.stories.mdx index 4d31cb242c..86be74c795 100644 --- a/packages/tooltip/src/docs/Component.stories.mdx +++ b/packages/tooltip/src/docs/Component.stories.mdx @@ -7,6 +7,7 @@ import { Button } from '../../../button/src'; import { Tooltip } from '../Component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import styles from '!!raw-loader!../index.module.css'; @@ -90,6 +91,7 @@ import { Tooltip } from '@alfalab/core-components/tooltip'; } + changelog={} props={} cssVars={} /> diff --git a/packages/typography/src/component.stories.mdx b/packages/typography/src/component.stories.mdx deleted file mode 100644 index 16eabcd8dc..0000000000 --- a/packages/typography/src/component.stories.mdx +++ /dev/null @@ -1,200 +0,0 @@ -import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks'; -import { text, boolean, select, number } from '@storybook/addon-knobs'; -import { ComponentHeader } from 'storybook/blocks/component-header'; - -import { Typography } from './component'; -import { name, version } from '../package.json'; -import { colors } from './colors'; - - - - - - - - - {React.createElement(() => { - const VIEW_TYPES = [ - 'xlarge', - 'large', - 'medium', - 'small', - 'xsmall', - ]; - const color = select('color', colors, ''); - const weight = select('weight', ['', 'regular', 'medium', 'bold']); - const font = select('font', ['styrene', 'system'], 'styrene'); - return VIEW_TYPES.map(view => ( - - заголовок view='{view}' - - )) - })} - - - - {React.createElement(() => { - const VIEW_TYPES = [ - 'xlarge', - 'large', - 'medium', - 'small', - 'xsmall', - ]; - const color = select('color', colors, ''); - const weight = select('weight', ['', 'regular', 'medium', 'bold']); - const font = select('font', ['styrene', 'system'], 'styrene'); - return VIEW_TYPES.map(view => ( - - заголовок view='{view}' - - )) - })} - - - - {React.createElement(() => { - const VIEW_TYPES = [ - 'primary-large', - 'primary-medium', - 'primary-small', - 'secondary-large', - 'secondary-medium', - 'secondary-small', - 'component', - 'caps', - ]; - const color = select('color', colors, ''); - const tag = select('tag', ['div', 'p', 'span'], 'p'); - const weight = select('weight', ['regular', 'medium', 'bold'], 'regular'); - const className = text('className', ''); - return VIEW_TYPES.map(view => ( - - {view}. Космологи́ческая сингуля́рность — состояния Вселенной в определённый момент времени в прошлом, - когда плотность энергии (материи) и кривизна пространства-времени были очень велики — порядка - планковских значений. - - )); - })} - - - - - - - -```tsx -import { Typography } from '@alfalab/core-components/typography'; -``` - -Набор компонентов для оформления текста, реализующий [гибридную систему типографики](https://www.figma.com/file/FWya6P55TnXkiVGaM2qBio/2020-Web-Hybrid-Typography?node-id=593%3A0). - -Для интерактивных элементов, требующих изменение цвета при наведении, следует устанавливать цвет через CSS. Пропса `color` — для статичных элементов. - -> **_NOTE:_** Компоненты не устанавливают свойство `font-family`, кроме случаев, когда используется шрифт 'Styrene UI'. Подразумевается, что шрифт будет установлен у родителя. - -[Подробнее про использование типографики](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page) - - - - - -## Typography.Title - -Стандартный заголовок для шрифта styrene -Стандартный заголовок для шрифта system - - - {React.createElement(() => { - const VIEW_TYPES = [ - 'xlarge', - 'large', - 'medium', - 'small', - 'xsmall', - ]; - const color = select('color', colors, ''); - const weight = select('weight', ['regular', 'medium', 'bold'], 'medium'); - const font = select('font', ['styrene', 'system'], 'styrene'); - return VIEW_TYPES.map(view => ( - - заголовок view='{view}' - - )) - })} - - -## Typography.TitleResponsive - -Адаптивный заголовок для шрифта styrene -Адаптивный заголовок для шрифта system - - - {React.createElement(() => { - const VIEW_TYPES = [ - 'xlarge', - 'large', - 'medium', - 'small', - 'xsmall', - ]; - const color = select('color', colors, ''); - const weight = select('weight', ['regular', 'medium', 'bold'], 'medium'); - const font = select('font', ['styrene', 'system'], 'styrene'); - return VIEW_TYPES.map(view => ( - - заголовок view='{view}' - - )) - })} - - -## Typography.Text - -Компонент для оформления текста. Позволяет задать внешний вид, тэг и цвет текста. - - - {React.createElement(() => { - const VIEW_TYPES = [ - 'primary-large', - 'primary-medium', - 'primary-small', - 'secondary-large', - 'secondary-medium', - 'secondary-small', - 'component', - 'caps', - ]; - const color = select('color', colors, ''); - const tag = select('tag', ['div', 'p', 'span'], 'p'); - const weight = select('weight', ['regular', 'medium', 'bold'], 'regular'); - const className = text('className', ''); - return VIEW_TYPES.map(view => ( - - {view}. Космологи́ческая сингуля́рность — состояния Вселенной в определённый момент времени в прошлом, - когда плотность энергии (материи) и кривизна пространства-времени были очень велики — порядка - планковских значений. - - )); - })} - diff --git a/packages/typography/src/docs/Component.stories.mdx b/packages/typography/src/docs/Component.stories.mdx index d56e8b278d..b13c36b560 100644 --- a/packages/typography/src/docs/Component.stories.mdx +++ b/packages/typography/src/docs/Component.stories.mdx @@ -5,6 +5,7 @@ import { ComponentHeader, Tabs } from 'storybook/blocks'; import { Typography } from '../component'; import { name, version } from '../../package.json'; import Description from './description.mdx'; +import Changelog from '../../CHANGELOG.md'; import { colors } from '../colors'; @@ -109,5 +110,6 @@ import { Typography } from '@alfalab/core-components/typography'; } + changelog={} props={} /> diff --git a/packages/vars/src/Component.stories.mdx b/packages/vars/src/Component.stories.mdx index e4f074434c..3e3d509770 100644 --- a/packages/vars/src/Component.stories.mdx +++ b/packages/vars/src/Component.stories.mdx @@ -1,7 +1,5 @@ import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks'; -import { ComponentHeader } from 'storybook/blocks/component-header'; - -import { CssVars } from 'storybook/blocks/css-vars'; +import { ComponentHeader, CssVars } from 'storybook/blocks'; import { name, version } from '../package.json'; @@ -13,6 +11,7 @@ import borderRadius from '!!raw-loader!./border-radius.css'; import gaps from '!!raw-loader!./gaps.css'; import shadowsIndigo from '!!raw-loader!./shadows-indigo.css'; + } + changelog={} />