@gravity-ui/page-constructor 1.26.0-alpha.2 → 2.0.0-alpha.0

package/build/cjs/sub-blocks/PriceDetailed/schema.js

@@ -1,155 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PriceDetailedBlock = void 0;
-const common_1 = require("../../schema/validators/common");
-const utils_1 = require("../../schema/validators/utils");
-const PriceDetailedDetailsType = ['marked-list', 'settings'];
-const PriceDetailedDescriptionColor = ['cornflower', 'black'];
-const PriceLabelColor = ['blue', 'green', 'yellow', 'purple', 'red'];
-const LabelsDefaultTextProp = PriceLabelColor.reduce((result, labelColor) => {
-    return Object.assign(Object.assign({}, result), { [labelColor]: {
-            type: 'string',
-        } });
-}, {});
-const PriceDetailedLabelsDefaultTextProps = {
-    additionalProperties: false,
-    required: [],
-    properties: LabelsDefaultTextProp,
-};
-const PriceDetailedFoldableDetailsProps = {
-    additionalProperties: false,
-    required: ['title'],
-    properties: {
-        title: {
-            type: 'string',
-            contentType: 'text',
-        },
-        size: {
-            type: 'string',
-            enum: common_1.textSize,
-        },
-        titleColor: {
-            type: 'string',
-            enum: PriceDetailedDescriptionColor,
-        },
-    },
-};
-const PriceDetailedDetailsProps = {
-    additionalProperties: false,
-    required: [],
-    properties: {
-        titleSize: {
-            type: 'string',
-            enum: common_1.textSize,
-        },
-        descriptionSize: {
-            type: 'string',
-            enum: common_1.textSize,
-        },
-    },
-};
-const PriceDetailedDescriptionProps = {
-    additionalProperties: false,
-    required: [],
-    properties: {
-        titleSize: {
-            type: 'string',
-            enum: common_1.textSize,
-        },
-        descriptionSize: {
-            type: 'string',
-            enum: common_1.textSize,
-        },
-        titleColor: {
-            type: 'string',
-            enum: PriceDetailedDescriptionColor,
-        },
-    },
-};
-const PriceDescriptionLabelProps = {
-    additionalProperties: false,
-    required: ['color'],
-    properties: {
-        color: {
-            type: 'string',
-            enum: PriceLabelColor,
-        },
-        text: {
-            type: 'string',
-            contentType: 'text',
-        },
-        size: {
-            type: 'string',
-            enum: common_1.textSize,
-        },
-    },
-};
-const PriceDescriptionProps = {
-    title: {
-        type: 'string',
-        contentType: 'text',
-    },
-    description: {
-        type: 'string',
-        contentType: 'yfm',
-    },
-    detailedTitle: {
-        type: 'string',
-        contentType: 'text',
-    },
-    label: PriceDescriptionLabelProps,
-};
-const PriceDetailsSettingsProps = {
-    type: 'object',
-    additionalProperties: false,
-    required: ['title', 'description'],
-    properties: {
-        title: {
-            type: 'string',
-            contentType: 'text',
-        },
-        description: {
-            type: 'string',
-            contentType: 'yfm',
-        },
-    },
-};
-const PriceDetailsListProps = {
-    type: 'object',
-    additionalProperties: false,
-    required: ['text'],
-    properties: {
-        text: {
-            type: 'string',
-            contentType: 'yfm',
-        },
-    },
-};
-const PriceDetailsProps = {
-    items: {
-        anyOf: [(0, utils_1.filteredArray)(PriceDetailsListProps), (0, utils_1.filteredArray)(PriceDetailsSettingsProps)],
-    },
-};
-const PriceItem = {
-    type: 'object',
-    additionalProperties: false,
-    required: ['title', 'description'],
-    properties: Object.assign(Object.assign({}, PriceDetailsProps), PriceDescriptionProps),
-};
-exports.PriceDetailedBlock = {
-    'price-detailed': {
-        additionalProperties: false,
-        required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { items: (0, utils_1.filteredArray)(PriceItem), description: PriceDetailedDescriptionProps, details: PriceDetailedDetailsProps, priceType: {
-                type: 'string',
-                enum: PriceDetailedDetailsType,
-            }, numberGroupItems: {
-                type: 'number',
-                enum: [3, 4, 5],
-            }, isCombined: {
-                type: 'boolean',
-            }, useMixedView: {
-                type: 'boolean',
-            }, foldable: PriceDetailedFoldableDetailsProps, labelsDefaultText: PriceDetailedLabelsDefaultTextProps }),
-    },
-};

