@gravity-ui/page-constructor 2.18.0 → 3.0.0-alpha.0

package/build/esm/blocks/Preview/MediaContent/PreviewContent.css

@@ -1,106 +0,0 @@
-.pc-preview-content-block__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-preview-content-block__content {
-  height: 100%;
-  display: block;
-  cursor: pointer;
-  border-radius: var(--pc-border-radius);
-  overflow: hidden;
-  position: relative;
-  background: var(--yc-color-base-background);
-}
-.pc-preview-content-block__content > .pc-preview-content-block__description {
-  overflow: hidden;
-}
-.pc-preview-content-block__loader-block {
-  height: 100%;
-  width: 0%;
-  background: var(--yc-color-base-background);
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.pc-preview-content-block__loader-block_auto {
-  transition: background-color 1s ease, width 300ms linear;
-}
-.pc-preview-content-block__loader-block_active {
-  background-color: var(--yc-color-promo-highlight-sky);
-  width: 100%;
-}
-.pc-preview-content-block__loader-block_active.pc-preview-content-block__loader-block_auto {
-  transition: background-color 1s ease, width 5s linear;
-}
-.pc-preview-content-block__title {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-  position: relative;
-}
-.pc-preview-content-block__description {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  position: relative;
-}
-@media (min-width: 769px) {
-  .pc-preview-content-block__content {
-    padding: 16px 24px;
-    margin: 0;
-    transition: background-color 0.5s ease-in, margin-top 300ms ease, margin-bottom 300ms ease;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description {
-    height: 0px;
-    transition: height 300ms ease, padding-top 300ms ease;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description > span {
-    color: transparent;
-    transition: color 300ms ease;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__title:hover {
-    color: var(--yc-color-text-link);
-  }
-  .pc-preview-content-block__content_active {
-    padding: 24px;
-    margin: 16px 0;
-    background: var(--yc-color-promo-base-silver);
-    transition: background-color 300ms ease-in, margin 300ms ease, padding 300ms ease;
-  }
-  .pc-preview-content-block__content_active > .pc-preview-content-block__description {
-    padding-top: 12px;
-  }
-  .pc-preview-content-block__content_active > .pc-preview-content-block__description > span {
-    color: var(--yc-color-text-primary);
-  }
-  .pc-preview-content-block__content_active > .pc-preview-content-block__title:hover {
-    color: var(--yc-color-text-primary);
-  }
-}
-@media (max-width: 769px) {
-  .pc-preview-content-block__content {
-    width: 275px;
-    padding: 24px;
-    padding-bottom: 32px;
-    transition: background-color 0.5s ease-in;
-  }
-  .pc-preview-content-block__content_active {
-    margin: 0 16px;
-    background: var(--yc-color-promo-base-silver);
-    transition: background-color 300ms ease-in;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description {
-    padding-top: 12px;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description > span {
-    color: var(--yc-color-text-primary);
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description {
-    display: block;
-  }
-  .pc-preview-content-block .preview-block__row_reverse__content {
-    margin-left: 0;
-  }
-}

package/build/esm/blocks/Preview/MediaContent/PreviewContent.d.ts

@@ -1,12 +0,0 @@
-import { Modifiers } from '../../../models';
-import './PreviewContent.css';
-interface PreviewContentProps {
-    id: number;
-    title: string;
-    description?: string;
-    switching: boolean;
-    onClick: () => void;
-    mods: Modifiers | null;
-}
-declare const PreviewContent: (props: PreviewContentProps) => JSX.Element;
-export default PreviewContent;

package/build/esm/blocks/Preview/MediaContent/PreviewContent.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import YFMWrapper from '../../../components/YFMWrapper/YFMWrapper';
-import { block } from '../../../utils';
-import './PreviewContent.css';
-const b = block('preview-content-block');
-const PreviewContent = (props) => {
-    const { id, title, description = '', switching, onClick, mods } = props;
-    return (React.createElement("div", { key: id, className: b('content-wrapper') },
-        React.createElement("div", { className: b('content', mods), onClick: onClick },
-            React.createElement("div", { className: b('loader-block', Object.assign(Object.assign({}, mods), { auto: switching })) }),
-            React.createElement("h2", { className: b('title') }, title),
-            description && (React.createElement("div", { className: b('description') },
-                React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))))));
-};
-export default PreviewContent;

package/build/esm/blocks/Preview/MediaContent/PreviewMedia.css

@@ -1,54 +0,0 @@
-.pc-preview-media-block__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-@media (min-width: 769px) {
-  .pc-preview-media-block.pc-AnimateBlock .pc-preview-media-block __media, .pc-AnimateBlock .pc-preview-media-block .pc-preview-media-block __media {
-    position: relative;
-    top: 100px;
-    opacity: 0;
-  }
-  .pc-preview-media-block.pc-AnimateBlock.animate .pc-preview-media-block __media, .pc-AnimateBlock .pc-preview-media-block.animate .pc-preview-media-block __media {
-    top: 0;
-    opacity: 1;
-    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-    transition-delay: 0s;
-  }
-}
-.pc-preview-media-block__title {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
-@media (max-width: 576px) {
-  .pc-preview-media-block__title {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
-  }
-}
-.pc-preview-media-block__media {
-  box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
-  overflow-x: hidden;
-  border-radius: var(--pc-border-radius);
-  overflow: hidden;
-  display: none;
-}
-.pc-preview-media-block__media img {
-  width: 100%;
-}
-.pc-preview-media-block__media img,
-.pc-preview-media-block__media video,
-.pc-preview-media-block__media iframe {
-  border-radius: var(--pc-border-radius);
-}
-.pc-preview-media-block__media_active {
-  display: block;
-}
-@media (max-width: 769px) {
-  .pc-preview-media-block__media_active {
-    width: 100%;
-  }
-}

package/build/esm/blocks/Preview/MediaContent/PreviewMedia.d.ts

@@ -1,10 +0,0 @@
-import { MediaProps, Modifiers } from '../../../models';
-import './PreviewMedia.css';
-interface PreviewMediaProps {
-    id: number;
-    media: MediaProps;
-    play: boolean;
-    mods: Modifiers | null;
-}
-declare const PreviewMedia: (props: PreviewMediaProps) => JSX.Element;
-export default PreviewMedia;

package/build/esm/blocks/Preview/MediaContent/PreviewMedia.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import Media from '../../../components/Media/Media';
-import { block } from '../../../utils';
-import './PreviewMedia.css';
-const b = block('preview-media-block');
-const PreviewMedia = (props) => {
-    const { id, media, play, mods } = props;
-    return (React.createElement("div", { key: id, className: b('media', mods) },
-        React.createElement(Media, Object.assign({}, media, { playVideo: play }))));
-};
-export default PreviewMedia;

package/build/esm/blocks/Preview/Preview.css

@@ -1,50 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-preview-block__row > * {
-  height: fit-content;
-  margin: auto;
-}
-.pc-preview-block__row_reverse {
-  flex-direction: row-reverse;
-}
-.pc-preview-block__row > .col.pc-preview-media-content-block__media {
-  padding: 0 16px;
-}
-@media (min-width: 769px) {
-  .pc-preview-block__row {
-    display: flex;
-  }
-  .pc-preview-block__row > .col.pc-preview-media-content-block__content {
-    padding: 0 48px 0 16px;
-  }
-  .pc-preview-block__row_reverse > .col.pc-preview-media-content-block__content {
-    padding: 0 16px 0 48px;
-  }
-}
-@media (min-width: 577px) and (max-width: 769px) {
-  .pc-preview-block__row_reverse {
-    flex-direction: row;
-  }
-  .pc-preview-block__row > .col.pc-preview-media-content-block__content {
-    padding: 0;
-  }
-  .pc-preview-block__row > .col.pc-preview-media-content-block__media {
-    padding: 0 32px;
-  }
-  .pc-preview-block .pc-preview-block__row_reverse.row, .pc-preview-block .pc-preview-block__row.row {
-    margin-left: -32px;
-    margin-right: -32px;
-  }
-}
-@media (max-width: 577px) {
-  .pc-preview-block__row > .col.pc-preview-media-content-block__content {
-    padding: 0;
-  }
-  .pc-preview-block__row > .col.pc-preview-media-content-block__media {
-    padding: 0 20px;
-  }
-  .pc-preview-block .pc-preview-block__row_reverse.row, .pc-preview-block .pc-preview-block__row.row {
-    margin-left: -20px;
-    margin-right: -20px;
-  }
-}

package/build/esm/blocks/Preview/Preview.d.ts

@@ -1,4 +0,0 @@
-import { PreviewBlockProps } from '../../models';
-import './Preview.css';
-export declare const PreviewBlock: (props: PreviewBlockProps) => JSX.Element;
-export default PreviewBlock;

package/build/esm/blocks/Preview/Preview.js

@@ -1,126 +0,0 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
-import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import { BREAKPOINTS } from '../../constants';
-import { BreakpointContext } from '../../context/breakpointContext';
-import { Row } from '../../grid';
-import { useIntersection } from '../../hooks/useIntersection';
-import { block, doSmoothScroll } from '../../utils';
-import MediaContent from './MediaContent/MediaContent';
-import './Preview.css';
-const b = block('preview-block');
-const SWITCHING_INTERVAL = 5 * 1000;
-const WIDTH_MENU_ITEM_MD_SIZE = 275;
-const INDENT_MENU_ITEM_MD_SIZE = 16;
-const SCROLL_ITEM_SECONDS = 1;
-const SCROLL_ITEM_SPEED = 2;
-const CLASSNAME_DESCRIPTION_YFM_BLOCK = 'yfm';
-const CLASSNAME_CONTENT_WRAPPER = 'preview-media-content-block__content-wrapper';
-const INDENT_BETWEEN_TITLE_DESCRIPTION = 16;
-export const PreviewBlock = (props) => {
-    const { direction = 'content-media', animated, items, title, description, ratioMediaContent = '1-1', stopVideo = false, 
-    // TODO YDB-server doesn't see previewRef.current and doesn't update the component CLOUDFRONT-9395
-    showImmediately = false, } = props;
-    const breakpoint = useContext(BreakpointContext);
-    const isDesktop = breakpoint >= BREAKPOINTS.md;
-    const menuRef = React.useRef(null);
-    const previewRef = React.useRef(null);
-    const inViewport = useIntersection(previewRef.current);
-    const [stopSwitching, setStopSwitching] = useState(stopVideo);
-    const [activeSlide, setActiveSlide] = useState(-1);
-    const [autoSwitchTimerId, setAutoSwitchTimerId] = useState(0);
-    const isActiveBlock = useCallback((id, isMediaBlock = false) => {
-        return isMediaBlock || inViewport ? activeSlide === id : false;
-    }, [inViewport, activeSlide]);
-    const changeActiveSlide = useCallback((params) => {
-        const { current, nextSlide, currentSlide, timerId } = params;
-        if (isDesktop) {
-            changeDescriptionHeight(current, nextSlide, currentSlide);
-        }
-        else {
-            changeMenuScroll(current, nextSlide, currentSlide);
-        }
-        setActiveSlide(nextSlide);
-        clearTimeout(timerId);
-    }, [isDesktop]);
-    useEffect(() => {
-        // TODO YDB-server doesn't see previewRef.current and doesn't update the component CLOUDFRONT-9395
-        if (!items[activeSlide] && (showImmediately || inViewport)) {
-            setActiveSlide(0);
-            if (isDesktop) {
-                changeDescriptionHeight(menuRef.current, 0);
-            }
-        }
-    }, [inViewport, activeSlide, isDesktop, items, showImmediately]);
-    useEffect(() => {
-        if (stopSwitching || !inViewport) {
-            return () => { };
-        }
-        const timerId = setTimeout(() => {
-            if (stopSwitching) {
-                clearTimeout(timerId);
-                return;
-            }
-            const nextSlide = activeSlide + 1 >= items.length ? 0 : activeSlide + 1;
-            changeActiveSlide({
-                current: menuRef.current,
-                nextSlide,
-                currentSlide: activeSlide,
-                timerId: timerId,
-            });
-        }, SWITCHING_INTERVAL);
-        setAutoSwitchTimerId(timerId);
-        return () => clearTimeout(timerId);
-    }, [changeActiveSlide, activeSlide, items.length, stopSwitching, inViewport]);
-    const showMediaContent = useCallback((nextSlide) => {
-        changeActiveSlide({
-            current: menuRef.current,
-            nextSlide,
-            currentSlide: activeSlide,
-            timerId: autoSwitchTimerId,
-        });
-        setStopSwitching(true);
-    }, [changeActiveSlide, activeSlide, autoSwitchTimerId]);
-    return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        React.createElement(Row, { ref: previewRef, className: b('row', { reverse: direction === 'media-content' }) },
-            React.createElement(MediaContent, { ref: menuRef, items: items, title: title, description: description, ratioMediaContent: ratioMediaContent, switching: !stopSwitching, isActiveBlock: isActiveBlock, showMediaContent: showMediaContent }))));
-};
-function changeMenuScroll(element, nextSlide, activeSlide) {
-    if (!element) {
-        return;
-    }
-    const scrollPosition = element.scrollLeft;
-    const endPosition = nextSlide === 0 ? 0 : nextSlide * WIDTH_MENU_ITEM_MD_SIZE + INDENT_MENU_ITEM_MD_SIZE;
-    const distance = Math.abs(scrollPosition - endPosition);
-    const isReverse = nextSlide === 0 || nextSlide < activeSlide;
-    const scrollOptions = {
-        distance,
-        timeSeconds: SCROLL_ITEM_SECONDS,
-        speed: SCROLL_ITEM_SPEED,
-        reverseParams: isReverse ? { distance } : undefined,
-    };
-    doSmoothScroll(element, scrollPosition, scrollOptions);
-}
-function changeDescriptionHeight(element, nextActiveSlide, prevActiveSlide = 0) {
-    const contentWrapper = element === null || element === void 0 ? void 0 : element.getElementsByClassName(CLASSNAME_CONTENT_WRAPPER);
-    if (!contentWrapper || contentWrapper.length === 0) {
-        return;
-    }
-    const menuItems = contentWrapper[0].children;
-    updateHeight(menuItems, nextActiveSlide);
-    if (nextActiveSlide !== prevActiveSlide) {
-        updateHeight(menuItems, prevActiveSlide, false);
-    }
-}
-function updateHeight(menuItems, slide, isExpand = true) {
-    const item = menuItems[slide];
-    const yfmBlock = item.getElementsByClassName(CLASSNAME_DESCRIPTION_YFM_BLOCK)[0];
-    if (yfmBlock) {
-        const yfmBlockElement = yfmBlock;
-        const yfmBlockHeight = yfmBlockElement.offsetHeight;
-        const yfmBlockOffsetParent = yfmBlockElement.offsetParent;
-        yfmBlockOffsetParent.style.height = isExpand
-            ? `${yfmBlockHeight + INDENT_BETWEEN_TITLE_DESCRIPTION}px`
-            : '0px';
-    }
-}
-export default PreviewBlock;

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

@@ -1,40 +0,0 @@
-export declare const PreviewBlock: {
-    'preview-block': {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            title: {
-                type: string;
-                contentType: string;
-            };
-            description: {
-                type: string;
-                contentType: string;
-            };
-            direction: {
-                type: string;
-                enum: string[];
-            };
-            ratioMediaContent: {
-                type: string;
-                enum: string[];
-            };
-            items: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-            animated: {
-                type: string;
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

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

@@ -1,50 +0,0 @@
-import { AnimatableProps, BaseProps, mediaDirection, withTheme, } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
-import { Media } from '../Media/schema';
-const previewRatioMediaContent = ['2-1', '1-1'];
-const PreviewContentItem = {
-    additionalProperties: false,
-    required: ['title', 'description'],
-    properties: {
-        title: {
-            type: 'string',
-            contentType: 'text',
-        },
-        description: {
-            type: 'string',
-            contentType: 'yfm',
-        },
-    },
-};
-const PreviewItem = {
-    type: 'object',
-    additionalProperties: false,
-    required: ['type', 'media', 'content'],
-    properties: {
-        type: {
-            type: 'string',
-            enum: ['video', 'image'],
-        },
-        media: withTheme(Media),
-        content: PreviewContentItem,
-    },
-};
-export const PreviewBlock = {
-    'preview-block': {
-        additionalProperties: false,
-        required: ['title', 'items'],
-        properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
-                type: 'string',
-                contentType: 'text',
-            }, description: {
-                type: 'string',
-                contentType: 'yfm',
-            }, direction: {
-                type: 'string',
-                enum: mediaDirection,
-            }, ratioMediaContent: {
-                type: 'string',
-                enum: previewRatioMediaContent,
-            }, items: filteredArray(PreviewItem) }),
-    },
-};

package/build/esm/blocks/Security/Security.css

@@ -1,142 +0,0 @@
-.pc-SecurityBlock__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-SecurityBlock_theme_dark {
-  color: var(--yc-color-text-light-primary);
-}
-.pc-SecurityBlock_theme_dark h1,
-.pc-SecurityBlock_theme_dark h2,
-.pc-SecurityBlock_theme_dark h3,
-.pc-SecurityBlock_theme_dark h4,
-.pc-SecurityBlock_theme_dark h5,
-.pc-SecurityBlock_theme_dark h6,
-.pc-SecurityBlock_theme_dark .yfm {
-  color: var(--yc-color-text-light-primary);
-}
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__background {
-  background-color: var(--yc-color-base-background);
-}
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__content {
-  padding: 0;
-}
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__point-icon,
-.pc-SecurityBlock_theme_light .pc-SecurityBlock__point-text {
-  color: var(--yc-color-text-primary);
-}
-.pc-SecurityBlock__title {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
-@media (max-width: 576px) {
-  .pc-SecurityBlock__title {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
-  }
-}
-.pc-SecurityBlock__background {
-  background-color: var(--yc-color-promo-base-asphalt);
-}
-.pc-SecurityBlock__content {
-  padding: 96px 0 128px;
-}
-.pc-SecurityBlock__points {
-  padding-top: 20px;
-}
-.pc-SecurityBlock__point-icon {
-  width: 48px;
-  height: 48px;
-}
-.pc-SecurityBlock__point-text {
-  color: var(--yc-color-text-light-primary);
-}
-.pc-SecurityBlock__point-text a {
-  outline: none;
-  color: var(--yc-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-.utilityfocus .pc-SecurityBlock__point-text a:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-SecurityBlock__point-text a:hover, .pc-SecurityBlock__point-text a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
-}
-.pc-SecurityBlock__point-text, .pc-SecurityBlock__point-link {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  margin-top: 8px;
-}
-.pc-SecurityBlock__media {
-  margin-top: 48px;
-  border-radius: var(--pc-border-radius);
-  overflow: hidden;
-}
-@media (max-width: 577px) {
-  .pc-SecurityBlock__content {
-    padding: 64px 0;
-  }
-  .pc-SecurityBlock__point + .pc-SecurityBlock__point {
-    margin-top: 20px;
-  }
-}
-@media (min-width: 769px) {
-  .pc-SecurityBlock.pc-AnimateBlock .pc-SecurityBlock__point, .pc-AnimateBlock .pc-SecurityBlock .pc-SecurityBlock__point {
-    position: relative;
-    top: 100px;
-    opacity: 0;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point, .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point {
-    top: 0;
-    opacity: 1;
-    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(0), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(0) {
-    transition-delay: 0s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(1), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(1) {
-    transition-delay: 0.1s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(2), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(2) {
-    transition-delay: 0.2s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(3), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(3) {
-    transition-delay: 0.3s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(4), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(4) {
-    transition-delay: 0.4s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(5), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(5) {
-    transition-delay: 0.5s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(6), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(6) {
-    transition-delay: 0.6s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(7), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(7) {
-    transition-delay: 0.7s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(8), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(8) {
-    transition-delay: 0.8s;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__point:nth-child(9), .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__point:nth-child(9) {
-    transition-delay: 0.9s;
-  }
-}
-@media (min-width: 769px) {
-  .pc-SecurityBlock.pc-AnimateBlock .pc-SecurityBlock__media, .pc-AnimateBlock .pc-SecurityBlock .pc-SecurityBlock__media {
-    position: relative;
-    top: 100px;
-    opacity: 0;
-  }
-  .pc-SecurityBlock.pc-AnimateBlock.animate .pc-SecurityBlock__media, .pc-AnimateBlock .pc-SecurityBlock.animate .pc-SecurityBlock__media {
-    top: 0;
-    opacity: 1;
-    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-    transition-delay: 0.5s;
-  }
-}

package/build/esm/blocks/Security/Security.d.ts

@@ -1,4 +0,0 @@
-import { SecurityBlockProps } from '../../models';
-import './Security.css';
-export declare const SecurityBlock: (props: SecurityBlockProps) => JSX.Element;
-export default SecurityBlock;

package/build/esm/blocks/Security/Security.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { AnimateBlock, FullWidthBackground, HTML, ImageBase, Link, Media } from '../../components';
-import { Col, Grid, Row } from '../../grid';
-import { block } from '../../utils';
-import i18n from './i18n';
-import './Security.css';
-const b = block('SecurityBlock');
-export const SecurityBlock = (props) => {
-    const { backgroundColor, theme = 'dark', title, points, media, animated } = props;
-    return (React.createElement(AnimateBlock, { className: b({ theme }), offset: 200, animate: animated },
-        React.createElement("div", { className: b('content') },
-            React.createElement(FullWidthBackground, { className: b('background'), style: { backgroundColor } }),
-            React.createElement(Grid, null,
-                React.createElement(Row, null,
-                    React.createElement(Col, null,
-                        React.createElement("h2", { className: b('title') }, title))),
-                points && (React.createElement(Row, { className: b('points') }, points.map(({ text, link, img }, index) => (React.createElement(Col, { key: index, className: b('point'), sizes: { sm: 4, all: 12 } },
-                    React.createElement(ImageBase, { className: b('point-icon'), src: img, alt: text || i18n('image-alt') }),
-                    React.createElement(HTML, { className: b('point-text'), block: true }, text),
-                    link && (React.createElement(Link, { className: b('point-link'), text: link.text, url: link.url, theme: 'normal', arrow: true }))))))),
-                media && (React.createElement(Row, { className: b('media') },
-                    React.createElement(Col, null,
-                        React.createElement(Media, Object.assign({ className: b('media') }, media)))))))));
-};
-export default SecurityBlock;