@doyourjob/gravity-ui-page-constructor 5.31.158 → 5.31.160

package/build/cjs/blocks/CardLayout/CardLayout.css

@@ -4,6 +4,10 @@
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-card-layout-block__title_theme_dark {
+  --g-color-text-primary: var(--g-color-text-light-primary);
+  --pc-text-header-color: var(--g-color-text-primary);
+}
 .pc-card-layout-block__item {
   margin-top: 24px;
 }

package/build/cjs/blocks/CardLayout/CardLayout.js

@@ -13,11 +13,12 @@ const DEFAULT_SIZES = {
     md: 4,
 };
 const b = (0, utils_1.block)('card-layout-block');
-const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, itemColSizes = {}, children, className, titleClassName, background, largeItemGap, }) => {
+const CardLayout = ({ theme: titleTheme, title, description, animated, colSizes = DEFAULT_SIZES, itemColSizes = {}, children, className, titleClassName, background, largeItemGap, }) => {
     const theme = (0, theme_1.useTheme)();
     const _a = (0, utils_1.getThemedValue)(background || {}, theme), { border } = _a, backgroundImageProps = tslib_1.__rest(_a, ["border"]);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(null, className), animate: animated },
-        (title || description) && (react_1.default.createElement(components_1.Title, { title: title, subtitle: description, className: titleClassName })),
+        (title || description) && (react_1.default.createElement("div", { className: b('title', { theme: titleTheme }) },
+            react_1.default.createElement(components_1.Title, { title: title, subtitle: description, className: titleClassName }))),
         react_1.default.createElement("div", { className: b('content', {
                 'with-background': !(0, isEmpty_1.default)(background),
             }) },

package/build/cjs/blocks/CardLayout/schema.d.ts

@@ -107,6 +107,10 @@ export declare const CardLayoutProps: {
         largeItemGap: {
             type: string;
         };
+        theme: {
+            type: string;
+            enum: string[];
+        };
         children: {
             type: string;
             items: {
@@ -515,6 +519,10 @@ export declare const CardLayoutBlock: {
             largeItemGap: {
                 type: string;
             };
+            theme: {
+                type: string;
+                enum: string[];
+            };
             children: {
                 type: string;
                 items: {

package/build/cjs/blocks/CardLayout/schema.js

@@ -16,7 +16,7 @@ exports.CardLayoutProps = {
             ],
         }, largeItemGap: {
             type: 'boolean',
-        }, children: common_1.ChildrenCardsProps }),
+        }, theme: common_1.ThemeProps, children: common_1.ChildrenCardsProps }),
 };
 exports.CardLayoutBlock = {
     'card-layout-block': exports.CardLayoutProps,

package/build/cjs/blocks/SliderNew/Slider.css

@@ -3,6 +3,18 @@ unpredictable css rules order in build */
 .pc-slider-new-block {
   position: relative;
 }
+.pc-slider-new-block__server-side-placeholder {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  overflow: hidden;
+  width: 100%;
+  opacity: 0;
+}
+.pc-slider-new-block__server-side-placeholder > * {
+  width: 100%;
+  flex-shrink: 0;
+}
 .pc-slider-new-block__slider.pc-slider-new-block__slider {
   padding: 24px 0 48px;
   margin: 0 -8px;

package/build/cjs/blocks/SliderNew/Slider.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import type { SliderNewProps } from './SliderClient';
-export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element | null;
+export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element;
 export default SliderNewBlock;

package/build/cjs/blocks/SliderNew/Slider.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderNewBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('slider-new-block');
 const SliderNewBlock = (props) => {
     const [SliderClient, setSliderClient] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
@@ -11,7 +13,7 @@ const SliderNewBlock = (props) => {
         });
     }, []);
     if (!SliderClient)
-        return null;
+        return react_1.default.createElement("div", { className: b('server-side-placeholder') }, props.children);
     return react_1.default.createElement(SliderClient, Object.assign({}, props));
 };
 exports.SliderNewBlock = SliderNewBlock;

package/build/cjs/constructor-items.d.ts