package/build/esm/components/LinkBase/LinkBase.d.ts

@@ -1,3 +0,0 @@
-import { LinkBaseProps, WithChildren } from '../../models';
-declare const LinkBase: (props: WithChildren<LinkBaseProps>) => JSX.Element;
-export default LinkBase;

package/build/esm/components/LinkBase/LinkBase.js

@@ -1,16 +0,0 @@
-import { __rest } from "tslib";
-import React, { useContext } from 'react';
-import { omit } from 'lodash';
-import { LocationContext } from '../../context/locationContext';
-import RouterLink from '../RouterLink/RouterLink';
-const LinkBase = (props) => {
-    const { href, children } = props, linkProps = __rest(props, ["href", "children"]);
-    const { Link } = useContext(LocationContext);
-    if (Link && href && !(linkProps === null || linkProps === void 0 ? void 0 : linkProps.target)) {
-        const extractedProps = omit(linkProps, ['rel', 'ref']);
-        return (React.createElement(RouterLink, { href: href },
-            React.createElement("a", Object.assign({}, extractedProps), children)));
-    }
-    return (React.createElement("a", Object.assign({ href: href }, linkProps), children));
-};
-export default LinkBase;

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.css

@@ -1,35 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-combined-price-detailed-block__row {
-  /* stylelint-disable declaration-no-important */
-  margin: 0 !important;
-}
-.pc-combined-price-detailed-block__row .col {
-  padding: 0;
-  margin: 12px;
-}
-.pc-combined-price-detailed-block__row > * {
-  display: flex;
-  width: 100%;
-}
-.pc-combined-price-detailed-block__row:not(:last-child) {
-  border-bottom: 1px solid var(--yc-color-line-generic);
-  margin-bottom: 12px !important;
-  padding-bottom: 12px;
-}
-@media (min-width: 1081px) {
-  .pc-combined-price-detailed-block__description > * {
-    padding-top: 12px;
-  }
-  .pc-combined-price-detailed-block__description_delimiter > * {
-    border-top: 1px solid var(--yc-color-line-generic);
-  }
-  .pc-combined-price-detailed-block__empty-column {
-    border-top: 0;
-  }
-}
-@media (max-width: 1080px) {
-  .pc-combined-price-detailed-block__description > * {
-    margin-top: 0 !important;
-  }
-}

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
-import './CombinedPriceDetailed.css';
-interface CombinedPriceDetailedProps {
-    items: PriceItemProps[];
-    numberGroupItems: number;
-    useMixedView?: boolean;
-    getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;
-    getDetailsComponent: (priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[]) => JSX.Element;
-    border?: CardBorder;
-}
-declare const CombinedPriceDetailed: (props: CombinedPriceDetailedProps) => JSX.Element;
-export default CombinedPriceDetailed;

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js

