@gravity-ui/page-constructor 4.1.2 → 4.3.12-alpha.3

package/README.md

@@ -386,3 +386,7 @@ export const MyAppEditor = ({initialContent, onChange, transformContent}: MyAppE
   <Editor content={initialContent} onChange={onChange} transformContent={transformContent} />
 );
 ```
+
+## Tests
+
+Comprehensive documentation is available at the provided [link](./test-utils/docs/README.md).

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CardLayoutBlockProps as CardLayoutBlockParams, WithChildren } from '../../models';
-export type CardLayoutBlockProps = WithChildren<Omit<CardLayoutBlockParams, 'children'>>;
+import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps, WithChildren } from '../../models';
+export type CardLayoutBlockProps = WithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
 declare const CardLayout: React.FC<CardLayoutBlockProps>;
 export default CardLayout;

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

@@ -11,7 +11,7 @@ const DEFAULT_SIZES = {
     md: 4,
 };
 const b = (0, utils_1.block)('card-layout-block');
-const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, }) => (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
+const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, }) => (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 }),
     react_1.default.createElement(grid_1.Row, null, react_1.default.Children.map(children, (child, index) => (react_1.default.createElement(grid_1.Col, { key: index, sizes: colSizes, className: b('item') }, child))))));
 exports.default = CardLayout;

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

@@ -15,6 +15,25 @@ export declare const ContentLayoutBlock: {
                         type: string;
                         pattern: string;
                     };
+                    style: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            backgroundColor: {
+                                type: string;
+                            };
+                            height: {
+                                type: string[];
+                            };
+                            width: {
+                                type: string[];
+                            };
+                            color: {
+                                type: string;
+                            };
+                        };
+                    };
                     alt: {
                         type: string;
                         contentType: string;
@@ -153,6 +172,25 @@ export declare const ContentLayoutBlock: {
                             type: string;
                             pattern: string;
                         };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
                         alt: {
                             type: string;
                             contentType: string;

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -18,6 +18,7 @@ const DEFAULT_SIZES = {
 };
 const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const theme = (0, theme_1.useTheme)();
+    const itemTitleHeadingTag = title ? 'h3' : 'h2';
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
         react_1.default.createElement(components_1.Title, { title: title, subtitle: description, className: b('header') }),
         react_1.default.createElement("div", { className: b('items') },
@@ -31,9 +32,12 @@ const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_S
                 return (react_1.default.createElement(grid_1.Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
                     iconData && react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: b('icon') })),
                     react_1.default.createElement("div", { className: b('container') },
-                        itemTitle && (react_1.default.createElement("h5", { className: b('item-title') },
-                            react_1.default.createElement(components_1.HTML, null, itemTitle),
-                            label && (react_1.default.createElement("span", { className: b('item-label') }, label)))),
+                        itemTitle &&
+                            react_1.default.createElement(itemTitleHeadingTag, {
+                                className: b('item-title'),
+                            }, react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement(components_1.HTML, null, itemTitle),
+                                label && (react_1.default.createElement("span", { className: b('item-label') }, label)))),
                         react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };

package/build/cjs/blocks/Header/Header.css

@@ -75,10 +75,6 @@ unpredictable css rules order in build */
 }
 .pc-header-block__description {
   margin-top: 16px;
-  font-weight: normal;
-  font-size: var(--g-text-caption-2-font-size);
-  line-height: var(--g-text-caption-2-line-height);
-  margin-block-end: var(--g-text-body-1-line-height);
 }
 .pc-header-block__description .yfm,
 .pc-header-block__description .yfm * {
@@ -170,9 +166,7 @@ unpredictable css rules order in build */
 .pc-header-block__overtitle {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
-  margin-block-start: var(--g-text-body-3-line-height);
   margin-bottom: 8px;
-  font-weight: 400;
 }
 .pc-header-block__overtitle a {
   outline: none;

package/build/cjs/blocks/Icons/Icons.js

@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const components_1 = require("../../components");
 const locationContext_1 = require("../../context/locationContext");
+const hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('icons-block');
 const getItemContent = (item) => (react_1.default.createElement(react_1.Fragment, null,
@@ -11,11 +12,16 @@ const getItemContent = (item) => (react_1.default.createElement(react_1.Fragment
     react_1.default.createElement("p", { className: b('text') }, item.text)));
 const Icons = ({ title, size = 's', items }) => {
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
+    const handleAnalytics = (0, hooks_1.useAnalytics)();
+    const onClick = (0, react_1.useCallback)(({ analyticsEvents, url }) => {
+        handleAnalytics(analyticsEvents, { url });
+    }, [handleAnalytics]);
     return (react_1.default.createElement("div", { className: b({ size }) },
         title && react_1.default.createElement(components_1.Title, { className: b('header'), title: title, colSizes: { all: 12 } }),
         items.map((item) => {
             const itemContent = getItemContent(item);
-            return item.url ? (react_1.default.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, (0, utils_1.getLinkProps)(item.url, hostname)), itemContent)) : (react_1.default.createElement("div", { className: b('item'), key: item.url }, itemContent));
+            const { url, text } = item;
+            return url ? (react_1.default.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, (0, utils_1.getLinkProps)(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (react_1.default.createElement("div", { className: b('item'), key: url }, itemContent));
         })));
 };
 exports.default = Icons;

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

@@ -29,6 +29,87 @@ export declare const IconsProps: {
                         type: string;
                     };
                 };
+                analyticsEvents: {
+                    oneOf: ({
+                        optionName: string;
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                    })[];
+                };
             };
         };
         animated: {
@@ -96,6 +177,87 @@ export declare const IconsBlock: {
                             type: string;
                         };
                     };
+                    analyticsEvents: {
+                        oneOf: ({
+                            optionName: string;
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: {
+                                    type: string;
+                                };
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    type: {
+                                        type: string;
+                                    };
+                                    counters: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: never[];
+                                        properties: {
+                                            include: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                            exclude: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    context: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                        })[];
+                    };
                 };
             };
             animated: {

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconsBlock = exports.IconsProps = void 0;
 const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 exports.IconsProps = {
     additionalProperties: false,
     required: ['size', 'items'],
@@ -30,6 +31,16 @@ exports.IconsProps = {
                         type: 'string',
                     },
                 },
+                analyticsEvents: {
+                    oneOf: [
+                        Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                        {
+                            type: 'array',
+                            items: event_1.AnalyticsEventSchema,
+                            optionName: 'list',
+                        },
+                    ],
+                },
             },
         } }),
 };

package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -30,7 +30,7 @@ const PromoFeaturesBlock = (props) => {
                     [themeMod]: Boolean(themeMod),
                 }) },
                 react_1.default.createElement("div", { className: b('card-info') },
-                    react_1.default.createElement("h4", { className: b('card-title') }, cardTitle),
+                    react_1.default.createElement("h3", { className: b('card-title') }, cardTitle),
                     react_1.default.createElement("div", { className: b('card-text') },
                         react_1.default.createElement(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }))),
                 media && react_1.default.createElement(Media_1.default, Object.assign({ className: b('card-media') }, media))));

package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.css

@@ -0,0 +1,50 @@
+.pc-QuestionsBlockItem__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-QuestionsBlockItem {
+  padding-bottom: 32px;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pc-QuestionsBlockItem + .pc-QuestionsBlockItem {
+  padding-top: 32px;
+}
+.pc-QuestionsBlockItem__title {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  position: relative;
+  padding-right: 24px;
+  cursor: pointer;
+}
+.pc-QuestionsBlockItem__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-QuestionsBlockItem__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-QuestionsBlockItem__title a:hover, .pc-QuestionsBlockItem__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-QuestionsBlockItem__arrow {
+  position: absolute;
+  right: 0;
+  top: 0;
+  color: var(--g-color-text-primary);
+}
+.pc-QuestionsBlockItem__link {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-QuestionsBlockItem__text {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  margin-top: 12px;
+}

package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.d.ts

@@ -0,0 +1,2 @@
+import { QuestionBlockItemProps } from '../../../models';
+export declare const QuestionBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: QuestionBlockItemProps) => JSX.Element;

package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionBlockItem = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../../components");
+const Link_1 = tslib_1.__importDefault(require("../../../components/Link/Link"));
+const utils_1 = require("../../../utils");
+const models_1 = require("../models");
+const b = (0, utils_1.block)('QuestionsBlockItem');
+const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
+    const { onKeyDown } = (0, uikit_1.useActionHandlers)(onClick);
+    return (react_1.default.createElement("div", { className: b(), itemScope: true, itemProp: models_1.FaqMicrodataValues.QuestionProp, itemType: models_1.FaqMicrodataValues.QuestionType, role: 'listitem' },
+        react_1.default.createElement("h3", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, role: 'button', tabIndex: 0, onKeyDown: onKeyDown },
+            react_1.default.createElement(components_1.HTML, { itemProp: models_1.FaqMicrodataValues.QuestionNameProp }, itemTitle),
+            react_1.default.createElement(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })),
+        react_1.default.createElement(components_1.Foldable, { isOpened: isOpened },
+            react_1.default.createElement("div", { className: b('text'), itemScope: true, itemProp: models_1.FaqMicrodataValues.AnswerProp, itemType: models_1.FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened },
+                react_1.default.createElement(components_1.YFMWrapper, { content: itemText, modifiers: {
+                        constructor: true,
+                        constructorListStyle: true,
+                        constructorListStyleDash: listStyle === 'dash',
+                    }, itemProp: models_1.FaqMicrodataValues.QuestionTextProp }),
+                link && react_1.default.createElement(Link_1.default, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))))));
+};
+exports.QuestionBlockItem = QuestionBlockItem;

package/build/cjs/blocks/Questions/Questions.css

@@ -1,7 +1,3 @@
-.pc-QuestionsBlock__item-title {
-  margin: 0;
-}
-
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-QuestionsBlock__title {
@@ -10,50 +6,6 @@ unpredictable css rules order in build */
   margin-bottom: 32px;
   margin-right: 64px;
 }
-.pc-QuestionsBlock__item {
-  padding-bottom: 32px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.pc-QuestionsBlock__item + .pc-QuestionsBlock__item {
-  padding-top: 32px;
-}
-.pc-QuestionsBlock__item-title {
-  font-size: var(--g-text-header-1-font-size);
-  line-height: var(--g-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--g-text-accent-font-weight);
-  position: relative;
-  padding-right: 24px;
-  cursor: pointer;
-}
-.pc-QuestionsBlock__item-title a {
-  outline: none;
-  color: var(--g-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-.utilityfocus .pc-QuestionsBlock__item-title a:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-QuestionsBlock__item-title a:hover, .pc-QuestionsBlock__item-title a:active {
-  --pc-text-header-color: var(--g-color-text-link-hover);
-  color: var(--g-color-text-link-hover);
-}
-.pc-QuestionsBlock__text {
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-  margin-top: 12px;
-}
-.pc-QuestionsBlock__arrow {
-  position: absolute;
-  right: 0;
-  top: 0;
-  color: var(--g-color-text-primary);
-}
-.pc-QuestionsBlock__link {
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-}
 @media (max-width: 769px) {
   .pc-QuestionsBlock__title {
     margin-right: 0;

package/build/cjs/blocks/Questions/Questions.js

@@ -2,54 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("../../components");
-const Link_1 = tslib_1.__importDefault(require("../../components/Link/Link"));
 const grid_1 = require("../../grid");
 const sub_blocks_1 = require("../../sub-blocks");
 const utils_1 = require("../../utils");
+const QuestionBlockItem_1 = require("./QuestionBlockItem/QuestionBlockItem");
+const models_1 = require("./models");
 const b = (0, utils_1.block)('QuestionsBlock');
-const FaqMicrodataValues = {
-    PageType: 'https://schema.org/FAQPage',
-    QuestionType: 'https://schema.org/Question',
-    QuestionProp: 'mainEntity',
-    QuestionNameProp: 'name',
-    QuestionTextProp: 'text',
-    AnswerType: 'https://schema.org/Answer',
-    AnswerProp: 'acceptedAnswer',
-    AnswerTextProp: 'text',
-};
 const QuestionsBlock = (props) => {
     const { title, text, additionalInfo, links, buttons, items } = props;
     const [opened, setOpened] = (0, react_1.useState)([0]);
     const toggleItem = (index) => {
         let newState;
         if (opened.includes(index)) {
-            newState = opened.filter((intemIndex) => intemIndex !== index);
+            newState = opened.filter((itemIndex) => itemIndex !== index);
         }
         else {
             newState = [...opened, index];
         }
         setOpened(newState);
     };
-    return (react_1.default.createElement("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType },
+    return (react_1.default.createElement("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType },
         react_1.default.createElement(grid_1.Row, null,
             react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 4 } },
                 react_1.default.createElement("div", { className: b('title') },
                     react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
-            react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 } }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+            react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
                 const isOpened = opened.includes(index);
-                return (react_1.default.createElement("div", { key: itemTitle, className: b('item'), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType },
-                    react_1.default.createElement("h4", { className: b('item-title'), onClick: () => toggleItem(index) },
-                        react_1.default.createElement(components_1.HTML, { itemProp: FaqMicrodataValues.QuestionNameProp }, itemTitle),
-                        react_1.default.createElement(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })),
-                    react_1.default.createElement(components_1.Foldable, { isOpened: isOpened },
-                        react_1.default.createElement("div", { className: b('text'), itemScope: true, itemProp: FaqMicrodataValues.AnswerProp, itemType: FaqMicrodataValues.AnswerType },
-                            react_1.default.createElement(components_1.YFMWrapper, { content: itemText, modifiers: {
-                                    constructor: true,
-                                    constructorListStyle: true,
-                                    constructorListStyleDash: listStyle === 'dash',
-                                }, itemProp: FaqMicrodataValues.QuestionTextProp }),
-                            link && react_1.default.createElement(Link_1.default, Object.assign({}, link, { className: b('link') }))))));
+                const onClick = () => toggleItem(index);
+                return (react_1.default.createElement(QuestionBlockItem_1.QuestionBlockItem, { key: itemTitle, title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }));
             })))));
 };
 exports.default = QuestionsBlock;

package/build/cjs/blocks/Questions/models.d.ts

@@ -0,0 +1,10 @@
+export declare const FaqMicrodataValues: {
+    readonly PageType: "https://schema.org/FAQPage";
+    readonly QuestionType: "https://schema.org/Question";
+    readonly QuestionProp: "mainEntity";
+    readonly QuestionNameProp: "name";
+    readonly QuestionTextProp: "text";
+    readonly AnswerType: "https://schema.org/Answer";
+    readonly AnswerProp: "acceptedAnswer";
+    readonly AnswerTextProp: "text";
+};

package/build/cjs/blocks/Questions/models.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FaqMicrodataValues = void 0;
+exports.FaqMicrodataValues = {
+    PageType: 'https://schema.org/FAQPage',
+    QuestionType: 'https://schema.org/Question',
+    QuestionProp: 'mainEntity',
+    QuestionNameProp: 'name',
+    QuestionTextProp: 'text',
+    AnswerType: 'https://schema.org/Answer',
+    AnswerProp: 'acceptedAnswer',
+    AnswerTextProp: 'text',
+};

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

@@ -4,9 +4,10 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow"));
 const utils_1 = require("../../../utils");
+const i18n_1 = tslib_1.__importDefault(require("../i18n"));
 const b = (0, utils_1.block)('slider-block-arrow');
 const Arrow = ({ type, handleClick, className, size = 16 }) => (react_1.default.createElement("div", { className: b({ type }, className) },
-    react_1.default.createElement("button", { className: b('button'), onClick: () => handleClick && handleClick(type) },
+    react_1.default.createElement("button", { className: b('button'), onClick: () => handleClick && handleClick(type), "aria-label": (0, i18n_1.default)(`arrow-${type}`) },
         react_1.default.createElement("span", { className: b('icon-wrapper') },
             react_1.default.createElement(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') })))));
 exports.default = Arrow;

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

@@ -134,6 +134,7 @@ unpredictable css rules order in build */
   justify-content: center;
 }
 .pc-SliderBlock__dots-list li.pc-SliderBlock__bar,
+.pc-SliderBlock__dots-list li.pc-SliderBlock__accessible-bar,
 .pc-SliderBlock__dots-list li.pc-SliderBlock__dot {
   margin: calc(12px / 2) 8px;
   top: 0;
@@ -155,13 +156,15 @@ unpredictable css rules order in build */
 .pc-SliderBlock__dot_active {
   background-color: var(--g-color-line-generic-active);
 }
-.pc-SliderBlock__bar {
+.pc-SliderBlock__bar, .pc-SliderBlock__accessible-bar {
   position: absolute;
   top: 12px;
   left: 0;
   width: 24px;
   height: 8px;
   border-radius: var(--pc-border-radius);
+}
+.pc-SliderBlock__bar {
   transition: left 0.3s;
   background-color: var(--pc-color-line-generic-active-solid);
 }