@gravity-ui/blog-constructor 7.1.0 → 8.0.0-alpha.0

package/build/cjs/blocks/Suggest/Suggest.js

@@ -34,7 +34,7 @@ const Suggest = ({ paddingTop = 'l', paddingBottom = 'l' }) => {
     return ((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, children: (0, jsx_runtime_1.jsx)(page_constructor_1.SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: (0, i18n_1.i18n)(i18n_1.Keyset.TitleSuggest) }, lazyLoad: false, children: suggestedPosts.map((post) => ((0, jsx_runtime_1.jsx)(PostCard_1.PostCard, { analyticsEvents: suggestGoals, post: post }, post.id))) }) }));
+        }, children: (0, jsx_runtime_1.jsx)(page_constructor_1.SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: (0, i18n_1.i18n)(i18n_1.Keyset.TitleSuggest) }, children: suggestedPosts.map((post) => ((0, jsx_runtime_1.jsx)(PostCard_1.PostCard, { analyticsEvents: suggestGoals, post: post }, post.id))) }) }));
 };
 exports.Suggest = Suggest;
 //# sourceMappingURL=Suggest.js.map

package/build/cjs/blocks/Suggest/Suggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggest.js","sourceRoot":"../../../../src","sources":["blocks/Suggest/Suggest.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAyD;AAEzD,oEAA4D;AAC5D,iEAAyD;AACzD,uEAA+D;AAC/D,8CAAwC;AAExC,uDAAyD;AACzD,kDAAyD;AACzD,kDAA+C;AAC/C,mDAAsD;AAEtD,MAAM,YAAY,GAAG,IAAA,8BAAqB,EAAC;IACvC,IAAI,EAAE,0BAAc,CAAC,OAAO;IAC5B,OAAO,EAAE,wBAAgB,CAAC,SAAS;CACtC,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACI,MAAM,OAAO,GAAG,CAAC,EAAC,UAAU,GAAG,GAAG,EAAE,aAAa,GAAG,GAAG,EAAe,EAAE,EAAE;IAC7E,MAAM,EAAC,cAAc,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAE3D,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,YAED,uBAAC,8BAAW,IACR,YAAY,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,EACnC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,YAAY,CAAC,EAAC,EACxC,QAAQ,EAAE,KAAK,YAEd,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,uBAAC,mBAAQ,IAAe,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,IAAlD,IAAI,CAAC,EAAE,CAA+C,CACxE,CAAC,GACQ,GACR,CACb,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,OAAO,WAyBlB","sourcesContent":["import * as React from 'react';\n\nimport {SliderBlock} from '@gravity-ui/page-constructor';\n\nimport {PostCard} from '../../components/PostCard/PostCard';\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {Keyset, i18n} from '../../i18n';\nimport {SuggestProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\n\nconst suggestGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.suggest,\n    counter: AnalyticsCounter.CrossSite,\n});\n\n/**\n * Suggested posts block\n *\n * @param posts - suggested posts list\n * @param paddingTop - padding top code\n * @param paddingBottom - padding bottom code\n *\n * @returns -jsx\n */\nexport const Suggest = ({paddingTop = 'l', paddingBottom = 'l'}: SuggestProps) => {\n    const {suggestedPosts} = React.useContext(PostPageContext);\n\n    if (suggestedPosts.length === 0) {\n        return null;\n    }\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n        >\n            <SliderBlock\n                slidesToShow={{xl: 3, lg: 2, sm: 1}}\n                title={{text: i18n(Keyset.TitleSuggest)}}\n                lazyLoad={false}\n            >\n                {suggestedPosts.map((post) => (\n                    <PostCard key={post.id} analyticsEvents={suggestGoals} post={post} />\n                ))}\n            </SliderBlock>\n        </Wrapper>\n    );\n};\n"]}
+{"version":3,"file":"Suggest.js","sourceRoot":"../../../../src","sources":["blocks/Suggest/Suggest.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAyD;AAEzD,oEAA4D;AAC5D,iEAAyD;AACzD,uEAA+D;AAC/D,8CAAwC;AAExC,uDAAyD;AACzD,kDAAyD;AACzD,kDAA+C;AAC/C,mDAAsD;AAEtD,MAAM,YAAY,GAAG,IAAA,8BAAqB,EAAC;IACvC,IAAI,EAAE,0BAAc,CAAC,OAAO;IAC5B,OAAO,EAAE,wBAAgB,CAAC,SAAS;CACtC,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACI,MAAM,OAAO,GAAG,CAAC,EAAC,UAAU,GAAG,GAAG,EAAE,aAAa,GAAG,GAAG,EAAe,EAAE,EAAE;IAC7E,MAAM,EAAC,cAAc,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAE3D,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,YAED,uBAAC,8BAAW,IACR,YAAY,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,EACnC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,YAAY,CAAC,EAAC,YAEvC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,uBAAC,mBAAQ,IAAe,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,IAAlD,IAAI,CAAC,EAAE,CAA+C,CACxE,CAAC,GACQ,GACR,CACb,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,OAAO,WAwBlB","sourcesContent":["import * as React from 'react';\n\nimport {SliderBlock} from '@gravity-ui/page-constructor';\n\nimport {PostCard} from '../../components/PostCard/PostCard';\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {Keyset, i18n} from '../../i18n';\nimport {SuggestProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\n\nconst suggestGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.suggest,\n    counter: AnalyticsCounter.CrossSite,\n});\n\n/**\n * Suggested posts block\n *\n * @param posts - suggested posts list\n * @param paddingTop - padding top code\n * @param paddingBottom - padding bottom code\n *\n * @returns -jsx\n */\nexport const Suggest = ({paddingTop = 'l', paddingBottom = 'l'}: SuggestProps) => {\n    const {suggestedPosts} = React.useContext(PostPageContext);\n\n    if (suggestedPosts.length === 0) {\n        return null;\n    }\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n        >\n            <SliderBlock\n                slidesToShow={{xl: 3, lg: 2, sm: 1}}\n                title={{text: i18n(Keyset.TitleSuggest)}}\n            >\n                {suggestedPosts.map((post) => (\n                    <PostCard key={post.id} analyticsEvents={suggestGoals} post={post} />\n                ))}\n            </SliderBlock>\n        </Wrapper>\n    );\n};\n"]}

package/build/cjs/components/Paginator/Paginator.css

@@ -14,7 +14,6 @@ unpredictable css rules order in build */
   min-width: 44px;
   min-height: 44px;
   margin-left: 4px;
-  padding: 12px 0px;
   color: var(--g-color-text-primary);
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -24,122 +24,6 @@
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.yfm_blog {
-  font-size: var(--g-text-body-3-font-size);
-  line-height: var(--g-text-body-3-line-height);
-  color: var(--g-color-text-primary);
-}
-.yfm_blog h1:first-child,
-.yfm_blog h2:first-child,
-.yfm_blog h3:first-child,
-.yfm_blog h4:first-child {
-  padding: 0;
-  margin-top: 0;
-  padding-top: 0;
-}
-.yfm_blog h2 {
-  font-size: var(--g-text-display-2-font-size);
-  line-height: var(--g-text-display-2-line-height);
-}
-.yfm_blog h3 {
-  font-size: var(--g-text-header-2-font-size);
-  line-height: var(--g-text-header-2-line-height);
-}
-.yfm_blog h4 {
-  font-size: var(--g-text-header-1-font-size);
-  line-height: var(--g-text-header-1-line-height);
-}
-.yfm_blog.yfm_blog h1,
-.yfm_blog.yfm_blog h2,
-.yfm_blog.yfm_blog h3,
-.yfm_blog.yfm_blog h4,
-.yfm_blog.yfm_blog h5,
-.yfm_blog.yfm_blog h6 {
-  margin-bottom: 16px;
-  margin-top: 32px;
-  padding-top: 0;
-  font-weight: var(--g-text-header-font-weight);
-}
-
-.yfm_blog blockquote,
-.yfm_blog dl,
-.yfm_blog ol,
-.yfm_blog p,
-.yfm_blog pre,
-.yfm_blog table,
-.yfm_blog ul {
-  margin: 0 0 16px;
-}
-.yfm_blog *:has(+ dfn) {
-  margin-bottom: 0 !important;
-}
-.yfm_blog img {
-  margin-bottom: 32px;
-  margin-top: 16px;
-  border-radius: 24px;
-}
-.yfm_blog hr {
-  height: 1px;
-}
-.yfm_blog ol,
-.yfm_blog ul {
-  padding-left: 1.4em;
-}
-.yfm_blog code {
-  color: var(--g-color-text-misc);
-}
-.yfm_blog pre > code {
-  color: var(--g-color-text-primary);
-}
-.yfm_blog table {
-  color: var(--g-color-text-primary);
-  border: 1px solid var(--g-color-line-generic);
-  background: var(--g-color-base-background);
-}
-.yfm_blog thead tr,
-.yfm_blog table tr:nth-child(2n) {
-  background-color: var(--g-color-base-generic);
-}
-.yfm_blog_media {
-  font-size: var(--g-text-body-3-font-size);
-  line-height: var(--g-text-body-3-line-height);
-  color: var(--g-color-text-secondary);
-}
-.yfm_blog_breadcrumbs {
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-  color: var(--g-text-color-base);
-}
-.yfm_blog a {
-  color: var(--g-color-text-link);
-  border-radius: var(--g-focus-border-radius);
-}
-.yfm_blog a:hover {
-  color: var(--g-color-text-link-hover);
-}
-.yfm_blog a:focus {
-  box-shadow: 0 0 0 2px var(--g-color-line-focus);
-}
-.yfm_blog a:focus:not(:focus-visible) {
-  box-shadow: none;
-}
-.yfm_blog a:focus {
-  outline: 0;
-}
-.yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
-  color: var(--g-color-text-link-hover);
-}
-.yfm_blog .yfm-tab.active {
-  border-bottom-color: var(--g-color-text-link);
-}
-.yfm_blog .yfm-clipboard {
-  margin: 32px 0;
-}
-
-.yfm_blog_card p {
-  color: var(--pc-text-header-color);
-}
-
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .yfm_constructor {
@@ -261,4 +145,120 @@ unpredictable css rules order in build */
 }
 .yfm_constructor_table th {
   text-align: left !important;
+}
+
+.yfm_blog {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-primary);
+}
+.yfm_blog h1:first-child,
+.yfm_blog h2:first-child,
+.yfm_blog h3:first-child,
+.yfm_blog h4:first-child {
+  padding: 0;
+  margin-top: 0;
+  padding-top: 0;
+}
+.yfm_blog h2 {
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
+}
+.yfm_blog h3 {
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
+}
+.yfm_blog h4 {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+}
+.yfm_blog.yfm_blog h1,
+.yfm_blog.yfm_blog h2,
+.yfm_blog.yfm_blog h3,
+.yfm_blog.yfm_blog h4,
+.yfm_blog.yfm_blog h5,
+.yfm_blog.yfm_blog h6 {
+  margin-bottom: 16px;
+  margin-top: 32px;
+  padding-top: 0;
+  font-weight: var(--g-text-header-font-weight);
+}
+
+.yfm_blog blockquote,
+.yfm_blog dl,
+.yfm_blog ol,
+.yfm_blog p,
+.yfm_blog pre,
+.yfm_blog table,
+.yfm_blog ul {
+  margin: 0 0 16px;
+}
+.yfm_blog *:has(+ dfn) {
+  margin-bottom: 0 !important;
+}
+.yfm_blog img {
+  margin-bottom: 32px;
+  margin-top: 16px;
+  border-radius: 24px;
+}
+.yfm_blog hr {
+  height: 1px;
+}
+.yfm_blog ol,
+.yfm_blog ul {
+  padding-left: 1.4em;
+}
+.yfm_blog code {
+  color: var(--g-color-text-misc);
+}
+.yfm_blog pre > code {
+  color: var(--g-color-text-primary);
+}
+.yfm_blog table {
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
+}
+.yfm_blog thead tr,
+.yfm_blog table tr:nth-child(2n) {
+  background-color: var(--g-color-base-generic);
+}
+.yfm_blog_media {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-secondary);
+}
+.yfm_blog_breadcrumbs {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  color: var(--g-text-color-base);
+}
+.yfm_blog a {
+  color: var(--g-color-text-link);
+  border-radius: var(--g-focus-border-radius);
+}
+.yfm_blog a:hover {
+  color: var(--g-color-text-link-hover);
+}
+.yfm_blog a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_blog a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_blog a:focus {
+  outline: 0;
+}
+.yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
+  color: var(--g-color-text-link-hover);
+}
+.yfm_blog .yfm-tab.active {
+  border-bottom-color: var(--g-color-text-link);
+}
+.yfm_blog .yfm-clipboard {
+  margin: 32px 0;
+}
+
+.yfm_blog_card p {
+  color: var(--pc-text-header-color);
 }

package/build/esm/blocks/Suggest/Suggest.js

@@ -30,6 +30,6 @@ export const Suggest = ({ paddingTop = 'l', paddingBottom = 'l' }) => {
     return (_jsx(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, children: _jsx(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18n(Keyset.TitleSuggest) }, lazyLoad: false, children: suggestedPosts.map((post) => (_jsx(PostCard, { analyticsEvents: suggestGoals, post: post }, post.id))) }) }));
+        }, children: _jsx(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18n(Keyset.TitleSuggest) }, children: suggestedPosts.map((post) => (_jsx(PostCard, { analyticsEvents: suggestGoals, post: post }, post.id))) }) }));
 };
 //# sourceMappingURL=Suggest.js.map

package/build/esm/blocks/Suggest/Suggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggest.js","sourceRoot":"../../../../src","sources":["blocks/Suggest/Suggest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAC,QAAQ,EAAC,8CAA2C;AAC5D,OAAO,EAAC,OAAO,EAAC,4CAAyC;AACzD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAC/D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AAExC,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,qBAAqB,EAAC,8BAA2B;AACzD,OAAO,EAAC,cAAc,EAAC,2BAAwB;AAC/C,OAAO,EAAC,gBAAgB,EAAC,gCAA6B;AAEtD,MAAM,YAAY,GAAG,qBAAqB,CAAC;IACvC,IAAI,EAAE,cAAc,CAAC,OAAO;IAC5B,OAAO,EAAE,gBAAgB,CAAC,SAAS;CACtC,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,UAAU,GAAG,GAAG,EAAE,aAAa,GAAG,GAAG,EAAe,EAAE,EAAE;IAC7E,MAAM,EAAC,cAAc,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAE3D,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,YAED,KAAC,WAAW,IACR,YAAY,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,EACnC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAC,EACxC,QAAQ,EAAE,KAAK,YAEd,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAAe,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,IAAlD,IAAI,CAAC,EAAE,CAA+C,CACxE,CAAC,GACQ,GACR,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SliderBlock} from '@gravity-ui/page-constructor';\n\nimport {PostCard} from '../../components/PostCard/PostCard';\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {Keyset, i18n} from '../../i18n';\nimport {SuggestProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\n\nconst suggestGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.suggest,\n    counter: AnalyticsCounter.CrossSite,\n});\n\n/**\n * Suggested posts block\n *\n * @param posts - suggested posts list\n * @param paddingTop - padding top code\n * @param paddingBottom - padding bottom code\n *\n * @returns -jsx\n */\nexport const Suggest = ({paddingTop = 'l', paddingBottom = 'l'}: SuggestProps) => {\n    const {suggestedPosts} = React.useContext(PostPageContext);\n\n    if (suggestedPosts.length === 0) {\n        return null;\n    }\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n        >\n            <SliderBlock\n                slidesToShow={{xl: 3, lg: 2, sm: 1}}\n                title={{text: i18n(Keyset.TitleSuggest)}}\n                lazyLoad={false}\n            >\n                {suggestedPosts.map((post) => (\n                    <PostCard key={post.id} analyticsEvents={suggestGoals} post={post} />\n                ))}\n            </SliderBlock>\n        </Wrapper>\n    );\n};\n"]}
+{"version":3,"file":"Suggest.js","sourceRoot":"../../../../src","sources":["blocks/Suggest/Suggest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAC,QAAQ,EAAC,8CAA2C;AAC5D,OAAO,EAAC,OAAO,EAAC,4CAAyC;AACzD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAC/D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AAExC,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,qBAAqB,EAAC,8BAA2B;AACzD,OAAO,EAAC,cAAc,EAAC,2BAAwB;AAC/C,OAAO,EAAC,gBAAgB,EAAC,gCAA6B;AAEtD,MAAM,YAAY,GAAG,qBAAqB,CAAC;IACvC,IAAI,EAAE,cAAc,CAAC,OAAO;IAC5B,OAAO,EAAE,gBAAgB,CAAC,SAAS;CACtC,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,UAAU,GAAG,GAAG,EAAE,aAAa,GAAG,GAAG,EAAe,EAAE,EAAE;IAC7E,MAAM,EAAC,cAAc,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAE3D,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,YAED,KAAC,WAAW,IACR,YAAY,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,EACnC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAC,YAEvC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAAe,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,IAAlD,IAAI,CAAC,EAAE,CAA+C,CACxE,CAAC,GACQ,GACR,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SliderBlock} from '@gravity-ui/page-constructor';\n\nimport {PostCard} from '../../components/PostCard/PostCard';\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {Keyset, i18n} from '../../i18n';\nimport {SuggestProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\n\nconst suggestGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.suggest,\n    counter: AnalyticsCounter.CrossSite,\n});\n\n/**\n * Suggested posts block\n *\n * @param posts - suggested posts list\n * @param paddingTop - padding top code\n * @param paddingBottom - padding bottom code\n *\n * @returns -jsx\n */\nexport const Suggest = ({paddingTop = 'l', paddingBottom = 'l'}: SuggestProps) => {\n    const {suggestedPosts} = React.useContext(PostPageContext);\n\n    if (suggestedPosts.length === 0) {\n        return null;\n    }\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n        >\n            <SliderBlock\n                slidesToShow={{xl: 3, lg: 2, sm: 1}}\n                title={{text: i18n(Keyset.TitleSuggest)}}\n            >\n                {suggestedPosts.map((post) => (\n                    <PostCard key={post.id} analyticsEvents={suggestGoals} post={post} />\n                ))}\n            </SliderBlock>\n        </Wrapper>\n    );\n};\n"]}