@@ -47,7 +47,7 @@ export declare const blockMap: {
     "reports-cards-block": ({ title, typeKey, postscript, empty }: import("./models").ReportsCardsBlockProps) => JSX.Element;
     "reports-sections-block": ({ title, typeKey, empty }: import("./models").ReportsSectionsBlockProps) => JSX.Element;
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
-    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element | null;
+    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -566,7 +566,7 @@ export interface ReportSectionProps {
 }
 export interface ReportsSectionsBlockProps extends ReportsBlockProps {
 }
-export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
+export interface CardLayoutBlockProps extends Themable, Childable, Animatable, LoadableChildren {
     title?: TitleItemProps | string;
     titleClassName?: string;
     description?: string;

package/build/esm/blocks/CardLayout/CardLayout.css

@@ -4,6 +4,10 @@
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-card-layout-block__title_theme_dark {
+  --g-color-text-primary: var(--g-color-text-light-primary);
+  --pc-text-header-color: var(--g-color-text-primary);
+}
 .pc-card-layout-block__item {
   margin-top: 24px;
 }

package/build/esm/blocks/CardLayout/CardLayout.js

@@ -12,11 +12,12 @@ const DEFAULT_SIZES = {
     md: 4,
 };
 const b = block('card-layout-block');
-const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, itemColSizes = {}, children, className, titleClassName, background, largeItemGap, }) => {
+const CardLayout = ({ theme: titleTheme, title, description, animated, colSizes = DEFAULT_SIZES, itemColSizes = {}, children, className, titleClassName, background, largeItemGap, }) => {
     const theme = useTheme();
     const _a = getThemedValue(background || {}, theme), { border } = _a, backgroundImageProps = __rest(_a, ["border"]);
     return (React.createElement(AnimateBlock, { className: b(null, className), animate: animated },
-        (title || description) && (React.createElement(Title, { title: title, subtitle: description, className: titleClassName })),
+        (title || description) && (React.createElement("div", { className: b('title', { theme: titleTheme }) },
+            React.createElement(Title, { title: title, subtitle: description, className: titleClassName }))),
         React.createElement("div", { className: b('content', {
                 'with-background': !isEmpty(background),
             }) },

package/build/esm/blocks/CardLayout/schema.d.ts

@@ -107,6 +107,10 @@ export declare const CardLayoutProps: {
         largeItemGap: {
             type: string;
         };
+        theme: {
+            type: string;
+            enum: string[];
+        };
         children: {
             type: string;
             items: {
@@ -515,6 +519,10 @@ export declare const CardLayoutBlock: {
             largeItemGap: {
                 type: string;
             };
+            theme: {
+                type: string;
+                enum: string[];
+            };
             children: {
                 type: string;
                 items: {

package/build/esm/blocks/CardLayout/schema.js

@@ -1,5 +1,5 @@
 import { ImageBaseObjectProps, ImageDeviceProps } from '../../components/Image/schema';
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, containerSizesObject, } from '../../schema/validators/common';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, ThemeProps, containerSizesObject, } from '../../schema/validators/common';
 export const CardLayoutProps = {
     additionalProperties: false,
     required: [],
@@ -13,7 +13,7 @@ export const CardLayoutProps = {
             ],
         }, largeItemGap: {
             type: 'boolean',
-        }, children: ChildrenCardsProps }),
+        }, theme: ThemeProps, children: ChildrenCardsProps }),
 };
 export const CardLayoutBlock = {
     'card-layout-block': CardLayoutProps,

package/build/esm/blocks/SliderNew/Slider.css

@@ -3,6 +3,18 @@ unpredictable css rules order in build */
 .pc-slider-new-block {
   position: relative;
 }
+.pc-slider-new-block__server-side-placeholder {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  overflow: hidden;
+  width: 100%;
+  opacity: 0;
+}
+.pc-slider-new-block__server-side-placeholder > * {
+  width: 100%;
+  flex-shrink: 0;
+}
 .pc-slider-new-block__slider.pc-slider-new-block__slider {
   padding: 24px 0 48px;
   margin: 0 -8px;

package/build/esm/blocks/SliderNew/Slider.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
 import type { SliderNewProps } from './SliderClient';
-export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element | null;
+import './Slider.css';
+export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element;
 export default SliderNewBlock;

package/build/esm/blocks/SliderNew/Slider.js

@@ -1,4 +1,7 @@
 import React, { useEffect, useState } from 'react';
+import { block } from '../../utils';
+import './Slider.css';
+const b = block('slider-new-block');
 export const SliderNewBlock = (props) => {
     const [SliderClient, setSliderClient] = useState(null);
     useEffect(() => {
@@ -7,7 +10,7 @@ export const SliderNewBlock = (props) => {
         });
     }, []);
     if (!SliderClient)
-        return null;
+        return React.createElement("div", { className: b('server-side-placeholder') }, props.children);
     return React.createElement(SliderClient, Object.assign({}, props));
 };
 export default SliderNewBlock;

package/build/esm/constructor-items.d.ts

@@ -47,7 +47,7 @@ export declare const blockMap: {
     "reports-cards-block": ({ title, typeKey, postscript, empty }: import("./models").ReportsCardsBlockProps) => JSX.Element;
     "reports-sections-block": ({ title, typeKey, empty }: import("./models").ReportsSectionsBlockProps) => JSX.Element;
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
-    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element | null;
+    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/esm/models/constructor-items/blocks.d.ts

@@ -566,7 +566,7 @@ export interface ReportSectionProps {
 }
 export interface ReportsSectionsBlockProps extends ReportsBlockProps {
 }
-export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
+export interface CardLayoutBlockProps extends Themable, Childable, Animatable, LoadableChildren {
     title?: TitleItemProps | string;
     titleClassName?: string;
     description?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.158",
+  "version": "5.31.160",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {