feat: stable package version after rebase and fix styles

NikitaCG · NikitaCG · commit aaa5f18b75d9 · 2025-12-04T15:55:54.000+03:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/blocks/Contributors/Contributors.scss b/src/blocks/Contributors/Contributors.scss
@@ -21,10 +21,13 @@ $block: '.#{variables.$ns}contributors';
     }
 
     &__header-title {
-        @include pcStyles.heading2();
         padding: 0;
     }
 
+    &__header-title-content {
+        @include pcStyles.heading2();
+    }
+
     &__header-count {
         flex-grow: 1;
         font-size: 32px;
diff --git a/src/blocks/Contributors/Contributors.tsx b/src/blocks/Contributors/Contributors.tsx
@@ -36,7 +36,11 @@ export const ContributorsBlock: React.FC<ContributorsProps> = ({
         <AnimateBlock className={b()} animate={animated}>
             <div className={b('header-wrapper')}>
                 <h2 className={b('header-title')}>
-                    <YFMWrapper content={title} modifiers={{constructor: true}} />
+                    <YFMWrapper
+                        content={title}
+                        modifiers={{constructor: true}}
+                        contentClassName={b('header-title-content')}
+                    />
                 </h2>
                 <div className={b('header-count')}>{contributors.length}</div>
                 <div>
diff --git a/src/blocks/CustomHeader/CustomHeader.scss b/src/blocks/CustomHeader/CustomHeader.scss
@@ -15,8 +15,12 @@ $block: '.#{variables.$ns}custom-header';
     }
 
     &__title {
-        @include pcStyles.heading1();
         max-width: 800px;
+        margin: 0;
+    }
+
+    &__title-content {
+        @include pcStyles.heading1();
     }
 
     &__buttons {
diff --git a/src/blocks/CustomHeader/CustomHeader.tsx b/src/blocks/CustomHeader/CustomHeader.tsx
@@ -99,7 +99,11 @@ export const CustomHeader: React.FC<CustomHeaderProps> = ({
                             )}
                             <div className={b('title-col')}>
                                 <h1 className={b('title')}>
-                                    <YFMWrapper content={title} modifiers={{constructor: true}} />
+                                    <YFMWrapper
+                                        content={title}
+                                        modifiers={{constructor: true}}
+                                        contentClassName={b('title-content')}
+                                    />
                                 </h1>
                                 {buttons?.length > 0 ? (
                                     <div className={b('buttons')}>
diff --git a/src/blocks/Libraries/Libraries.tsx b/src/blocks/Libraries/Libraries.tsx
@@ -83,7 +83,6 @@ export const Libraries: React.FC<LibrariesProps> = ({
     return (
         <AnimateBlock className={b()} animate={animated}>
             <SliderBlock
-                lazyLoad
                 blockClassName={b('slider')}
                 title={title ? {text: title} : undefined}
                 slidesToShow={{
diff --git a/src/blocks/RoadmapBlock/RoadmapBlock.scss b/src/blocks/RoadmapBlock/RoadmapBlock.scss
@@ -8,7 +8,10 @@ $block: '.#{variables.$ns}roadmap-block';
     @include pcStyles.animate();
 
     &__title {
-        @include pcStyles.heading2();
         margin-bottom: pcVariables.$indentM;
     }
+
+    &__title-content {
+        @include pcStyles.heading2();
+    }
 }
diff --git a/src/blocks/RoadmapBlock/RoadmapBlock.tsx b/src/blocks/RoadmapBlock/RoadmapBlock.tsx
@@ -22,7 +22,11 @@ export const RoadmapBlock: React.FC<RoadmapProps> = ({animated, title, tasks}) =
     return (
         <AnimateBlock className={b()} animate={animated}>
             <h2 className={b('title')} data-section="roadmap">
-                <YFMWrapper content={title} modifiers={{constructor: true}} />
+                <YFMWrapper
+                    content={title}
+                    modifiers={{constructor: true}}
+                    contentClassName={b('title-content')}
+                />
             </h2>
             <Roadmap tasks={tasks} />
         </AnimateBlock>
diff --git a/src/blocks/TemplatesBlock/TemplatesBlock.scss b/src/blocks/TemplatesBlock/TemplatesBlock.scss
@@ -8,8 +8,10 @@ $block: '.#{variables.$ns}templates-block';
     @include pcStyles.animate();
 
     &__title {
-        @include pcStyles.heading2();
-
         margin-bottom: pcVariables.$indentM;
     }
+
+    &__title-content {
+        @include pcStyles.heading2();
+    }
 }
diff --git a/src/blocks/TemplatesBlock/TemplatesBlock.tsx b/src/blocks/TemplatesBlock/TemplatesBlock.tsx
@@ -40,7 +40,11 @@ export const TemplatesBlock: React.FC<TemplatesProps> = ({animated, title, tabs}
             <div ref={blockRef} />
             <AnimateBlock className={b()} animate={animated}>
                 <h2 className={b('title')} data-section="templates">
-                    <YFMWrapper content={title} modifiers={{constructor: true}} />
+                    <YFMWrapper
+                        content={title}
+                        modifiers={{constructor: true}}
+                        contentClassName={b('title-content')}
+                    />
                 </h2>
                 <Templates tabs={tabs} />
             </AnimateBlock>
diff --git a/src/blocks/UISamples/UISamples.scss b/src/blocks/UISamples/UISamples.scss
@@ -8,7 +8,10 @@ $block: '.#{variables.$ns}ui-samples-block';
     @include pcStyles.animate();
 
     &__title {
-        @include pcStyles.heading2();
         margin-bottom: pcVariables.$indentM;
     }
+
+    &__title-content {
+        @include pcStyles.heading2();
+    }
 }
diff --git a/src/blocks/UISamples/UISamples.tsx b/src/blocks/UISamples/UISamples.tsx
@@ -22,7 +22,11 @@ export const UISamplesBlock: React.FC<UISamplesProps> = ({title}) => {
     return (
         <AnimateBlock className={b()} animate={false}>
             <h2 className={b('title')} data-section="ui-samples">
-                <YFMWrapper content={title} modifiers={{constructor: true}} />
+                <YFMWrapper
+                    content={title}
+                    modifiers={{constructor: true}}
+                    contentClassName={b('title-content')}
+                />
             </h2>
             <UISamplesMobile />
             <UISamplesDesktop />
diff --git a/src/components/Libraries/Libraries.scss b/src/components/Libraries/Libraries.scss
@@ -83,19 +83,20 @@ $block: '.#{variables.$ns}libraries';
 
     &__library-title {
         flex: 1;
-
-        @include pcStyles.heading4();
-
         display: flex;
         position: relative;
-        margin-bottom: pcVariables.$indentXXXS;
+        margin: 0 0 pcVariables.$indentXXXS 0;
         color: #fff;
 
         a {
             @include pcStyles.link();
         }
     }
 
+    &__library-title-content {
+        @include pcStyles.heading4();
+    }
+
     &__stars {
         display: flex;
         align-items: center;
diff --git a/src/components/Libraries/Libraries.tsx b/src/components/Libraries/Libraries.tsx
@@ -104,6 +104,7 @@ export const Libraries = ({libs}: Props) => {
                                                 <YFMWrapper
                                                     content={lib.config.title}
                                                     modifiers={{constructor: true}}
+                                                    contentClassName={b('library-title-content')}
                                                 />
                                             </h5>
                                             {lib.metadata.stars ? (
diff --git a/src/components/Library/Library.scss b/src/components/Library/Library.scss
@@ -1,4 +1,5 @@
 @use '~@gravity-ui/page-constructor/styles/variables.scss' as pcVariables;
+@use '~@gravity-ui/page-constructor/styles/styles.scss' as pcStyles;
 @use '../../variables.scss';
 
 $block: '.#{variables.$ns}library';
@@ -54,23 +55,25 @@ $block: '.#{variables.$ns}library';
         }
     }
 
-    &__breadcrumbs-item {
+    &__breadcrumbs-title {
+        @include pcStyles.text-size(caption-3);
         color: #fff;
     }
 
     &__title {
         margin: 0 0 8px;
-        font-size: 32px;
-        line-height: 40px;
-        font-weight: 600;
-        color: #fff;
 
         @media (max-width: map-get(pcVariables.$gridBreakpoints, 'lg') - 1) {
             font-size: 28px;
             line-height: 36px;
         }
     }
 
+    &__title-content {
+        @include pcStyles.heading2();
+        color: #fff;
+    }
+
     &__description {
         font-size: 17px;
         line-height: 24px;
diff --git a/src/components/Library/Library.tsx b/src/components/Library/Library.tsx
@@ -144,13 +144,15 @@ export const Library: React.FC<Props> = ({lib}) => {
                                 <YFMWrapper
                                     content={lib.config.title}
                                     modifiers={{constructor: true}}
+                                    contentClassName={b('breadcrumbs-title')}
                                 />
                             </div>
 
                             <h1 className={b('title')}>
                                 <YFMWrapper
                                     content={lib.config.title}
                                     modifiers={{constructor: true}}
+                                    contentClassName={b('title-content')}
                                 />
                             </h1>
 

Original file line number	Diff line number	Diff line change
`@@ -21,10 +21,13 @@ $block: '.#{variables.$ns}contributors';`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`&__header-title {`
`24`		`- @include pcStyles.heading2();`
`25`	`24`	`padding: 0;`
`26`	`25`	`}`
`27`	`26`
	`27`	`+ &__header-title-content {`
	`28`	`+ @include pcStyles.heading2();`
	`29`	`+ }`
	`30`	`+`
`28`	`31`	`&__header-count {`
`29`	`32`	`flex-grow: 1;`
`30`	`33`	`font-size: 32px;`
Original file line number	Diff line number	Diff line change
`@@ -15,8 +15,12 @@ $block: '.#{variables.$ns}custom-header';`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`&__title {`
`18`		`- @include pcStyles.heading1();`
`19`	`18`	`max-width: 800px;`
	`19`	`+ margin: 0;`
	`20`	`+ }`
	`21`	`+`
	`22`	`+ &__title-content {`
	`23`	`+ @include pcStyles.heading1();`
`20`	`24`	`}`
`21`	`25`
`22`	`26`	`&__buttons {`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,10 @@ $block: '.#{variables.$ns}roadmap-block';`
`8`	`8`	`@include pcStyles.animate();`
`9`	`9`
`10`	`10`	`&__title {`
`11`		`- @include pcStyles.heading2();`
`12`	`11`	`margin-bottom: pcVariables.$indentM;`
`13`	`12`	`}`
	`13`	`+`
	`14`	`+ &__title-content {`
	`15`	`+ @include pcStyles.heading2();`
	`16`	`+ }`
`14`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -8,8 +8,10 @@ $block: '.#{variables.$ns}templates-block';`
`8`	`8`	`@include pcStyles.animate();`
`9`	`9`
`10`	`10`	`&__title {`
`11`		`- @include pcStyles.heading2();`
`12`		`-`
`13`	`11`	`margin-bottom: pcVariables.$indentM;`
`14`	`12`	`}`
	`13`	`+`
	`14`	`+ &__title-content {`
	`15`	`+ @include pcStyles.heading2();`
	`16`	`+ }`
`15`	`17`	`}`