package/build/esm/components/Paginator/Paginator.css

@@ -14,7 +14,6 @@ unpredictable css rules order in build */
   min-width: 44px;
   min-height: 44px;
   margin-left: 4px;
-  padding: 12px 0px;
   color: var(--g-color-text-primary);
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -24,122 +24,6 @@
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.yfm_blog {
-  font-size: var(--g-text-body-3-font-size);
-  line-height: var(--g-text-body-3-line-height);
-  color: var(--g-color-text-primary);
-}
-.yfm_blog h1:first-child,
-.yfm_blog h2:first-child,
-.yfm_blog h3:first-child,
-.yfm_blog h4:first-child {
-  padding: 0;
-  margin-top: 0;
-  padding-top: 0;
-}
-.yfm_blog h2 {
-  font-size: var(--g-text-display-2-font-size);
-  line-height: var(--g-text-display-2-line-height);
-}
-.yfm_blog h3 {
-  font-size: var(--g-text-header-2-font-size);
-  line-height: var(--g-text-header-2-line-height);
-}
-.yfm_blog h4 {
-  font-size: var(--g-text-header-1-font-size);
-  line-height: var(--g-text-header-1-line-height);
-}
-.yfm_blog.yfm_blog h1,
-.yfm_blog.yfm_blog h2,
-.yfm_blog.yfm_blog h3,
-.yfm_blog.yfm_blog h4,
-.yfm_blog.yfm_blog h5,
-.yfm_blog.yfm_blog h6 {
-  margin-bottom: 16px;
-  margin-top: 32px;
-  padding-top: 0;
-  font-weight: var(--g-text-header-font-weight);
-}
-
-.yfm_blog blockquote,
-.yfm_blog dl,
-.yfm_blog ol,
-.yfm_blog p,
-.yfm_blog pre,
-.yfm_blog table,
-.yfm_blog ul {
-  margin: 0 0 16px;
-}
-.yfm_blog *:has(+ dfn) {
-  margin-bottom: 0 !important;
-}
-.yfm_blog img {
-  margin-bottom: 32px;
-  margin-top: 16px;
-  border-radius: 24px;
-}
-.yfm_blog hr {
-  height: 1px;
-}
-.yfm_blog ol,
-.yfm_blog ul {
-  padding-left: 1.4em;
-}
-.yfm_blog code {
-  color: var(--g-color-text-misc);
-}
-.yfm_blog pre > code {
-  color: var(--g-color-text-primary);
-}
-.yfm_blog table {
-  color: var(--g-color-text-primary);
-  border: 1px solid var(--g-color-line-generic);
-  background: var(--g-color-base-background);
-}
-.yfm_blog thead tr,
-.yfm_blog table tr:nth-child(2n) {
-  background-color: var(--g-color-base-generic);
-}
-.yfm_blog_media {
-  font-size: var(--g-text-body-3-font-size);
-  line-height: var(--g-text-body-3-line-height);
-  color: var(--g-color-text-secondary);
-}
-.yfm_blog_breadcrumbs {
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-  color: var(--g-text-color-base);
-}
-.yfm_blog a {
-  color: var(--g-color-text-link);
-  border-radius: var(--g-focus-border-radius);
-}
-.yfm_blog a:hover {
-  color: var(--g-color-text-link-hover);
-}
-.yfm_blog a:focus {
-  box-shadow: 0 0 0 2px var(--g-color-line-focus);
-}
-.yfm_blog a:focus:not(:focus-visible) {
-  box-shadow: none;
-}
-.yfm_blog a:focus {
-  outline: 0;
-}
-.yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
-  color: var(--g-color-text-link-hover);
-}
-.yfm_blog .yfm-tab.active {
-  border-bottom-color: var(--g-color-text-link);
-}
-.yfm_blog .yfm-clipboard {
-  margin: 32px 0;
-}
-
-.yfm_blog_card p {
-  color: var(--pc-text-header-color);
-}
-
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .yfm_constructor {
@@ -261,4 +145,120 @@ unpredictable css rules order in build */
 }
 .yfm_constructor_table th {
   text-align: left !important;
+}
+
+.yfm_blog {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-primary);
+}
+.yfm_blog h1:first-child,
+.yfm_blog h2:first-child,
+.yfm_blog h3:first-child,
+.yfm_blog h4:first-child {
+  padding: 0;
+  margin-top: 0;
+  padding-top: 0;
+}
+.yfm_blog h2 {
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
+}
+.yfm_blog h3 {
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
+}
+.yfm_blog h4 {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+}
+.yfm_blog.yfm_blog h1,
+.yfm_blog.yfm_blog h2,
+.yfm_blog.yfm_blog h3,
+.yfm_blog.yfm_blog h4,
+.yfm_blog.yfm_blog h5,
+.yfm_blog.yfm_blog h6 {
+  margin-bottom: 16px;
+  margin-top: 32px;
+  padding-top: 0;
+  font-weight: var(--g-text-header-font-weight);
+}
+
+.yfm_blog blockquote,
+.yfm_blog dl,
+.yfm_blog ol,
+.yfm_blog p,
+.yfm_blog pre,
+.yfm_blog table,
+.yfm_blog ul {
+  margin: 0 0 16px;
+}
+.yfm_blog *:has(+ dfn) {
+  margin-bottom: 0 !important;
+}
+.yfm_blog img {
+  margin-bottom: 32px;
+  margin-top: 16px;
+  border-radius: 24px;
+}
+.yfm_blog hr {
+  height: 1px;
+}
+.yfm_blog ol,
+.yfm_blog ul {
+  padding-left: 1.4em;
+}
+.yfm_blog code {
+  color: var(--g-color-text-misc);
+}
+.yfm_blog pre > code {
+  color: var(--g-color-text-primary);
+}
+.yfm_blog table {
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
+}
+.yfm_blog thead tr,
+.yfm_blog table tr:nth-child(2n) {
+  background-color: var(--g-color-base-generic);
+}
+.yfm_blog_media {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-secondary);
+}
+.yfm_blog_breadcrumbs {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  color: var(--g-text-color-base);
+}
+.yfm_blog a {
+  color: var(--g-color-text-link);
+  border-radius: var(--g-focus-border-radius);
+}
+.yfm_blog a:hover {
+  color: var(--g-color-text-link-hover);
+}
+.yfm_blog a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_blog a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_blog a:focus {
+  outline: 0;
+}
+.yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
+  color: var(--g-color-text-link-hover);
+}
+.yfm_blog .yfm-tab.active {
+  border-bottom-color: var(--g-color-text-link);
+}
+.yfm_blog .yfm-clipboard {
+  margin: 32px 0;
+}
+
+.yfm_blog_card p {
+  color: var(--pc-text-header-color);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "7.1.0",
+  "version": "8.0.0-alpha.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "type": "commonjs",
@@ -91,7 +91,7 @@
   },
   "peerDependencies": {
     "@diplodoc/transform": "^4.10.7",
-    "@gravity-ui/page-constructor": "^6.0.0",
+    "@gravity-ui/page-constructor": "^7.0.0-alpha.1",
     "@gravity-ui/uikit": "^7.1.1",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
@@ -102,7 +102,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@diplodoc/transform": "^4.10.8",
     "@gravity-ui/eslint-config": "^3.2.0",
-    "@gravity-ui/page-constructor": "^6.0.0",
+    "@gravity-ui/page-constructor": "^7.0.0-alpha.1",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",

package/styles/styles.css

@@ -1,7 +1,132 @@
+@charset "UTF-8";
 @import '@gravity-ui/uikit/styles/fonts.css';
 @import '~@gravity-ui/uikit/styles/styles.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_constructor {
+  font-family: var(--g-font-family-sans);
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor code,
+.yfm_constructor kbd,
+.yfm_constructor pre {
+  font-family: var(--g-font-family-monospace);
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor h1,
+.yfm_constructor.yfm_constructor h2,
+.yfm_constructor.yfm_constructor h3,
+.yfm_constructor.yfm_constructor h4,
+.yfm_constructor.yfm_constructor h5,
+.yfm_constructor.yfm_constructor h6,
+.yfm_constructor.yfm_constructor span,
+.yfm_constructor.yfm_constructor p,
+.yfm_constructor.yfm_constructor li {
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor_notice li,
+.yfm_constructor.yfm_constructor_notice p {
+  color: var(--g-color-text-secondary);
+}
+.yfm_constructor.yfm_constructor_meta_info p {
+  color: var(--pc-media-card-meta-info-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor ul,
+.yfm_constructor.yfm_constructor ol,
+.yfm_constructor.yfm_constructor li,
+.yfm_constructor.yfm_constructor p {
+  margin: 0 0 12px;
+}
+.yfm_constructor.yfm_constructor p strong {
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor_size_s ul,
+.yfm_constructor.yfm_constructor_size_s ol,
+.yfm_constructor.yfm_constructor_size_s li,
+.yfm_constructor.yfm_constructor_size_s p {
+  margin-bottom: 8px;
+}
+.yfm_constructor.yfm_constructor_theme_dark p {
+  color: var(--g-color-text-light-primary);
+}
+
+.yfm_constructor_list_style ul {
+  padding-left: 20px;
+}
+.yfm_constructor_list_style_dash ul {
+  list-style-type: none;
+  position: relative;
+}
+.yfm_constructor_list_style_dash ul li:before {
+  content: "—";
+  position: absolute;
+  margin-left: -20px;
+}
+.yfm_constructor a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.yfm_constructor a:hover, .yfm_constructor a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_constructor table {
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
+}
+.yfm_constructor thead,
+.yfm_constructor table tr:nth-child(2n) {
+  background-color: var(--g-color-base-generic);
+}
+
+.yfm_constructor_table {
+  /* stylelint-enable declaration-no-important */
+}
+.yfm_constructor_table table {
+  border: 0;
+  table-layout: fixed;
+}
+.yfm_constructor_table thead,
+.yfm_constructor_table tr {
+  /* stylelint-disable declaration-no-important */
+  background-color: transparent !important;
+}
+.yfm_constructor_table tbody tr {
+  border-top: 1px solid var(--g-color-line-generic);
+}
+.yfm_constructor_table td,
+.yfm_constructor_table th {
+  min-width: 120px;
+  width: 120px;
+  box-sizing: content-box;
+  white-space: inherit !important;
+}
+.yfm_constructor_table td:first-child,
+.yfm_constructor_table th:first-child {
+  min-width: 172px;
+  width: 172px;
+}
+.yfm_constructor_table th {
+  text-align: left !important;
+}
+
 .yfm_blog {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);

package/styles/yfm.css

@@ -1,5 +1,130 @@
+@charset "UTF-8";
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_constructor {
+  font-family: var(--g-font-family-sans);
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor code,
+.yfm_constructor kbd,
+.yfm_constructor pre {
+  font-family: var(--g-font-family-monospace);
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor h1,
+.yfm_constructor.yfm_constructor h2,
+.yfm_constructor.yfm_constructor h3,
+.yfm_constructor.yfm_constructor h4,
+.yfm_constructor.yfm_constructor h5,
+.yfm_constructor.yfm_constructor h6,
+.yfm_constructor.yfm_constructor span,
+.yfm_constructor.yfm_constructor p,
+.yfm_constructor.yfm_constructor li {
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor_notice li,
+.yfm_constructor.yfm_constructor_notice p {
+  color: var(--g-color-text-secondary);
+}
+.yfm_constructor.yfm_constructor_meta_info p {
+  color: var(--pc-media-card-meta-info-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor ul,
+.yfm_constructor.yfm_constructor ol,
+.yfm_constructor.yfm_constructor li,
+.yfm_constructor.yfm_constructor p {
+  margin: 0 0 12px;
+}
+.yfm_constructor.yfm_constructor p strong {
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor_size_s ul,
+.yfm_constructor.yfm_constructor_size_s ol,
+.yfm_constructor.yfm_constructor_size_s li,
+.yfm_constructor.yfm_constructor_size_s p {
+  margin-bottom: 8px;
+}
+.yfm_constructor.yfm_constructor_theme_dark p {
+  color: var(--g-color-text-light-primary);
+}
+
+.yfm_constructor_list_style ul {
+  padding-left: 20px;
+}
+.yfm_constructor_list_style_dash ul {
+  list-style-type: none;
+  position: relative;
+}
+.yfm_constructor_list_style_dash ul li:before {
+  content: "—";
+  position: absolute;
+  margin-left: -20px;
+}
+.yfm_constructor a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.yfm_constructor a:hover, .yfm_constructor a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_constructor table {
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
+}
+.yfm_constructor thead,
+.yfm_constructor table tr:nth-child(2n) {
+  background-color: var(--g-color-base-generic);
+}
+
+.yfm_constructor_table {
+  /* stylelint-enable declaration-no-important */
+}
+.yfm_constructor_table table {
+  border: 0;
+  table-layout: fixed;
+}
+.yfm_constructor_table thead,
+.yfm_constructor_table tr {
+  /* stylelint-disable declaration-no-important */
+  background-color: transparent !important;
+}
+.yfm_constructor_table tbody tr {
+  border-top: 1px solid var(--g-color-line-generic);
+}
+.yfm_constructor_table td,
+.yfm_constructor_table th {
+  min-width: 120px;
+  width: 120px;
+  box-sizing: content-box;
+  white-space: inherit !important;
+}
+.yfm_constructor_table td:first-child,
+.yfm_constructor_table th:first-child {
+  min-width: 172px;
+  width: 172px;
+}
+.yfm_constructor_table th {
+  text-align: left !important;
+}
+
 .yfm_blog {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);

package/styles/yfm.scss

@@ -1,5 +1,6 @@
 @import './mixins.scss';
 @import './variables.scss';
+@import '@gravity-ui/page-constructor/styles/yfm.scss';
 
 .yfm_blog {
     $root: &;