@@ -1,58 +0,0 @@
-import _ from 'lodash';
-import React, { Fragment, useCallback, useEffect, useState } from 'react';
-import { block } from '../../../utils';
-import { CardBase } from '../../../components';
-import { Grid, Row, Col, GridColumnSize } from '../../../grid';
-import { BREAKPOINTS } from '../../../constants';
-import './CombinedPriceDetailed.css';
-const b = block('combined-price-detailed-block');
-const CombinedPricesGroupSize = {
-    [GridColumnSize.Sm]: 1,
-    [GridColumnSize.Md]: 2,
-    [GridColumnSize.Lg]: 3,
-};
-const CombinedPriceDetailed = (props) => {
-    const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, } = props;
-    const [groupItemsSize, setGroupItemsSize] = useState(numberGroupItems);
-    const updateGroupItemsSize = useCallback((windowWidth) => {
-        if (windowWidth >= BREAKPOINTS.lg) {
-            setGroupItemsSize(numberGroupItems);
-        }
-        else if (BREAKPOINTS.lg > windowWidth && windowWidth >= BREAKPOINTS.md) {
-            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Lg]);
-        }
-        else if (BREAKPOINTS.md > windowWidth && windowWidth >= BREAKPOINTS.sm) {
-            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Md]);
-        }
-        else {
-            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Sm]);
-        }
-    }, [numberGroupItems]);
-    useEffect(() => {
-        function handleResize() {
-            updateGroupItemsSize(window.innerWidth);
-        }
-        handleResize();
-        window.addEventListener('resize', handleResize);
-        return () => window.removeEventListener('resize', handleResize);
-    }, [updateGroupItemsSize]);
-    const getPrice = (groupPrices) => {
-        const descriptionComponents = Array(groupItemsSize);
-        const detailsComponents = Array(groupItemsSize);
-        for (let id = 0; id < groupItemsSize; id++) {
-            const price = groupPrices[id];
-            descriptionComponents[id] = (React.createElement(Col, { key: `card_${id}` }, price && getDescriptionComponent(price)));
-            detailsComponents[id] = (React.createElement(Col, { key: `details_${id}`, className: price ? '' : b('empty-column') }, price && getDetailsComponent(price.items)));
-        }
-        return (React.createElement(Fragment, null,
-            React.createElement("div", null, descriptionComponents),
-            React.createElement("div", { className: b('description', { delimiter: useMixedView }) }, detailsComponents)));
-    };
-    const chunkedItems = _.chunk(items, groupItemsSize);
-    return (React.createElement(CardBase, { className: b(), border: border },
-        React.createElement(CardBase.Content, null,
-            React.createElement(Grid, null, chunkedItems.map((chunk, id) => {
-                return (React.createElement(Row, { key: id, className: b('row') }, getPrice(chunk)));
-            })))));
-};
-export default CombinedPriceDetailed;

package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.css

@@ -1,62 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-price-description {
-  margin-bottom: 12px;
-}
-.pc-price-description__title_size_l, .pc-price-description__description_size_l, .pc-price-description__detailed-title_size_l, .pc-price-description__label_size_l {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-}
-.pc-price-description__title_size_m, .pc-price-description__description_size_m, .pc-price-description__detailed-title_size_m, .pc-price-description__label_size_m {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.pc-price-description__title_size_s, .pc-price-description__description_size_s, .pc-price-description__detailed-title_size_s, .pc-price-description__label_size_s {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-}
-.pc-price-description__main-title {
-  font-weight: 500;
-}
-.pc-price-description__main-title_color_cornflower {
-  color: var(--yc-my-color-brand-normal);
-}
-.pc-price-description__main-title_color_black {
-  color: var(--yc-color-text-primary);
-}
-.pc-price-description__title {
-  display: flex;
-  padding: 16px 0 12px 0;
-  align-items: flex-end;
-}
-.pc-price-description__description {
-  font-weight: 400;
-}
-.pc-price-description__detailed-title {
-  margin-left: 4px;
-}
-.pc-price-description__label {
-  padding: 4px 12px;
-  border-radius: 4px;
-  width: fit-content;
-}
-.pc-price-description__label_color_blue {
-  background: var(--yc-color-promo-highlight-sky);
-}
-.pc-price-description__label_color_green {
-  background: var(--yc-color-promo-highlight-mint);
-}
-.pc-price-description__label_color_yellow {
-  background: var(--yc-color-promo-highlight-gold);
-}
-.pc-price-description__label_color_purple {
-  background: var(--yc-color-promo-highlight-neon);
-}
-.pc-price-description__label_color_red {
-  background: var(--yc-color-promo-highlight-tomato);
-}
-@media (max-width: 577px) {
-  .pc-price-description {
-    min-width: 160px;
-  }
-}

package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.d.ts

@@ -1,11 +0,0 @@
-import { PriceDescriptionColor, PriceDescriptionProps, PriceLabelColor, TextSize } from '../../../models';
-import './PriceDescription.css';
-interface PriceDescriptionExtendProps extends PriceDescriptionProps {
-    titleSize?: TextSize;
-    descriptionSize?: TextSize;
-    colorTitle?: PriceDescriptionColor;
-    labelsDefaultText?: Record<PriceLabelColor, string>;
-    className?: string;
-}
-declare const PriceDescription: (props: PriceDescriptionExtendProps) => JSX.Element;
-export default PriceDescription;

package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.js

@@ -1,52 +0,0 @@
-import React, { useCallback, useContext, useEffect, useMemo } from 'react';
-import { block } from '../../../utils';
-import { StylesContext } from '../../../context/stylesContext';
-import { YFMWrapper } from '../../../components';
-import './PriceDescription.css';
-const b = block('price-description');
-const PriceDescription = (props) => {
-    const { title, detailedTitle = '', description, titleSize = 'l', descriptionSize = 'm', colorTitle = 'cornflower', label, labelsDefaultText, className, } = props;
-    const descriptionRef = React.useRef(null);
-    const { pricesDetailedDescriptionHeight, setStyles } = useContext(StylesContext);
-    const setDescriptionHeight = useCallback(() => {
-        var _a;
-        if (!descriptionRef || !descriptionRef.current) {
-            return;
-        }
-        const descriptionChildren = (_a = descriptionRef.current) === null || _a === void 0 ? void 0 : _a.children;
-        if (!descriptionChildren) {
-            return;
-        }
-        const childrenHeight = [...descriptionChildren].reduce((result, element) => result + element.clientHeight, 0);
-        if (pricesDetailedDescriptionHeight === undefined ||
-            Number(pricesDetailedDescriptionHeight) < childrenHeight) {
-            setStyles({ pricesDetailedDescriptionHeight: childrenHeight.toString() });
-        }
-        else if (childrenHeight < Number(pricesDetailedDescriptionHeight)) {
-            descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;
-        }
-    }, [pricesDetailedDescriptionHeight, setStyles]);
-    useEffect(() => {
-        setDescriptionHeight();
-        window.addEventListener('resize', setDescriptionHeight);
-        return () => window.removeEventListener('resize', setDescriptionHeight);
-    }, [setDescriptionHeight]);
-    const labelElement = useMemo(() => {
-        if (!label) {
-            return null;
-        }
-        const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);
-        return (React.createElement("div", { className: b('label', { color: label.color, size: label.size || descriptionSize }) }, labelTitle));
-    }, [descriptionSize, label, labelsDefaultText]);
-    const titleElement = useMemo(() => {
-        return (React.createElement("div", { className: b('title', { size: titleSize }) },
-            React.createElement("div", { className: b('main-title', { color: colorTitle }) }, title),
-            React.createElement("div", { className: b('detailed-title', { size: descriptionSize }) }, detailedTitle)));
-    }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);
-    return (React.createElement("div", { className: b(null, className), ref: descriptionRef },
-        labelElement,
-        titleElement,
-        React.createElement("div", { className: b('description', { size: descriptionSize }) },
-            React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))));
-};
-export default PriceDescription;

package/build/esm/sub-blocks/PriceDetailed/PriceDetailed.d.ts

@@ -1,3 +0,0 @@
-import { PriceDetailedProps } from '../../models';
-declare const PriceDetailed: (props: PriceDetailedProps) => JSX.Element;
-export default PriceDetailed;

package/build/esm/sub-blocks/PriceDetailed/PriceDetailed.js

@@ -1,19 +0,0 @@
-import React, { Fragment } from 'react';
-import { PriceDetailsType, } from '../../models';
-import PriceDescription from './PriceDescription/PriceDescription';
-import PriceDetails from './PriceDetails/PriceDetails';
-import CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';
-import SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';
-const PriceDetailed = (props) => {
-    const { priceType = PriceDetailsType.SETTINGS, items, numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;
-    const { titleSize: descriptionTitleSize = 'l', descriptionSize = 'm', titleColor: descriptionTitleColor = 'cornflower', } = description || {};
-    const { titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm' } = details || {};
-    const getDescriptionComponent = (priceDescription) => {
-        return (React.createElement(PriceDescription, Object.assign({}, priceDescription, { titleSize: descriptionTitleSize, descriptionSize: descriptionSize, colorTitle: descriptionTitleColor, labelsDefaultText: labelsDefaultText })));
-    };
-    const getDetailsComponent = (priceDetails) => {
-        return (React.createElement(PriceDetails, { items: priceDetails, type: priceType, foldable: foldable, titleSize: detailsTitleSize, descriptionSize: detailsDescriptionSize, useMixedView: useMixedView }));
-    };
-    return (React.createElement(Fragment, null, isCombined ? (React.createElement(CombinedPriceDetailed, { items: items, numberGroupItems: numberGroupItems, border: border, useMixedView: useMixedView, getDescriptionComponent: getDescriptionComponent, getDetailsComponent: getDetailsComponent })) : (React.createElement(SeparatePriceDetailed, { items: items, border: border, getDescriptionComponent: getDescriptionComponent, getDetailsComponent: getDetailsComponent }))));
-};
-export default PriceDetailed;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.css

@@ -1,11 +0,0 @@
-.pc-marked-list__list-item {
-  display: flex;
-}
-.pc-marked-list__text {
-  margin-left: 8px;
-}
-.pc-marked-list__img {
-  margin-top: 5px;
-  height: fit-content;
-  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xLjUgNCA1IDcuNSAxMS41IDEiIHN0cm9rZT0iIzUyODJGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
-}

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.d.ts

@@ -1,8 +0,0 @@
-import { PriceDetailsListProps, TextSize } from '../../../../models';
-import './List.css';
-export interface ListProps {
-    items: PriceDetailsListProps[];
-    titleSize?: TextSize;
-}
-declare const List: (props: ListProps) => JSX.Element;
-export default List;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.js

@@ -1,13 +0,0 @@
-import React, { Fragment } from 'react';
-import { block } from '../../../../utils';
-import { YFMWrapper } from '../../../../components';
-import './List.css';
-const b = block('marked-list');
-const List = (props) => {
-    const { items = [], titleSize = 's' } = props;
-    return (React.createElement(Fragment, null, items.map((item, id) => (React.createElement("div", { key: id, className: b('list-item') },
-        React.createElement("img", { className: b('img') }),
-        React.createElement("div", { className: b('text', { size: titleSize }) },
-            React.createElement(YFMWrapper, { content: item.text, modifiers: { constructor: true } })))))));
-};
-export default List;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.css

@@ -1,20 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-settings-list__title, .pc-settings-list__description {
-  font-weight: 400;
-}
-.pc-settings-list__title_size_l, .pc-settings-list__description_size_l {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-}
-.pc-settings-list__title_size_m, .pc-settings-list__description_size_m {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.pc-settings-list__title_size_s, .pc-settings-list__description_size_s {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-}
-.pc-settings-list__title {
-  color: var(--yc-color-text-hint);
-}

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.d.ts

@@ -1,9 +0,0 @@
-import { PriceDetailsSettingsProps, TextSize } from '../../../../models';
-import './Settings.css';
-export interface SettingsComponentProps {
-    items: PriceDetailsSettingsProps[];
-    titleSize?: TextSize;
-    descriptionSize?: TextSize;
-}
-declare const Settings: (props: SettingsComponentProps) => JSX.Element;
-export default Settings;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.js

@@ -1,13 +0,0 @@
-import React, { Fragment } from 'react';
-import { block } from '../../../../utils';
-import { YFMWrapper } from '../../../../components';
-import './Settings.css';
-const b = block('settings-list');
-const Settings = (props) => {
-    const { items = [], titleSize = 's', descriptionSize = 'm' } = props;
-    return (React.createElement(Fragment, null, items.map((item, id) => (React.createElement("div", { key: id },
-        React.createElement("div", { className: b('title', { size: titleSize }) }, item.title),
-        React.createElement("div", { className: b('description', { size: descriptionSize }) },
-            React.createElement(YFMWrapper, { content: item.description, modifiers: { constructor: true } })))))));
-};
-export default Settings;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css

@@ -1,43 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-@media (min-width: 1081px) {
-  .pc-price-details__non_foldable {
-    display: block;
-  }
-  .pc-price-details__foldable {
-    display: none;
-  }
-}
-@media (max-width: 1080px) {
-  .pc-price-details__non_foldable {
-    display: none;
-  }
-  .pc-price-details__foldable {
-    display: block;
-  }
-}
-.pc-price-details__delimiter-line {
-  border-top: 1px solid var(--yc-color-line-generic);
-}
-.pc-price-details__arrow {
-  margin: auto 10px;
-}
-.pc-price-details__foldable_title {
-  cursor: pointer;
-  display: flex;
-  font-weight: 400;
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.pc-price-details__foldable_title_color_cornflower {
-  color: var(--yc-color-text-link);
-}
-.pc-price-details__foldable_title_color_black {
-  color: var(--yc-color-text-primary);
-}
-.pc-price-details__foldable_block > * {
-  padding-top: 12px;
-}
-.pc-price-details .pc-settings-list__title {
-  margin-bottom: 2px;
-}

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.d.ts

@@ -1,12 +0,0 @@
-import { PriceDetailsType, TextSize, PriceDetailsProps, PriceFoldableDetailsProps } from '../../../models';
-import './PriceDetails.css';
-interface PriceDetailsExtendProps extends PriceDetailsProps {
-    type: PriceDetailsType;
-    titleSize?: TextSize;
-    descriptionSize?: TextSize;
-    foldable?: PriceFoldableDetailsProps;
-    useMixedView?: boolean;
-    className?: string;
-}
-declare const PriceDetails: (props: PriceDetailsExtendProps) => JSX.Element;
-export default PriceDetails;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.js

@@ -1,54 +0,0 @@
-import React, { Fragment, useCallback, useState } from 'react';
-import { block } from '../../../utils';
-import { Foldable, ToggleArrow } from '../../../components';
-import { PriceDetailsType, } from '../../../models';
-import List from './Details/List';
-import Settings from './Details/Settings';
-import './PriceDetails.css';
-const b = block('price-details');
-const PriceDetails = (props) => {
-    const [isOpened, setIsOpened] = useState(false);
-    const toggleOpen = useCallback(() => {
-        setIsOpened(!isOpened);
-    }, [isOpened]);
-    const { items = [], type = PriceDetailsType.SETTINGS, titleSize = 's', descriptionSize = 'm', foldable, useMixedView, className, } = props;
-    const { title: foldableTitle, size: foldableSize = descriptionSize, titleColor: foldableColor = 'cornflower', } = foldable || {};
-    const getPriceDetails = () => {
-        switch (type) {
-            case PriceDetailsType.MARKED_LIST:
-                return React.createElement(List, { items: items, titleSize: titleSize });
-            case PriceDetailsType.SETTINGS:
-            default:
-                return (React.createElement(Settings, { items: items, titleSize: titleSize, descriptionSize: descriptionSize }));
-        }
-    };
-    const getFoldableBlock = () => {
-        return React.createElement("div", { className: b('foldable_block') }, getPriceDetails());
-    };
-    const getFoldableTitle = () => {
-        return (React.createElement("div", { className: b('foldable_title', { color: foldableColor, size: foldableSize }), onClick: toggleOpen },
-            foldableTitle,
-            React.createElement(ToggleArrow, { open: isOpened, size: 14, type: 'vertical', className: b('arrow') })));
-    };
-    const getFoldableComponent = (customClassName = '') => {
-        return (React.createElement("div", { className: customClassName },
-            getFoldableTitle(),
-            React.createElement(Foldable, { isOpened: isOpened }, getFoldableBlock())));
-    };
-    const getNonFoldableComponent = (customClassName = '') => {
-        return React.createElement("div", { className: customClassName }, getFoldableBlock());
-    };
-    const getComponentMixedView = () => {
-        if (foldable) {
-            return (React.createElement(Fragment, null,
-                getFoldableComponent(b('foldable')),
-                getNonFoldableComponent(b('non_foldable'))));
-        }
-        return getNonFoldableComponent(b('delimiter-line'));
-    };
-    const getComponentSimpleView = () => {
-        return foldable ? getFoldableComponent() : getNonFoldableComponent(b('delimiter-line'));
-    };
-    return (React.createElement("div", { className: b(null, className) }, useMixedView ? getComponentMixedView() : getComponentSimpleView()));
-};
-export default PriceDetails;

package/build/esm/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.css

@@ -1,9 +0,0 @@
-.pc-separate-price-detailed-block .pc-price-description {
-  margin-bottom: 0;
-}
-.pc-separate-price-detailed-block .pc-price-details > * {
-  padding-top: 12px;
-}
-.pc-separate-price-detailed-block .pc-price-details {
-  margin-top: 24px;
-}

package/build/esm/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
-import './SeparatePriceDetailed.css';
-interface SeparatePriceDetailedProps {
-    items: PriceItemProps[];
-    getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;
-    getDetailsComponent: (priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[]) => JSX.Element;
-    border?: CardBorder;
-}
-declare const SeparatePriceDetailed: (props: SeparatePriceDetailedProps) => JSX.Element;
-export default SeparatePriceDetailed;