@gravity-ui/page-constructor 8.4.0 → 8.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/blocks/Hero/Hero.css +4 -10
- package/build/cjs/blocks/Hero/Hero.js +0 -1
- package/build/cjs/blocks/Hero/Hero.js.map +1 -1
- package/build/cjs/blocks/validators.d.ts +1 -0
- package/build/cjs/blocks/validators.js +1 -0
- package/build/cjs/blocks/validators.js.map +1 -1
- package/build/esm/blocks/Hero/Hero.css +4 -10
- package/build/esm/blocks/Hero/Hero.js +0 -1
- package/build/esm/blocks/Hero/Hero.js.map +1 -1
- package/build/esm/blocks/validators.d.ts +1 -0
- package/build/esm/blocks/validators.js +1 -0
- package/build/esm/blocks/validators.js.map +1 -1
- package/package.json +1 -1
|
@@ -65,9 +65,6 @@ unpredictable css rules order in build */
|
|
|
65
65
|
.pc-hero-block__content_vertical-offset_xl {
|
|
66
66
|
padding-block: 160px;
|
|
67
67
|
}
|
|
68
|
-
.pc-hero-block__content_no-media {
|
|
69
|
-
width: 100%;
|
|
70
|
-
}
|
|
71
68
|
.pc-hero-block__content-overtitle {
|
|
72
69
|
margin-bottom: 8px;
|
|
73
70
|
}
|
|
@@ -154,33 +151,30 @@ unpredictable css rules order in build */
|
|
|
154
151
|
.pc-hero-block__content {
|
|
155
152
|
grid-column: span 7;
|
|
156
153
|
}
|
|
157
|
-
.pc-hero-block__content_no-media {
|
|
158
|
-
grid-column: span 12;
|
|
159
|
-
}
|
|
160
154
|
.pc-hero-block__media {
|
|
161
155
|
grid-column: span 5;
|
|
162
156
|
}
|
|
163
157
|
}
|
|
164
158
|
@media (max-width: 769px) {
|
|
165
159
|
.pc-hero-block__wrapper {
|
|
160
|
+
gap: 0;
|
|
166
161
|
padding-block: 20px 24px;
|
|
167
162
|
}
|
|
168
163
|
.pc-hero-block__breadcrumbs {
|
|
164
|
+
position: initial;
|
|
169
165
|
grid-column: span 12;
|
|
170
166
|
order: 1;
|
|
171
|
-
|
|
167
|
+
margin-bottom: 16px;
|
|
172
168
|
}
|
|
173
169
|
.pc-hero-block__content {
|
|
174
170
|
grid-column: span 12;
|
|
175
171
|
order: 3;
|
|
176
|
-
|
|
177
|
-
padding-block: 0 16px;
|
|
172
|
+
padding-block: 16px;
|
|
178
173
|
padding-inline: 0;
|
|
179
174
|
}
|
|
180
175
|
.pc-hero-block__media {
|
|
181
176
|
grid-column: span 12;
|
|
182
177
|
order: 2;
|
|
183
|
-
width: 100%;
|
|
184
178
|
padding-block: 0;
|
|
185
179
|
}
|
|
186
180
|
.pc-hero-block__media-container {
|
|
@@ -37,7 +37,6 @@ const Hero = (props) => {
|
|
|
37
37
|
['full-width']: fullWidth,
|
|
38
38
|
}), imageClassName: b('background-image'), videoClassName: b('background-video'), ...background, isBackground: true })), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [breadcrumbs && ((0, jsx_runtime_1.jsx)(components_1.HeaderBreadcrumbs, { className: b('breadcrumbs'), ...breadcrumbs, theme: theme })), (0, jsx_runtime_1.jsxs)("div", { className: b('content', {
|
|
39
39
|
['vertical-offset']: verticalOffset,
|
|
40
|
-
['no-media']: !media,
|
|
41
40
|
}), children: [overtitle && ((0, jsx_runtime_1.jsx)("div", { className: b('content-overtitle', { theme }), children: typeof overtitle === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: "span", content: overtitle, modifiers: {
|
|
42
41
|
constructor: true,
|
|
43
42
|
constructorTheme: theme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAAsE;AACtE,kDAA4C;AAC5C,wDAA6C;AAC7C,kFAAgE;AAChE,8CAAgC;AAEhC,0DAAyC;AACzC,gDAAkD;AAElD,sCAAgD;AAIhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,IAAI,GAAG,CAAC,KAAqB,EAAE,EAAE;IACnC,MAAM,EACF,WAAW,EACX,SAAS,EACT,OAAO,EACP,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,cAAc,GAAG,GAAG,EACpB,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,UAAU,EAAE,gBAAgB,EAC5B,GAAG,YAAY,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,QAAQ,CAAC,CAAC;IAEjF,MAAM,EAAC,WAAW,EAAE,yBAAyB,EAAE,GAAG,EAAE,iBAAiB,EAAC,GAClE,IAAA,+BAAuB,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,mCAAc,GAAE,GAAG,uBAAW,CAAC,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,gBAAgB,GAAG,yBAAyB,CAAC;IAErE,MAAM,YAAY,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAChC,MAAM,KAAK,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAE,YAAsB,CAAC;IAElF,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,sBAAc,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CACD,OAAO,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE;QAC1B,IAAI,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;YACrC,OAAO,YAAY,CAAC;QACxB,CAAC;QAED,MAAM,MAAM,GAAG,IAAA,sBAAc,EAAC,YAAY,EAAE,KAAK,CAAgB,CAAC;QAElE,OAAO;YACH,IAAI,EAAE,IAAI;YACV,GAAG,MAAM;SACZ,CAAC;IACN,CAAC,CAAC,EACN,CAAC,OAAO,EAAE,KAAK,CAAC,CACnB,CAAC;IAEF,MAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,EAAC,KAAK,EAAE,MAAM,EAAkC,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,GAAG,MAAM,CAAC,EACzF,EAAE,CACL,CAAC;IAEF,OAAO,CACH,oCAAQ,SAAS,EAAE,CAAC,EAAE,aACjB,UAAU,IAAI,CACX,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE;oBACvB,CAAC,YAAY,CAAC,EAAE,SAAS;iBAC5B,CAAC,EACF,cAAc,EAAE,CAAC,CAAC,kBAAkB,CAAC,EACrC,cAAc,EAAE,CAAC,CAAC,kBAAkB,CAAC,KACjC,UAAU,EACd,YAAY,SACd,CACL,EACD,uBAAC,WAAI,cACD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,WAAW,IAAI,CACZ,uBAAC,8BAAiB,IACd,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,KACvB,WAAW,EACf,KAAK,EAAE,KAAK,GACd,CACL,EACD,iCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;gCACpB,CAAC,iBAAiB,CAAC,EAAE,cAAc;
|
|
1
|
+
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {HeaderBreadcrumbs, Media, YFMWrapper} from '../../components';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {useWindowWidth} from '../../context/windowWidthContext';\nimport {Grid} from '../../grid';\nimport {ButtonProps, HeroBlockProps, Theme} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport {useContainerAspectRatio} from './hooks';\n\nimport './Hero.scss';\n\nconst b = block('hero-block');\n\nconst Hero = (props: HeroBlockProps) => {\n const {\n breadcrumbs,\n overtitle,\n buttons,\n media: themedMedia,\n fullWidth,\n verticalOffset = 'm',\n theme: contentTheme = 'default',\n background: themedBackground,\n ...contentProps\n } = props;\n\n const [mediaAspectRatio, setMediaAspectRatio] = React.useState<number>(Infinity);\n\n const {aspectRatio: mediaContainerAspectRatio, ref: mediaContainerRef} =\n useContainerAspectRatio();\n\n const isDesktop = useWindowWidth() > BREAKPOINTS.md;\n const isMediaVertical = mediaAspectRatio < mediaContainerAspectRatio;\n\n const contextTheme = useTheme();\n const theme = contentTheme === 'default' ? contextTheme : (contentTheme as Theme);\n\n const background = getThemedValue(themedBackground, theme);\n const media = getThemedValue(themedMedia, theme);\n\n const buttonProps = React.useMemo<(ButtonProps | React.ReactNode)[] | undefined>(\n () =>\n buttons?.map((buttonThemed) => {\n if (React.isValidElement(buttonThemed)) {\n return buttonThemed;\n }\n\n const button = getThemedValue(buttonThemed, theme) as ButtonProps;\n\n return {\n size: 'xl',\n ...button,\n };\n }),\n [buttons, theme],\n );\n\n const onMediaIntrinsicSizeChange = React.useCallback(\n ({width, height}: {width: number; height: number}) => setMediaAspectRatio(width / height),\n [],\n );\n\n return (\n <header className={b()}>\n {background && (\n <Media\n className={b('background', {\n ['full-width']: fullWidth,\n })}\n imageClassName={b('background-image')}\n videoClassName={b('background-video')}\n {...background}\n isBackground\n />\n )}\n <Grid>\n <div className={b('wrapper')}>\n {breadcrumbs && (\n <HeaderBreadcrumbs\n className={b('breadcrumbs')}\n {...breadcrumbs}\n theme={theme}\n />\n )}\n <div\n className={b('content', {\n ['vertical-offset']: verticalOffset,\n })}\n >\n {overtitle && (\n <div className={b('content-overtitle', {theme})}>\n {typeof overtitle === 'string' ? (\n <YFMWrapper\n tagName=\"span\"\n content={overtitle}\n modifiers={{\n constructor: true,\n constructorTheme: theme,\n }}\n />\n ) : (\n overtitle\n )}\n </div>\n )}\n <Content\n size=\"xl\"\n colSizes={{all: 12}}\n {...contentProps}\n buttons={buttonProps}\n theme={contentTheme}\n />\n </div>\n {media && (\n <div className={b('media')}>\n <div className={b('media-container')} ref={mediaContainerRef}>\n <Media\n className={b('media-container-content', {\n ['round-corners']: media.roundCorners ?? true,\n vertical: isDesktop && isMediaVertical,\n })}\n {...media}\n disablePlayerAutoSizing\n onIntrinsicSizeChange={onMediaIntrinsicSizeChange}\n />\n </div>\n </div>\n )}\n </div>\n </Grid>\n </header>\n );\n};\n\nexport default Hero;\n"]}
|
|
@@ -5,6 +5,7 @@ export * from "./ContentLayout/schema.js";
|
|
|
5
5
|
export * from "./ExtendedFeatures/schema.js";
|
|
6
6
|
export * from "./Header/schema.js";
|
|
7
7
|
export * from "./HeaderSlider/schema.js";
|
|
8
|
+
export * from "./Hero/schema.js";
|
|
8
9
|
export * from "./Icons/schema.js";
|
|
9
10
|
export * from "./Info/schema.js";
|
|
10
11
|
export * from "./Media/schema.js";
|
|
@@ -8,6 +8,7 @@ tslib_1.__exportStar(require("./ContentLayout/schema.js"), exports);
|
|
|
8
8
|
tslib_1.__exportStar(require("./ExtendedFeatures/schema.js"), exports);
|
|
9
9
|
tslib_1.__exportStar(require("./Header/schema.js"), exports);
|
|
10
10
|
tslib_1.__exportStar(require("./HeaderSlider/schema.js"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./Hero/schema.js"), exports);
|
|
11
12
|
tslib_1.__exportStar(require("./Icons/schema.js"), exports);
|
|
12
13
|
tslib_1.__exportStar(require("./Info/schema.js"), exports);
|
|
13
14
|
tslib_1.__exportStar(require("./Media/schema.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,iEAAoC;AACpC,gEAAmC;AACnC,oEAAuC;AACvC,uEAA0C;AAC1C,6DAAgC;AAChC,mEAAsC;AACtC,4DAA+B;AAC/B,2DAA8B;AAC9B,4DAA+B;AAC/B,yEAA4C;AAC5C,gEAAmC;AACnC,gEAAmC;AACnC,6DAAgC;AAChC,4DAA+B;AAC/B,4DAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './SliderOld/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}
|
|
1
|
+
{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,iEAAoC;AACpC,gEAAmC;AACnC,oEAAuC;AACvC,uEAA0C;AAC1C,6DAAgC;AAChC,mEAAsC;AACtC,2DAA8B;AAC9B,4DAA+B;AAC/B,2DAA8B;AAC9B,4DAA+B;AAC/B,yEAA4C;AAC5C,gEAAmC;AACnC,gEAAmC;AACnC,6DAAgC;AAChC,4DAA+B;AAC/B,4DAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Hero/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './SliderOld/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}
|
|
@@ -65,9 +65,6 @@ unpredictable css rules order in build */
|
|
|
65
65
|
.pc-hero-block__content_vertical-offset_xl {
|
|
66
66
|
padding-block: 160px;
|
|
67
67
|
}
|
|
68
|
-
.pc-hero-block__content_no-media {
|
|
69
|
-
width: 100%;
|
|
70
|
-
}
|
|
71
68
|
.pc-hero-block__content-overtitle {
|
|
72
69
|
margin-bottom: 8px;
|
|
73
70
|
}
|
|
@@ -154,33 +151,30 @@ unpredictable css rules order in build */
|
|
|
154
151
|
.pc-hero-block__content {
|
|
155
152
|
grid-column: span 7;
|
|
156
153
|
}
|
|
157
|
-
.pc-hero-block__content_no-media {
|
|
158
|
-
grid-column: span 12;
|
|
159
|
-
}
|
|
160
154
|
.pc-hero-block__media {
|
|
161
155
|
grid-column: span 5;
|
|
162
156
|
}
|
|
163
157
|
}
|
|
164
158
|
@media (max-width: 769px) {
|
|
165
159
|
.pc-hero-block__wrapper {
|
|
160
|
+
gap: 0;
|
|
166
161
|
padding-block: 20px 24px;
|
|
167
162
|
}
|
|
168
163
|
.pc-hero-block__breadcrumbs {
|
|
164
|
+
position: initial;
|
|
169
165
|
grid-column: span 12;
|
|
170
166
|
order: 1;
|
|
171
|
-
|
|
167
|
+
margin-bottom: 16px;
|
|
172
168
|
}
|
|
173
169
|
.pc-hero-block__content {
|
|
174
170
|
grid-column: span 12;
|
|
175
171
|
order: 3;
|
|
176
|
-
|
|
177
|
-
padding-block: 0 16px;
|
|
172
|
+
padding-block: 16px;
|
|
178
173
|
padding-inline: 0;
|
|
179
174
|
}
|
|
180
175
|
.pc-hero-block__media {
|
|
181
176
|
grid-column: span 12;
|
|
182
177
|
order: 2;
|
|
183
|
-
width: 100%;
|
|
184
178
|
padding-block: 0;
|
|
185
179
|
}
|
|
186
180
|
.pc-hero-block__media-container {
|
|
@@ -35,7 +35,6 @@ const Hero = (props) => {
|
|
|
35
35
|
['full-width']: fullWidth,
|
|
36
36
|
}), imageClassName: b('background-image'), videoClassName: b('background-video'), ...background, isBackground: true })), _jsx(Grid, { children: _jsxs("div", { className: b('wrapper'), children: [breadcrumbs && (_jsx(HeaderBreadcrumbs, { className: b('breadcrumbs'), ...breadcrumbs, theme: theme })), _jsxs("div", { className: b('content', {
|
|
37
37
|
['vertical-offset']: verticalOffset,
|
|
38
|
-
['no-media']: !media,
|
|
39
38
|
}), children: [overtitle && (_jsx("div", { className: b('content-overtitle', { theme }), children: typeof overtitle === 'string' ? (_jsx(YFMWrapper, { tagName: "span", content: overtitle, modifiers: {
|
|
40
39
|
constructor: true,
|
|
41
40
|
constructorTheme: theme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {HeaderBreadcrumbs, Media, YFMWrapper} from '../../components';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {useWindowWidth} from '../../context/windowWidthContext';\nimport {Grid} from '../../grid';\nimport {ButtonProps, HeroBlockProps, Theme} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport {useContainerAspectRatio} from './hooks';\n\nimport './Hero.scss';\n\nconst b = block('hero-block');\n\nconst Hero = (props: HeroBlockProps) => {\n const {\n breadcrumbs,\n overtitle,\n buttons,\n media: themedMedia,\n fullWidth,\n verticalOffset = 'm',\n theme: contentTheme = 'default',\n background: themedBackground,\n ...contentProps\n } = props;\n\n const [mediaAspectRatio, setMediaAspectRatio] = React.useState<number>(Infinity);\n\n const {aspectRatio: mediaContainerAspectRatio, ref: mediaContainerRef} =\n useContainerAspectRatio();\n\n const isDesktop = useWindowWidth() > BREAKPOINTS.md;\n const isMediaVertical = mediaAspectRatio < mediaContainerAspectRatio;\n\n const contextTheme = useTheme();\n const theme = contentTheme === 'default' ? contextTheme : (contentTheme as Theme);\n\n const background = getThemedValue(themedBackground, theme);\n const media = getThemedValue(themedMedia, theme);\n\n const buttonProps = React.useMemo<(ButtonProps | React.ReactNode)[] | undefined>(\n () =>\n buttons?.map((buttonThemed) => {\n if (React.isValidElement(buttonThemed)) {\n return buttonThemed;\n }\n\n const button = getThemedValue(buttonThemed, theme) as ButtonProps;\n\n return {\n size: 'xl',\n ...button,\n };\n }),\n [buttons, theme],\n );\n\n const onMediaIntrinsicSizeChange = React.useCallback(\n ({width, height}: {width: number; height: number}) => setMediaAspectRatio(width / height),\n [],\n );\n\n return (\n <header className={b()}>\n {background && (\n <Media\n className={b('background', {\n ['full-width']: fullWidth,\n })}\n imageClassName={b('background-image')}\n videoClassName={b('background-video')}\n {...background}\n isBackground\n />\n )}\n <Grid>\n <div className={b('wrapper')}>\n {breadcrumbs && (\n <HeaderBreadcrumbs\n className={b('breadcrumbs')}\n {...breadcrumbs}\n theme={theme}\n />\n )}\n <div\n className={b('content', {\n ['vertical-offset']: verticalOffset,\n })}\n >\n {overtitle && (\n <div className={b('content-overtitle', {theme})}>\n {typeof overtitle === 'string' ? (\n <YFMWrapper\n tagName=\"span\"\n content={overtitle}\n modifiers={{\n constructor: true,\n constructorTheme: theme,\n }}\n />\n ) : (\n overtitle\n )}\n </div>\n )}\n <Content\n size=\"xl\"\n colSizes={{all: 12}}\n {...contentProps}\n buttons={buttonProps}\n theme={contentTheme}\n />\n </div>\n {media && (\n <div className={b('media')}>\n <div className={b('media-container')} ref={mediaContainerRef}>\n <Media\n className={b('media-container-content', {\n ['round-corners']: media.roundCorners ?? true,\n vertical: isDesktop && isMediaVertical,\n })}\n {...media}\n disablePlayerAutoSizing\n onIntrinsicSizeChange={onMediaIntrinsicSizeChange}\n />\n </div>\n </div>\n )}\n </div>\n </Grid>\n </header>\n );\n};\n\nexport default Hero;\n"]}
|
|
@@ -5,6 +5,7 @@ export * from "./ContentLayout/schema.js";
|
|
|
5
5
|
export * from "./ExtendedFeatures/schema.js";
|
|
6
6
|
export * from "./Header/schema.js";
|
|
7
7
|
export * from "./HeaderSlider/schema.js";
|
|
8
|
+
export * from "./Hero/schema.js";
|
|
8
9
|
export * from "./Icons/schema.js";
|
|
9
10
|
export * from "./Info/schema.js";
|
|
10
11
|
export * from "./Media/schema.js";
|
|
@@ -5,6 +5,7 @@ export * from "./ContentLayout/schema.js";
|
|
|
5
5
|
export * from "./ExtendedFeatures/schema.js";
|
|
6
6
|
export * from "./Header/schema.js";
|
|
7
7
|
export * from "./HeaderSlider/schema.js";
|
|
8
|
+
export * from "./Hero/schema.js";
|
|
8
9
|
export * from "./Icons/schema.js";
|
|
9
10
|
export * from "./Info/schema.js";
|
|
10
11
|
export * from "./Media/schema.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,uCAAoC;AACpC,sCAAmC;AACnC,0CAAuC;AACvC,6CAA0C;AAC1C,mCAAgC;AAChC,yCAAsC;AACtC,kCAA+B;AAC/B,iCAA8B;AAC9B,kCAA+B;AAC/B,+CAA4C;AAC5C,sCAAmC;AACnC,sCAAmC;AACnC,mCAAgC;AAChC,kCAA+B;AAC/B,kCAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './SliderOld/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}
|
|
1
|
+
{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,uCAAoC;AACpC,sCAAmC;AACnC,0CAAuC;AACvC,6CAA0C;AAC1C,mCAAgC;AAChC,yCAAsC;AACtC,iCAA8B;AAC9B,kCAA+B;AAC/B,iCAA8B;AAC9B,kCAA+B;AAC/B,+CAA4C;AAC5C,sCAAmC;AACnC,sCAAmC;AACnC,mCAAgC;AAChC,kCAA+B;AAC/B,kCAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Hero/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './SliderOld/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}
|