@gravity-ui/page-constructor 4.0.0-beta.0 → 4.0.1

package/build/cjs/components/Image/schema.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageProps = exports.ImageObjectProps = exports.ImageDeviceProps = exports.urlPattern = void 0;
+exports.ImageProps = exports.ImageObjectProps = exports.ImageDeviceProps = exports.imageUrlPattern = void 0;
 const utils_1 = require("../../schema/validators/utils");
-exports.urlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
+exports.imageUrlPattern = '^((http[s]?|ftp):\\/)?\\/?([^:\\/\\s]+)((\\/\\w+)*\\/)([\\w\\-\\.]+[^#?\\s]+)(.*)?(#[\\w\\-]+)?$';
 const ImageBase = {
     alt: {
         type: 'string',
@@ -16,12 +16,12 @@ exports.ImageDeviceProps = {
     type: 'object',
     additionalProperties: false,
     required: ['desktop', 'mobile'],
-    properties: Object.assign(Object.assign({}, ImageBase), { desktop: { type: 'string', pattern: exports.urlPattern }, tablet: {
+    properties: Object.assign(Object.assign({}, ImageBase), { desktop: { type: 'string', pattern: exports.imageUrlPattern }, tablet: {
             type: 'string',
-            pattern: exports.urlPattern,
+            pattern: exports.imageUrlPattern,
         }, mobile: {
             type: 'string',
-            pattern: exports.urlPattern,
+            pattern: exports.imageUrlPattern,
         } }),
 };
 exports.ImageObjectProps = {
@@ -30,16 +30,17 @@ exports.ImageObjectProps = {
     required: ['src'],
     properties: Object.assign(Object.assign({}, ImageBase), { src: {
             type: 'string',
-            pattern: exports.urlPattern,
+            pattern: exports.imageUrlPattern,
         } }),
 };
 exports.ImageProps = {
     oneOf: [
         {
             type: 'string',
-            pattern: exports.urlPattern,
+            pattern: exports.imageUrlPattern,
+            optionName: 'url',
         },
-        (0, utils_1.filteredItem)(Object.assign({}, exports.ImageObjectProps)),
-        (0, utils_1.filteredItem)(Object.assign({}, exports.ImageDeviceProps)),
+        (0, utils_1.filteredItem)(Object.assign(Object.assign({}, exports.ImageObjectProps), { optionName: 'options' })),
+        (0, utils_1.filteredItem)(Object.assign(Object.assign({}, exports.ImageDeviceProps), { optionName: 'device options' })),
     ],
 };

package/build/cjs/components/Link/Link.css

@@ -5,7 +5,7 @@ unpredictable css rules order in build */
 }
 .pc-link-block__link {
   outline: none;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
   display: flex;
@@ -15,14 +15,14 @@ unpredictable css rules order in build */
   outline: 2px solid #ffdb4d;
 }
 .pc-link-block__link:hover, .pc-link-block__link:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .pc-link-block__link_theme_dark {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 .pc-link-block__link_theme_dark:hover {
-  color: var(--yc-color-text-light-secondary);
+  color: var(--g-color-text-light-secondary);
 }
 .pc-link-block__link_has-arrow {
   display: inherit;
@@ -30,7 +30,7 @@ unpredictable css rules order in build */
 }
 .pc-link-block__link_has-arrow:hover, .pc-link-block__link_has-arrow:active {
   --pc-text-header-color: inherit;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
 }
 .pc-link-block__link_has-arrow .pc-link-block__content {
   white-space: normal;
@@ -39,7 +39,7 @@ unpredictable css rules order in build */
   transform: translateX(5px) rotate(-90deg);
 }
 .pc-link-block__link.pc-link-block__link_has-arrow.pc-link-block__link_theme_dark:hover {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 .pc-link-block__arrow {
   position: relative;
@@ -48,17 +48,17 @@ unpredictable css rules order in build */
   transform: rotate(-90deg);
 }
 .pc-link-block_size_l {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
 }
 .pc-link-block_size_m {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .pc-link-block_size_m .pc-link-block__arrow {
   top: 1px;
 }
 .pc-link-block_size_s {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
 }

package/build/cjs/components/Media/Image/Image.js

@@ -23,8 +23,9 @@ const Image = (props) => {
     (0, react_1.useEffect)(() => {
         if (parallax) {
             const handleScroll = () => setScrollY(window.scrollY);
-            window.addEventListener('scroll', lodash_1.default.debounce(handleScroll, 5), { passive: true });
-            return () => window.removeEventListener('scroll', lodash_1.default.debounce(handleScroll, 5));
+            const debouncedHandler = lodash_1.default.debounce(handleScroll, 5);
+            window.addEventListener('scroll', debouncedHandler, { passive: true });
+            return () => window.removeEventListener('scroll', debouncedHandler);
         }
         return () => { };
     });
@@ -40,7 +41,7 @@ const Image = (props) => {
     };
     const imageBackground = (oneImage) => {
         const imageData = (0, utils_2.getMediaImage)(oneImage);
-        return (react_1.default.createElement(react_spring_1.animated.div, { style: { transform: parallaxInterpolate } },
+        return (react_1.default.createElement(react_spring_1.animated.div, { style: { transform: parallaxInterpolate || 'none' } },
             react_1.default.createElement(BackgroundImage_1.default, Object.assign({}, imageData, { className: imageClass, style: { height } }))));
     };
     const imageOnly = (oneImage) => {

package/build/cjs/components/Media/Media.js

@@ -42,7 +42,7 @@ const Media = (props) => {
             }
         }
         if (youtube) {
-            result = (react_1.default.createElement(VideoBlock_1.default, { className: b('youtube', youtubeClassName), record: youtube, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, height: height, fullscreen: fullscreen }));
+            result = (react_1.default.createElement(VideoBlock_1.default, { className: b('youtube', youtubeClassName), record: youtube, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, height: height, fullscreen: fullscreen, analyticsEvents: analyticsEvents }));
         }
         if (dataLens) {
             result = react_1.default.createElement(DataLens_1.default, { dataLens: dataLens });

package/build/cjs/components/Media/Video/Video.js

@@ -47,6 +47,7 @@ const Video = (props) => {
         return video.src.length && !hasVideoFallback ? (react_1.default.createElement("div", { className: b('wrap', videoClassName), style: { height } },
             react_1.default.createElement("video", { disablePictureInPicture: true, playsInline: true, 
                 // @ts-ignore
+                // eslint-disable-next-line react/no-unknown-property
                 pip: "false", className: b('item'), ref: ref, preload: "metadata", muted: true }, (0, utils_2.getVideoTypesWithPriority)(video.src).map(({ src, type }, index) => (react_1.default.createElement("source", { key: index, src: src, type: type })))))) : null;
     }, [video, videoClassName, hasVideoFallback, height]);
     switch (video.type) {

package/build/cjs/components/MediaBase/MediaBaseContent.js

@@ -6,9 +6,9 @@ const sub_blocks_1 = require("../../sub-blocks");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('media-base-content');
 const MediaContent = (props) => {
-    const { title, description, button, links, buttons = [], additionalInfo, size = 'l' } = props;
+    const { title, description, button, links, buttons = [], additionalInfo, size = 'l', list, } = props;
     const allButtons = button ? [Object.assign(Object.assign({}, button), { size: 'xl' }), ...buttons] : buttons;
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 } })));
+        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, list: list, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 } })));
 };
 exports.default = MediaContent;

package/build/cjs/components/MetaInfo/MetaInfo.css

@@ -1,8 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-meta-info {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   display: flex;
   align-items: center;
   font-weight: 500;

package/build/cjs/components/MetaInfo/MetaInfo.js

@@ -4,5 +4,5 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('meta-info');
-const MetaInfo = ({ items, className }) => (react_1.default.createElement("h4", { className: b(null, className) }, items.map((metaInfoItem) => (react_1.default.createElement("div", { key: metaInfoItem, className: b('item') }, metaInfoItem)))));
+const MetaInfo = ({ items, className }) => (react_1.default.createElement("h4", { className: b(null, className) }, items.map((metaInfoItem) => (react_1.default.createElement("span", { key: metaInfoItem, className: b('item') }, metaInfoItem)))));
 exports.default = MetaInfo;

package/build/cjs/components/OverflowScroller/OverflowScroller.css

@@ -28,7 +28,7 @@
   width: 32px;
   height: calc(100% - 1px);
   cursor: pointer;
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .pc-overflow-scroller__arrow_type_left {
   left: 0;

package/build/cjs/components/ReactPlayer/CustomBarControls.css

@@ -12,7 +12,7 @@ unpredictable css rules order in build */
   position: relative;
   width: 64px;
   height: 64px;
-  background: var(--yc-color-base-background);
+  background: var(--g-color-base-background);
   transition: background-color 300ms;
 }
 .pc-CustomBarControls__button:hover {

package/build/cjs/components/ReactPlayer/ReactPlayer.css

@@ -28,8 +28,8 @@ unpredictable css rules order in build */
   border-radius: 166px;
 }
 .pc-ReactPlayer__button_theme_blue {
-  color: var(--yc-color-base-background);
-  background-color: var(--yc-color-base-special);
+  color: var(--g-color-base-background);
+  background-color: var(--g-color-base-brand);
 }
 .pc-ReactPlayer__button_theme_grey {
   color: var(--pc-text-header-color);

package/build/cjs/components/Table/Table.css

@@ -1,8 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-table {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   margin-top: 32px;
 }
 .pc-table__table {
@@ -16,7 +16,7 @@ unpredictable css rules order in build */
   font-weight: 500;
 }
 .pc-table__row:first-child .pc-table__cell {
-  border-bottom-color: var(--yc-color-line-generic-active);
+  border-bottom-color: var(--g-color-line-generic-active);
   align-items: flex-end;
   padding-top: 0;
 }
@@ -25,7 +25,7 @@ unpredictable css rules order in build */
   display: flex;
   flex: 1;
   align-items: center;
-  border-bottom: 1px solid var(--yc-color-line-generic);
+  border-bottom: 1px solid var(--g-color-line-generic);
 }
 .pc-table__cell:first-child {
   flex: 2;
@@ -49,18 +49,18 @@ unpredictable css rules order in build */
   box-sizing: border-box;
 }
 .pc-table__marker_type_disk.pc-table__marker_index_0 {
-  background-color: var(--yc-color-infographics-neutral-light);
+  background-color: var(--g-color-base-neutral-light);
 }
 .pc-table__marker_type_disk.pc-table__marker_index_1 {
-  background-color: var(--yc-my-color-brand-normal);
+  background-color: var(--g-color-base-brand);
 }
 .pc-table__marker_type_disk.pc-table__marker_index_2 {
-  border: 1px solid var(--yc-color-text-hint);
+  border: 1px solid var(--g-color-text-hint);
 }
 .pc-table__legend {
   display: flex;
   margin-top: 20px;
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .pc-table__legend-item {
   display: flex;

package/build/cjs/components/Title/Title.css

@@ -4,13 +4,13 @@ unpredictable css rules order in build */
   margin-top: 12px;
 }
 .pc-title__description .yfm {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
 }
 .pc-title__description_titleSize_s, .pc-title__description_titleSize_xs {
   margin-top: 8px;
 }
 .pc-title__description_titleSize_s .yfm, .pc-title__description_titleSize_xs .yfm {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }

package/build/cjs/components/Title/TitleItem.css

@@ -11,42 +11,42 @@ unpredictable css rules order in build */
   text-align: right;
 }
 .pc-title-item_size_xs {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
 }
 .pc-title-item_size_s {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
+  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(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
   margin-top: 32px;
 }
 .pc-title-item_size_m {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
   margin-top: 48px;
 }
 @media (max-width: 576px) {
   .pc-title-item_size_m {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
+    font-size: var(--g-text-display-1-font-size);
+    line-height: var(--g-text-display-1-line-height);
   }
 }
 .pc-title-item_size_l {
-  font-size: var(--yc-text-display-4-font-size);
-  line-height: var(--yc-text-display-4-line-height);
+  font-size: var(--g-text-display-4-font-size);
+  line-height: var(--g-text-display-4-line-height);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
   margin-top: 96px;
 }
 @media (max-width: 577px) {
   .pc-title-item_size_l {
-    font-size: var(--yc-text-display-2-font-size);
-    line-height: var(--yc-text-display-2-line-height);
+    font-size: var(--g-text-display-2-font-size);
+    line-height: var(--g-text-display-2-line-height);
   }
 }
 .pc-title-item__arrow {
@@ -84,7 +84,7 @@ unpredictable css rules order in build */
 }
 .pc-title-item__text a {
   outline: none;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
@@ -92,8 +92,8 @@ unpredictable css rules order in build */
   outline: 2px solid #ffdb4d;
 }
 .pc-title-item__text a:hover, .pc-title-item__text a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .pc-title-item__wrapper {
   white-space: nowrap;

package/build/cjs/components/Title/TitleItem.d.ts

@@ -1,9 +1,8 @@
-import { TextSize, TitleItemProps } from '../../models';
+import { QAProps, TextSize, TitleItemProps } from '../../models';
 export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 24 | 13 | 22 | 26 | 38 | 20;
-export interface TitleItemFullProps extends TitleItemProps {
+export interface TitleItemFullProps extends TitleItemProps, QAProps {
     className?: string;
     onClick?: () => void;
-    dataQa?: string;
     resetMargin?: boolean;
 }
 declare const TitleItem: (props: TitleItemFullProps) => JSX.Element;

package/build/cjs/components/Title/TitleItem.js

@@ -26,7 +26,7 @@ function getArrowSize(size, isMobile) {
 exports.getArrowSize = getArrowSize;
 const TitleItem = (props) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, dataQa, resetMargin = true, } = props;
+    const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, qa, resetMargin = true, } = props;
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const textMarkup = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(__1.HTML, { className: b('text') }, text),
@@ -51,7 +51,7 @@ const TitleItem = (props) => {
         anchor && react_1.default.createElement(Anchor_1.default, { id: anchor, className: b('anchor') }),
         react_1.default.createElement((0, utils_1.getHeaderTag)(textSize), {
             className: b({ size: textSize, justify, 'reset-margin': resetMargin }, className),
-            'data-qa': `${dataQa}-header`,
+            'data-qa': `${qa}-header`,
         }, content)));
 };
 exports.default = TitleItem;

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.css

@@ -1,16 +1,16 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-unpublished-label {
-  background-color: var(--yc-color-base-danger-heavy);
+  background-color: var(--g-color-base-danger-heavy);
 }
 .pc-unpublished-label_type_line {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
   padding: 15px;
 }
 .pc-unpublished-label_type_label {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
   display: inline-block;
   padding: 0 8px;
   border-radius: 2px;

package/build/cjs/components/VideoBlock/VideoBlock.css

@@ -39,8 +39,8 @@ unpredictable css rules order in build */
   position: absolute;
   width: 64px;
   height: 64px;
-  color: var(--yc-color-base-background);
-  background-color: var(--yc-color-base-special);
+  color: var(--g-color-base-background);
+  background-color: var(--g-color-base-brand);
   border-radius: 50%;
 }
 .pc-VideoBlock__icon {

package/build/cjs/components/VideoBlock/VideoBlock.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import { AnalyticsEventsBase } from '../../models/common';
 export declare const AUTOPLAY_ATTRIBUTES: {
     autoplay: number;
     mute: number;
 };
 export declare function getHeight(width: number): number;
-export interface VideoBlockProps {
+export interface VideoBlockProps extends AnalyticsEventsBase {
     id?: string;
     stream?: string;
     record?: string;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -6,7 +6,9 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const uuid_1 = require("uuid");
+const useAnalytics_1 = require("../../hooks/useAnalytics");
 const icons_1 = require("../../icons");
+const common_1 = require("../../models/common");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
 const i18n_1 = tslib_1.__importDefault(require("./i18n"));
@@ -39,7 +41,8 @@ function getHeight(width) {
 }
 exports.getHeight = getHeight;
 const VideoBlock = (props) => {
-    const { stream, record, attributes, className, id, previewImg, playButton, height, fullscreen } = props;
+    const { stream, record, attributes, className, id, previewImg, playButton, height, fullscreen, analyticsEvents, } = props;
+    const handleAnalytics = (0, useAnalytics_1.useAnalytics)(common_1.DefaultEventNames.VideoPreview);
     const src = getVideoSrc(stream, record);
     const ref = (0, react_1.useRef)(null);
     const iframeRef = (0, react_1.useRef)();
@@ -48,11 +51,12 @@ const VideoBlock = (props) => {
     const [currentHeight, setCurrentHeight] = (0, react_1.useState)(height || undefined);
     const fullId = id || (0, uuid_1.v4)();
     const onPreviewClick = (0, react_1.useCallback)(() => {
+        handleAnalytics(analyticsEvents);
         if (iframeRef.current) {
             iframeRef.current.src = `${src}?${(0, utils_1.getPageSearchParams)(Object.assign(Object.assign({}, exports.AUTOPLAY_ATTRIBUTES), (attributes || {})))}`;
         }
         setTimeout(() => setHidePreview(true), AUTOPLAY_DELAY);
-    }, [src, attributes]);
+    }, [handleAnalytics, analyticsEvents, src, attributes]);
     (0, react_1.useEffect)(() => {
         const updateSize = lodash_1.default.debounce(() => {
             setCurrentHeight(ref.current ? Math.round(getHeight(ref.current.offsetWidth)) : undefined);

package/build/cjs/components/constants.d.ts

@@ -1,4 +1,6 @@
-export declare const DEFAULT_THEME = "light";
+import { Theme } from '../models';
+export declare const DEFAULT_THEME = Theme.Light;
+export declare const UIKIT_ROOT_CLASS = "g-root";
 export declare const KEY: {
     ENTER: string;
     TAB: string;

package/build/cjs/components/constants.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HEADER_HEIGHT = exports.KEY = exports.DEFAULT_THEME = void 0;
-exports.DEFAULT_THEME = 'light';
+exports.HEADER_HEIGHT = exports.KEY = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = void 0;
+const models_1 = require("../models");
+exports.DEFAULT_THEME = models_1.Theme.Light;
+exports.UIKIT_ROOT_CLASS = 'g-root';
 exports.KEY = {
     ENTER: 'Enter',
     TAB: 'Tab',

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

@@ -8,7 +8,7 @@ export declare const blockMap: {
     "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
-    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, }: import("./models").TabsBlockProps) => JSX.Element;
+    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
     "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
     "icons-block": ({ title, size, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;

package/build/cjs/containers/Loadable/Loadable.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { ConstructorItem, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from '../../models';
+import { ConstructorBlock, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from '../../models';
 export interface LoadableState {
     loading: boolean;
     error: boolean;
@@ -8,7 +8,7 @@ export interface LoadableState {
 export interface LoadableComponentsProps extends Omit<PropsWithChildren<LoadableProps>, 'source'> {
     Component: CustomItem;
     ChildComponent: CustomItem;
-    block: ConstructorItem;
+    block: ConstructorBlock;
     blockKey: string;
     fetch: FetchLoadableData;
 }