diff --git a/src/blocks/Header/__stories__/Header.mdx b/src/blocks/Header/__stories__/Header.mdx index adf5f697d..f491d67ef 100644 --- a/src/blocks/Header/__stories__/Header.mdx +++ b/src/blocks/Header/__stories__/Header.mdx @@ -44,7 +44,7 @@ There could be only one one Header block on the page. `theme?: default | dark` — Sets the text color (black by default, white for the dark background). -`verticalOffset?: 's' | 'm' | 'l' | 'xl'` — Top and bottom offsets from the text. (Values: 's' - 48px, 'm' - 80px, 'l' - 112px, 'xl' - 144px.) +`verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl'` — Top and bottom offsets from the text. (Values: '0' - 0px, 's' - 48px, 'm' - 80px, 'l' - 112px, 'xl' - 144px.) `mediaView?: full | fit` — full is default value, the media content covers all widht and height. Fit - media content has real sizes and locates in the middle diff --git a/src/blocks/Header/__stories__/Header.stories.tsx b/src/blocks/Header/__stories__/Header.stories.tsx index 25be112a1..993500b8e 100644 --- a/src/blocks/Header/__stories__/Header.stories.tsx +++ b/src/blocks/Header/__stories__/Header.stories.tsx @@ -80,6 +80,7 @@ const FitTemplate: StoryFn = (args) => ( const VerticalOffsetTemplate: StoryFn = (args) => ( + diff --git a/src/blocks/Header/schema.ts b/src/blocks/Header/schema.ts index 9f6333c32..9ee8484ed 100644 --- a/src/blocks/Header/schema.ts +++ b/src/blocks/Header/schema.ts @@ -67,7 +67,7 @@ export const HeaderProperties = { }, verticalOffset: { type: 'string', - enum: ['s', 'm', 'l', 'xl'], + enum: ['0', 's', 'm', 'l', 'xl'], }, background: withTheme(HeaderBackgroundProps), theme: { diff --git a/src/models/constructor-items/blocks.ts b/src/models/constructor-items/blocks.ts index 000027558..75337bb83 100644 --- a/src/models/constructor-items/blocks.ts +++ b/src/models/constructor-items/blocks.ts @@ -156,7 +156,7 @@ export interface HeaderBlockProps { mediaView?: 'fit' | 'full'; background?: ThemedHeaderBlockBackground; theme?: 'light' | 'dark'; - verticalOffset?: 's' | 'm' | 'l' | 'xl'; + verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl'; breadcrumbs?: HeaderBreadCrumbsProps; status?: JSX.Element; renderTitle?: (title: string) => React.ReactNode;