@gravity-ui/page-constructor 6.8.2-alpha.1 → 7.0.0-alpha.3

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

@@ -100,12 +100,7 @@ interface LoopProps {
     start: number;
     end?: number;
 }
-export declare enum Device {
-    Desktop = "desktop",
-    Mobile = "mobile",
-    Tablet = "tablet"
-}
-export interface ImageInfoProps extends Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'>, ImageDevicesVisibleProps {
+export interface ImageInfoProps extends Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'> {
     alt?: string;
     fetchPriority?: 'high' | 'low' | 'auto';
     disableCompress?: boolean;
@@ -114,18 +109,16 @@ export interface ImageObjectProps extends ImageInfoProps {
     src: string;
 }
 export interface ImageDeviceProps extends ImageInfoProps {
-    [Device.Desktop]: string;
-    [Device.Mobile]: string;
-    [Device.Tablet]?: string;
-}
-export interface ImageDevicesVisibleProps {
-    hide?: boolean | Partial<Record<Device, boolean>>;
+    desktop: string;
+    mobile: string;
+    tablet?: string;
 }
 export type ImageProps = string | ImageObjectProps | ImageDeviceProps;
 export type ThemedImage = ThemeSupporting<ImageProps>;
-export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, Partial<ImageDeviceProps>, Partial<ImageObjectProps>, QAProps, ImageDevicesVisibleProps {
+export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, Partial<ImageDeviceProps>, Partial<ImageObjectProps>, QAProps {
     style?: React.CSSProperties;
     imageClassName?: string;
+    hide?: boolean;
 }
 export interface MediaVideoProps extends AnalyticsEventsBase {
     src: string[];

package/build/cjs/models/constructor-items/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Device = exports.QuoteType = exports.MediaVideoControlsType = exports.MediaVideoType = exports.CustomControlsButtonPositioning = exports.CustomControlsType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
+exports.QuoteType = exports.MediaVideoControlsType = exports.MediaVideoType = exports.CustomControlsButtonPositioning = exports.CustomControlsType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
 var AuthorType;
 (function (AuthorType) {
@@ -56,11 +56,4 @@ var QuoteType;
     QuoteType["Chevron"] = "chevron";
     QuoteType["EnglishDouble"] = "english-double";
 })(QuoteType || (exports.QuoteType = QuoteType = {}));
-// images
-var Device;
-(function (Device) {
-    Device["Desktop"] = "desktop";
-    Device["Mobile"] = "mobile";
-    Device["Tablet"] = "tablet";
-})(Device || (exports.Device = Device = {}));
 //# sourceMappingURL=common.js.map

package/build/cjs/models/constructor-items/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"../../../../src","sources":["models/constructor-items/common.ts"],"names":[],"mappings":";;;AAOA,QAAQ;AACR,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,+BAAiB,CAAA;IACjB,2BAAa,CAAA;AACjB,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IACxB,+CAA2B,CAAA;IAC3B,yCAAqB,CAAA;AACzB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAED,IAAY,eAMX;AAND,WAAY,eAAe;IACvB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,oCAAiB,CAAA;IACjB,8BAAW,CAAA;AACf,CAAC,EANW,eAAe,+BAAf,eAAe,QAM1B;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;AACjB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IACxB,iCAAa,CAAA;IACb,iCAAa,CAAA;AACjB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAED,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,yDAAmC,CAAA;IACnC,oEAA8C,CAAA;AAClD,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,+BAIX;AAJD,WAAY,+BAA+B;IACvC,gDAAa,CAAA;IACb,kDAAe,CAAA;IACf,oDAAiB,CAAA;AACrB,CAAC,EAJW,+BAA+B,+CAA/B,+BAA+B,QAI1C;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;AACrB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,6CAAmB,CAAA;IACnB,2CAAiB,CAAA;AACrB,CAAC,EAHW,sBAAsB,sCAAtB,sBAAsB,QAGjC;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,6CAAgC,CAAA;AACpC,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAsED,SAAS;AAET,IAAY,MAIX;AAJD,WAAY,MAAM;IACd,6BAAmB,CAAA;IACnB,2BAAiB,CAAA;IACjB,2BAAiB,CAAA;AACrB,CAAC,EAJW,MAAM,sBAAN,MAAM,QAIjB","sourcesContent":["import * as React from 'react';\n\nimport {ButtonView, ButtonProps as UikitButtonProps} from '@gravity-ui/uikit';\n\nimport {ThemeSupporting} from '../../utils';\nimport {AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps} from '../common';\n\n// enums\nexport enum AuthorType {\n    Column = 'column',\n    Line = 'line',\n}\n\nexport enum PriceDetailsType {\n    MARKED_LIST = 'marked-list',\n    SETTINGS = 'settings',\n}\n\nexport enum PriceLabelColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    YELLOW = 'yellow',\n    PURPLE = 'purple',\n    RED = 'red',\n}\n\nexport enum PlayButtonType {\n    Default = 'default',\n    Text = 'text',\n}\n\nexport enum PlayButtonThemes {\n    Blue = 'blue',\n    Grey = 'grey',\n}\n\nexport enum CustomControlsType {\n    WithMuteButton = 'with-mute-button',\n    WithPlayPauseButton = 'with-play-pause-button',\n}\n\nexport enum CustomControlsButtonPositioning {\n    Left = 'left',\n    Right = 'right',\n    Center = 'center',\n}\n\nexport enum MediaVideoType {\n    Default = 'default',\n    Player = 'player',\n}\n\nexport enum MediaVideoControlsType {\n    Default = 'default',\n    Custom = 'custom',\n}\n\nexport enum QuoteType {\n    Chevron = 'chevron', // « »\n    EnglishDouble = 'english-double', // “ ”\n}\n\n// types\nexport type TextTheme = 'light' | 'dark';\nexport type TextSize = 'xs' | 's' | 'sm' | 'm' | 'l';\nexport type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';\nexport type HeaderWidth = 's' | 'm' | 'l';\nexport type HeaderImageSize = 's' | 'm';\nexport type HeaderOffset = 'default' | 'large';\nexport type Justify = 'start' | 'center' | 'end';\nexport type ColumnsCount = 1 | 2 | 3 | 4;\nexport type LegendTableMarkerType = 'disk' | 'tick';\nexport type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';\nexport type MediaDirection = 'media-content' | 'content-media';\nexport type PriceDescriptionColor = 'cornflower' | 'black';\nexport type ContentSize = 's' | 'm' | 'l';\nexport type ContentTextSize = 's' | 'm' | 'l';\nexport type ContentTheme = 'default' | 'dark' | 'light';\nexport type FileLinkType = 'vertical' | 'horizontal';\nexport type ImageCardMargins = 's' | 'm';\nexport type LayoutItemContentMargin = 'm' | 'l';\n\n// modifiers\nexport interface Themable {\n    theme?: TextTheme;\n}\n\nexport interface Justifyable {\n    justify?: Justify;\n}\n\nexport interface Stylable {\n    className?: string;\n}\n\nexport interface Animatable {\n    animated?: boolean;\n}\n\nexport interface Tabbable {\n    tabIndex?: number;\n}\n\nexport interface Roleable {\n    role?: React.AriaRole;\n}\n\nexport interface AriaProps {\n    ariaProps?: React.AriaAttributes;\n}\n\n//common props\nexport interface Background {\n    image?: string;\n    color?: string;\n}\n\nexport interface AnchorProps {\n    text: string;\n    url: string;\n}\n\n/**\n * @deprecated Component VideoBlock will be deleted, which uses this logic\n */\ninterface LoopProps {\n    start: number;\n    end?: number;\n}\n\n// images\n\nexport enum Device {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Tablet = 'tablet',\n}\n\nexport interface ImageInfoProps\n    extends Pick<\n            React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>,\n            'aria-describedby' | 'loading'\n        >,\n        ImageDevicesVisibleProps {\n    alt?: string;\n    fetchPriority?: 'high' | 'low' | 'auto';\n    disableCompress?: boolean;\n}\n\nexport interface ImageObjectProps extends ImageInfoProps {\n    src: string;\n}\n\nexport interface ImageDeviceProps extends ImageInfoProps {\n    [Device.Desktop]: string;\n    [Device.Mobile]: string;\n    [Device.Tablet]?: string;\n}\n\nexport interface ImageDevicesVisibleProps {\n    hide?: boolean | Partial<Record<Device, boolean>>;\n}\n\nexport type ImageProps = string | ImageObjectProps | ImageDeviceProps;\nexport type ThemedImage = ThemeSupporting<ImageProps>;\n\nexport interface BackgroundImageProps\n    extends React.HTMLProps<HTMLDivElement>,\n        Partial<ImageDeviceProps>,\n        Partial<ImageObjectProps>,\n        QAProps,\n        ImageDevicesVisibleProps {\n    style?: React.CSSProperties;\n    imageClassName?: string;\n}\n\n//components props\nexport interface MediaVideoProps extends AnalyticsEventsBase {\n    src: string[];\n    type?: MediaVideoType;\n    loop?: LoopProps | boolean;\n    muted?: boolean;\n    autoplay?: boolean;\n    elapsedTime?: number;\n    playButton?: PlayButtonProps;\n    controls?: MediaVideoControlsType;\n    customControlsOptions?: CustomControlsOptions;\n    ariaLabel?: string;\n    contain?: boolean;\n}\n\n// links\nexport interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {\n    url: string;\n    urlTitle?: string;\n    text?: string;\n    textSize?: TextSize;\n    theme?: LinkTheme;\n    colorTheme?: TextTheme;\n    arrow?: boolean;\n    target?: string;\n    extraProps?: React.HTMLProps<HTMLAnchorElement>;\n}\n\nexport interface FileLinkProps extends ClassNameProps, Tabbable {\n    href: string;\n    text: React.ReactNode;\n    type?: FileLinkType;\n    textSize?: TextSize;\n    theme?: ContentTheme;\n    urlTitle?: string;\n    onClick?: () => void;\n    extraProps?: React.HTMLProps<HTMLAnchorElement>;\n}\n\n// buttons\nexport type ButtonTheme =\n    | ButtonView\n    | 'github'\n    | 'app-store'\n    | 'google-play'\n    | 'scale'\n    | 'monochrome';\n\nexport interface ButtonProps\n    extends AnalyticsEventsBase,\n        Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {\n    text: string;\n    url: string;\n    urlTitle?: string;\n    primary?: boolean;\n    theme?: ButtonTheme;\n    img?: ButtonImageProps | string;\n    target?: string;\n}\n\nexport type ButtonImagePosition = 'left' | 'right';\n\nexport interface ButtonImageProps {\n    url: string;\n    position?: ButtonImagePosition;\n    alt?: string;\n}\n\nexport interface CustomControlsOptions {\n    type?: CustomControlsType;\n    muteButtonShown?: boolean;\n    positioning?: CustomControlsButtonPositioning;\n}\n\nexport interface PlayButtonProps extends ClassNameProps {\n    type?: PlayButtonType;\n    theme?: PlayButtonThemes;\n    text?: string;\n}\n\nexport type ThemedMediaVideoProps = ThemeSupporting<MediaVideoProps>;\n\nexport interface MediaComponentVideoProps extends AnalyticsEventsBase {\n    video: MediaVideoProps;\n    height?: number;\n    ratio?: number | 'auto';\n    previewImg?: string;\n}\n\nexport interface MediaComponentVideoIframeProps {\n    videoIframe: string;\n}\n\nexport interface MediaComponentYoutubeProps {\n    youtube: string;\n    previewImg?: string;\n    fullscreen?: boolean;\n}\n\nexport interface MediaComponentImageProps {\n    image: ImageProps | ImageProps[] | ImageDeviceProps;\n    video?: MediaVideoProps;\n    parallax?: boolean;\n    height?: number;\n    disableImageSliderForArrayInput?: boolean;\n}\n\nexport interface MediaComponentDataLensProps {\n    dataLens: DataLensProps;\n}\n\nexport interface MediaComponentIframeProps {\n    iframe: IframeProps;\n    margins?: boolean;\n}\n\nexport interface MediaProps\n    extends Animatable,\n        Partial<MediaComponentDataLensProps>,\n        Partial<MediaComponentYoutubeProps>,\n        Partial<MediaComponentVideoIframeProps>,\n        Partial<MediaComponentImageProps>,\n        Partial<MediaComponentIframeProps>,\n        Partial<MediaComponentVideoProps> {\n    color?: string;\n    videoMicrodata?: {\n        name?: string;\n        description?: string;\n        duration?: string;\n        uploadDate?: string;\n        contentUrl?: string;\n        thumbnailUrl?: string;\n    };\n}\n\nexport interface BackgroundMediaProps extends MediaProps, Animatable, QAProps {\n    fullWidthMedia?: boolean;\n    className?: string;\n    mediaClassName?: string;\n}\n\nexport type Coordinate = number[];\n\nexport interface MapBaseProps {\n    zoom?: number;\n    className?: string;\n}\n\nexport interface GMapProps extends MapBaseProps {\n    address: string;\n}\n\nexport interface YMapProps extends MapBaseProps {\n    markers: YMapMarker[];\n    id: string;\n}\n\nexport interface YMapMarker {\n    address?: string;\n    coordinate?: Coordinate;\n    label?: YMapMarkerLabel;\n}\n\nexport interface YMapMarkerLabel {\n    iconCaption?: string;\n    iconContent?: string;\n    iconColor?: string;\n    preset?: string;\n}\n\nexport type MapProps = GMapProps | YMapProps;\n\nexport type ThemedMediaProps = ThemeSupporting<MediaProps>;\n\nexport interface DataLensObjectProps {\n    id: string;\n    theme: 'dark' | 'light';\n}\n\nexport interface IframeProps {\n    src: string;\n    width?: number;\n    height?: number;\n    title?: string;\n    name?: string;\n}\n\nexport type DataLensProps = string | DataLensObjectProps;\n\nexport interface AuthorItem {\n    firstName: string;\n    secondName: string;\n    description?: string;\n    avatar?: ThemeSupporting<ImageProps> | JSX.Element;\n}\n\nexport interface HeaderBreadCrumbsProps extends ClassNameProps {\n    items: {\n        url: string;\n        text: React.ReactNode;\n    }[];\n    theme?: TextTheme;\n    analyticsEvents?: AnalyticsEventsProp;\n}\n\nexport interface TitleItemProps extends Justifyable, TitleItemBaseProps {\n    navTitle?: string;\n    anchor?: string;\n}\n\nexport interface TitleItemBaseProps {\n    text: string;\n    textSize?: TextSize;\n    url?: string;\n    urlTitle?: string;\n    custom?: string | React.ReactNode;\n    onClick?: () => void;\n}\n\nexport type MediaView = 'fit' | 'full';\n\n// card\nexport type MediaBorder = 'shadow' | 'line' | 'none';\nexport type CardBorder = MediaBorder;\nexport type ControlPosition = 'content' | 'footer';\n\nexport interface CardBaseProps {\n    border?: CardBorder;\n}\n\nexport type CardLayoutProps = {\n    controlPosition?: ControlPosition;\n};\n\n//price\nexport interface PriceDescriptionProps {\n    title: string;\n    detailedTitle?: string;\n    description: string;\n    label?: {\n        color: PriceLabelColor;\n        text?: string;\n        size?: TextSize;\n    };\n}\n\nexport interface PriceDetailsSettingsProps {\n    title: string;\n    description: string;\n}\n\nexport interface PriceDetailsListProps {\n    text: string;\n}\n\nexport interface PriceDetailsProps {\n    items?: PriceDetailsSettingsProps[] | PriceDetailsListProps[];\n}\n\nexport interface PriceItemProps\n    extends PriceDetailsProps,\n        PriceDescriptionProps,\n        AnalyticsEventsBase {}\n\nexport interface PriceFoldableDetailsProps {\n    title: string;\n    size?: TextSize;\n    titleColor?: PriceDescriptionColor;\n}\n\n/** @deprecated */\nexport interface PriceDetailedProps extends CardBaseProps {\n    items: PriceItemProps[];\n    description?: {\n        titleSize?: TextSize;\n        descriptionSize?: TextSize;\n        titleColor?: PriceDescriptionColor;\n    };\n    details?: {\n        titleSize?: TextSize;\n        descriptionSize?: TextSize;\n    };\n    priceType?: PriceDetailsType;\n    numberGroupItems?: 3 | 4 | 5;\n    isCombined?: boolean;\n    useMixedView?: boolean;\n    foldable?: PriceFoldableDetailsProps;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n}\n\nexport interface AuthorProps extends QAProps {\n    author: AuthorItem;\n    className?: string;\n    authorContainerClassName?: string;\n    type?: AuthorType;\n    theme?: ContentTheme;\n}\n\nexport interface TitleProps {\n    title?: TitleItemProps | string;\n    subtitle?: string;\n}\n\nexport interface YandexFormProps extends AnalyticsEventsBase {\n    id: number | string;\n    containerId?: string;\n    theme?: string;\n    className?: string;\n    headerHeight?: number;\n    customFormOrigin?: string;\n    customFormSection?: string;\n    params?: {[key: string]: string};\n\n    onSubmit?: () => void;\n    onLoad?: () => void;\n}\n\nexport interface WithBorder {\n    border?: MediaBorder;\n    /**\n     * @deprecated use custom class for media-component\n     */\n    disableShadow?: boolean;\n}\n"]}
+{"version":3,"file":"common.js","sourceRoot":"../../../../src","sources":["models/constructor-items/common.ts"],"names":[],"mappings":";;;AAOA,QAAQ;AACR,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,+BAAiB,CAAA;IACjB,2BAAa,CAAA;AACjB,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IACxB,+CAA2B,CAAA;IAC3B,yCAAqB,CAAA;AACzB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAED,IAAY,eAMX;AAND,WAAY,eAAe;IACvB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,oCAAiB,CAAA;IACjB,8BAAW,CAAA;AACf,CAAC,EANW,eAAe,+BAAf,eAAe,QAM1B;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;AACjB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IACxB,iCAAa,CAAA;IACb,iCAAa,CAAA;AACjB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAED,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,yDAAmC,CAAA;IACnC,oEAA8C,CAAA;AAClD,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,+BAIX;AAJD,WAAY,+BAA+B;IACvC,gDAAa,CAAA;IACb,kDAAe,CAAA;IACf,oDAAiB,CAAA;AACrB,CAAC,EAJW,+BAA+B,+CAA/B,+BAA+B,QAI1C;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;AACrB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,6CAAmB,CAAA;IACnB,2CAAiB,CAAA;AACrB,CAAC,EAHW,sBAAsB,sCAAtB,sBAAsB,QAGjC;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,6CAAgC,CAAA;AACpC,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB","sourcesContent":["import * as React from 'react';\n\nimport {ButtonView, ButtonProps as UikitButtonProps} from '@gravity-ui/uikit';\n\nimport {ThemeSupporting} from '../../utils';\nimport {AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps} from '../common';\n\n// enums\nexport enum AuthorType {\n    Column = 'column',\n    Line = 'line',\n}\n\nexport enum PriceDetailsType {\n    MARKED_LIST = 'marked-list',\n    SETTINGS = 'settings',\n}\n\nexport enum PriceLabelColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    YELLOW = 'yellow',\n    PURPLE = 'purple',\n    RED = 'red',\n}\n\nexport enum PlayButtonType {\n    Default = 'default',\n    Text = 'text',\n}\n\nexport enum PlayButtonThemes {\n    Blue = 'blue',\n    Grey = 'grey',\n}\n\nexport enum CustomControlsType {\n    WithMuteButton = 'with-mute-button',\n    WithPlayPauseButton = 'with-play-pause-button',\n}\n\nexport enum CustomControlsButtonPositioning {\n    Left = 'left',\n    Right = 'right',\n    Center = 'center',\n}\n\nexport enum MediaVideoType {\n    Default = 'default',\n    Player = 'player',\n}\n\nexport enum MediaVideoControlsType {\n    Default = 'default',\n    Custom = 'custom',\n}\n\nexport enum QuoteType {\n    Chevron = 'chevron', // « »\n    EnglishDouble = 'english-double', // “ ”\n}\n\n// types\nexport type TextTheme = 'light' | 'dark';\nexport type TextSize = 'xs' | 's' | 'sm' | 'm' | 'l';\nexport type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';\nexport type HeaderWidth = 's' | 'm' | 'l';\nexport type HeaderImageSize = 's' | 'm';\nexport type HeaderOffset = 'default' | 'large';\nexport type Justify = 'start' | 'center' | 'end';\nexport type ColumnsCount = 1 | 2 | 3 | 4;\nexport type LegendTableMarkerType = 'disk' | 'tick';\nexport type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';\nexport type MediaDirection = 'media-content' | 'content-media';\nexport type PriceDescriptionColor = 'cornflower' | 'black';\nexport type ContentSize = 's' | 'm' | 'l';\nexport type ContentTextSize = 's' | 'm' | 'l';\nexport type ContentTheme = 'default' | 'dark' | 'light';\nexport type FileLinkType = 'vertical' | 'horizontal';\nexport type ImageCardMargins = 's' | 'm';\nexport type LayoutItemContentMargin = 'm' | 'l';\n\n// modifiers\nexport interface Themable {\n    theme?: TextTheme;\n}\n\nexport interface Justifyable {\n    justify?: Justify;\n}\n\nexport interface Stylable {\n    className?: string;\n}\n\nexport interface Animatable {\n    animated?: boolean;\n}\n\nexport interface Tabbable {\n    tabIndex?: number;\n}\n\nexport interface Roleable {\n    role?: React.AriaRole;\n}\n\nexport interface AriaProps {\n    ariaProps?: React.AriaAttributes;\n}\n\n//common props\nexport interface Background {\n    image?: string;\n    color?: string;\n}\n\nexport interface AnchorProps {\n    text: string;\n    url: string;\n}\n\n/**\n * @deprecated Component VideoBlock will be deleted, which uses this logic\n */\ninterface LoopProps {\n    start: number;\n    end?: number;\n}\n\n// images\n\nexport interface ImageInfoProps\n    extends Pick<\n        React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>,\n        'aria-describedby' | 'loading'\n    > {\n    alt?: string;\n    fetchPriority?: 'high' | 'low' | 'auto';\n    disableCompress?: boolean;\n}\n\nexport interface ImageObjectProps extends ImageInfoProps {\n    src: string;\n}\n\nexport interface ImageDeviceProps extends ImageInfoProps {\n    desktop: string;\n    mobile: string;\n    tablet?: string;\n}\n\nexport type ImageProps = string | ImageObjectProps | ImageDeviceProps;\nexport type ThemedImage = ThemeSupporting<ImageProps>;\n\nexport interface BackgroundImageProps\n    extends React.HTMLProps<HTMLDivElement>,\n        Partial<ImageDeviceProps>,\n        Partial<ImageObjectProps>,\n        QAProps {\n    style?: React.CSSProperties;\n    imageClassName?: string;\n    hide?: boolean;\n}\n\n//components props\nexport interface MediaVideoProps extends AnalyticsEventsBase {\n    src: string[];\n    type?: MediaVideoType;\n    loop?: LoopProps | boolean;\n    muted?: boolean;\n    autoplay?: boolean;\n    elapsedTime?: number;\n    playButton?: PlayButtonProps;\n    controls?: MediaVideoControlsType;\n    customControlsOptions?: CustomControlsOptions;\n    ariaLabel?: string;\n    contain?: boolean;\n}\n\n// links\nexport interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {\n    url: string;\n    urlTitle?: string;\n    text?: string;\n    textSize?: TextSize;\n    theme?: LinkTheme;\n    colorTheme?: TextTheme;\n    arrow?: boolean;\n    target?: string;\n    extraProps?: React.HTMLProps<HTMLAnchorElement>;\n}\n\nexport interface FileLinkProps extends ClassNameProps, Tabbable {\n    href: string;\n    text: React.ReactNode;\n    type?: FileLinkType;\n    textSize?: TextSize;\n    theme?: ContentTheme;\n    urlTitle?: string;\n    onClick?: () => void;\n    extraProps?: React.HTMLProps<HTMLAnchorElement>;\n}\n\n// buttons\nexport type ButtonTheme =\n    | ButtonView\n    | 'github'\n    | 'app-store'\n    | 'google-play'\n    | 'scale'\n    | 'monochrome';\n\nexport interface ButtonProps\n    extends AnalyticsEventsBase,\n        Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {\n    text: string;\n    url: string;\n    urlTitle?: string;\n    primary?: boolean;\n    theme?: ButtonTheme;\n    img?: ButtonImageProps | string;\n    target?: string;\n}\n\nexport type ButtonImagePosition = 'left' | 'right';\n\nexport interface ButtonImageProps {\n    url: string;\n    position?: ButtonImagePosition;\n    alt?: string;\n}\n\nexport interface CustomControlsOptions {\n    type?: CustomControlsType;\n    muteButtonShown?: boolean;\n    positioning?: CustomControlsButtonPositioning;\n}\n\nexport interface PlayButtonProps extends ClassNameProps {\n    type?: PlayButtonType;\n    theme?: PlayButtonThemes;\n    text?: string;\n}\n\nexport type ThemedMediaVideoProps = ThemeSupporting<MediaVideoProps>;\n\nexport interface MediaComponentVideoProps extends AnalyticsEventsBase {\n    video: MediaVideoProps;\n    height?: number;\n    ratio?: number | 'auto';\n    previewImg?: string;\n}\n\nexport interface MediaComponentVideoIframeProps {\n    videoIframe: string;\n}\n\nexport interface MediaComponentYoutubeProps {\n    youtube: string;\n    previewImg?: string;\n    fullscreen?: boolean;\n}\n\nexport interface MediaComponentImageProps {\n    image: ImageProps | ImageProps[] | ImageDeviceProps;\n    video?: MediaVideoProps;\n    parallax?: boolean;\n    height?: number;\n    disableImageSliderForArrayInput?: boolean;\n}\n\nexport interface MediaComponentDataLensProps {\n    dataLens: DataLensProps;\n}\n\nexport interface MediaComponentIframeProps {\n    iframe: IframeProps;\n    margins?: boolean;\n}\n\nexport interface MediaProps\n    extends Animatable,\n        Partial<MediaComponentDataLensProps>,\n        Partial<MediaComponentYoutubeProps>,\n        Partial<MediaComponentVideoIframeProps>,\n        Partial<MediaComponentImageProps>,\n        Partial<MediaComponentIframeProps>,\n        Partial<MediaComponentVideoProps> {\n    color?: string;\n    videoMicrodata?: {\n        name?: string;\n        description?: string;\n        duration?: string;\n        uploadDate?: string;\n        contentUrl?: string;\n        thumbnailUrl?: string;\n    };\n}\n\nexport interface BackgroundMediaProps extends MediaProps, Animatable, QAProps {\n    fullWidthMedia?: boolean;\n    className?: string;\n    mediaClassName?: string;\n}\n\nexport type Coordinate = number[];\n\nexport interface MapBaseProps {\n    zoom?: number;\n    className?: string;\n}\n\nexport interface GMapProps extends MapBaseProps {\n    address: string;\n}\n\nexport interface YMapProps extends MapBaseProps {\n    markers: YMapMarker[];\n    id: string;\n}\n\nexport interface YMapMarker {\n    address?: string;\n    coordinate?: Coordinate;\n    label?: YMapMarkerLabel;\n}\n\nexport interface YMapMarkerLabel {\n    iconCaption?: string;\n    iconContent?: string;\n    iconColor?: string;\n    preset?: string;\n}\n\nexport type MapProps = GMapProps | YMapProps;\n\nexport type ThemedMediaProps = ThemeSupporting<MediaProps>;\n\nexport interface DataLensObjectProps {\n    id: string;\n    theme: 'dark' | 'light';\n}\n\nexport interface IframeProps {\n    src: string;\n    width?: number;\n    height?: number;\n    title?: string;\n    name?: string;\n}\n\nexport type DataLensProps = string | DataLensObjectProps;\n\nexport interface AuthorItem {\n    firstName: string;\n    secondName: string;\n    description?: string;\n    avatar?: ThemeSupporting<ImageProps> | JSX.Element;\n}\n\nexport interface HeaderBreadCrumbsProps extends ClassNameProps {\n    items: {\n        url: string;\n        text: React.ReactNode;\n    }[];\n    theme?: TextTheme;\n    analyticsEvents?: AnalyticsEventsProp;\n}\n\nexport interface TitleItemProps extends Justifyable, TitleItemBaseProps {\n    navTitle?: string;\n    anchor?: string;\n}\n\nexport interface TitleItemBaseProps {\n    text: string;\n    textSize?: TextSize;\n    url?: string;\n    urlTitle?: string;\n    custom?: string | React.ReactNode;\n    onClick?: () => void;\n}\n\nexport type MediaView = 'fit' | 'full';\n\n// card\nexport type MediaBorder = 'shadow' | 'line' | 'none';\nexport type CardBorder = MediaBorder;\nexport type ControlPosition = 'content' | 'footer';\n\nexport interface CardBaseProps {\n    border?: CardBorder;\n}\n\nexport type CardLayoutProps = {\n    controlPosition?: ControlPosition;\n};\n\n//price\nexport interface PriceDescriptionProps {\n    title: string;\n    detailedTitle?: string;\n    description: string;\n    label?: {\n        color: PriceLabelColor;\n        text?: string;\n        size?: TextSize;\n    };\n}\n\nexport interface PriceDetailsSettingsProps {\n    title: string;\n    description: string;\n}\n\nexport interface PriceDetailsListProps {\n    text: string;\n}\n\nexport interface PriceDetailsProps {\n    items?: PriceDetailsSettingsProps[] | PriceDetailsListProps[];\n}\n\nexport interface PriceItemProps\n    extends PriceDetailsProps,\n        PriceDescriptionProps,\n        AnalyticsEventsBase {}\n\nexport interface PriceFoldableDetailsProps {\n    title: string;\n    size?: TextSize;\n    titleColor?: PriceDescriptionColor;\n}\n\n/** @deprecated */\nexport interface PriceDetailedProps extends CardBaseProps {\n    items: PriceItemProps[];\n    description?: {\n        titleSize?: TextSize;\n        descriptionSize?: TextSize;\n        titleColor?: PriceDescriptionColor;\n    };\n    details?: {\n        titleSize?: TextSize;\n        descriptionSize?: TextSize;\n    };\n    priceType?: PriceDetailsType;\n    numberGroupItems?: 3 | 4 | 5;\n    isCombined?: boolean;\n    useMixedView?: boolean;\n    foldable?: PriceFoldableDetailsProps;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n}\n\nexport interface AuthorProps extends QAProps {\n    author: AuthorItem;\n    className?: string;\n    authorContainerClassName?: string;\n    type?: AuthorType;\n    theme?: ContentTheme;\n}\n\nexport interface TitleProps {\n    title?: TitleItemProps | string;\n    subtitle?: string;\n}\n\nexport interface YandexFormProps extends AnalyticsEventsBase {\n    id: number | string;\n    containerId?: string;\n    theme?: string;\n    className?: string;\n    headerHeight?: number;\n    customFormOrigin?: string;\n    customFormSection?: string;\n    params?: {[key: string]: string};\n\n    onSubmit?: () => void;\n    onLoad?: () => void;\n}\n\nexport interface WithBorder {\n    border?: MediaBorder;\n    /**\n     * @deprecated use custom class for media-component\n     */\n    disableShadow?: boolean;\n}\n"]}

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -24,7 +24,7 @@ const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) =>
                                     githubButton.parentNode.replaceChild(el, githubButton);
                                 }
                             }
-                            catch (_) { }
+                            catch { }
                         });
                     }
                 });

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2DAAyF;AACzF,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AAClE,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;wBAClB,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAM,GAAG,EAAE,YAAY,YACnB,8BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,KAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,mCAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,KACzD,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,YAEhC,IAAI,GACL,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC;AA9DW,QAAA,YAAY,gBA8DvB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ */\nexport const GithubButton = ({\n    text,\n    url,\n    className,\n    label,\n    size,\n    icon,\n    urlTitle,\n}: NavigationGithubButtonProps) => {\n    const containerRef = React.useRef<HTMLSpanElement>(null);\n    const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n    React.useEffect(() => {\n        const paint = () => {\n            if (containerRef.current) {\n                const githubButton = containerRef.current.appendChild(\n                    document.createElement('span'),\n                );\n                import(/* webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n                    if (linkRef.current !== null) {\n                        render(githubButton.appendChild(linkRef.current), (el) => {\n                            try {\n                                if (githubButton.parentNode) {\n                                    githubButton.parentNode.replaceChild(el, githubButton);\n                                }\n                            } catch (_) {}\n                        });\n                    }\n                });\n            }\n        };\n\n        const reset = () => {\n            if (containerRef?.current?.lastChild && linkRef.current) {\n                containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n            }\n        };\n\n        paint();\n\n        return () => {\n            reset();\n        };\n    }, []);\n\n    return (\n        <div className={b(null, className)}>\n            <span ref={containerRef}>\n                <a\n                    href={url}\n                    ref={linkRef}\n                    title={urlTitle}\n                    data-show-count=\"true\"\n                    aria-label={label || DEFAULT_LABEL}\n                    {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n                    {...(size && {'data-size': size})}\n                >\n                    {text}\n                </a>\n            </span>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2DAAyF;AACzF,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AAClE,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,MAAM,CAAC,CAAA,CAAC;wBACd,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAM,GAAG,EAAE,YAAY,YACnB,8BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,KAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,mCAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,KACzD,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,YAEhC,IAAI,GACL,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC;AA9DW,QAAA,YAAY,gBA8DvB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ */\nexport const GithubButton = ({\n    text,\n    url,\n    className,\n    label,\n    size,\n    icon,\n    urlTitle,\n}: NavigationGithubButtonProps) => {\n    const containerRef = React.useRef<HTMLSpanElement>(null);\n    const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n    React.useEffect(() => {\n        const paint = () => {\n            if (containerRef.current) {\n                const githubButton = containerRef.current.appendChild(\n                    document.createElement('span'),\n                );\n                import(/* webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n                    if (linkRef.current !== null) {\n                        render(githubButton.appendChild(linkRef.current), (el) => {\n                            try {\n                                if (githubButton.parentNode) {\n                                    githubButton.parentNode.replaceChild(el, githubButton);\n                                }\n                            } catch {}\n                        });\n                    }\n                });\n            }\n        };\n\n        const reset = () => {\n            if (containerRef?.current?.lastChild && linkRef.current) {\n                containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n            }\n        };\n\n        paint();\n\n        return () => {\n            reset();\n        };\n    }, []);\n\n    return (\n        <div className={b(null, className)}>\n            <span ref={containerRef}>\n                <a\n                    href={url}\n                    ref={linkRef}\n                    title={urlTitle}\n                    data-show-count=\"true\"\n                    aria-label={label || DEFAULT_LABEL}\n                    {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n                    {...(size && {'data-size': size})}\n                >\n                    {text}\n                </a>\n            </span>\n        </div>\n    );\n};\n"]}

package/build/cjs/schema/constants.js

@@ -7,7 +7,7 @@ exports.blockSchemas = {
     ...sub_blocks_1.Divider,
     ...blocks_1.ExtendedFeaturesBlock,
     ...blocks_1.PromoFeaturesBlock,
-    ...blocks_1.SliderBlock,
+    ...blocks_1.SliderOldBlock,
     ...blocks_1.QuestionsBlock,
     ...blocks_1.FoldableListBlock,
     ...blocks_1.HeaderBlock,
@@ -25,7 +25,7 @@ exports.blockSchemas = {
     ...blocks_1.ShareBlock,
     ...blocks_1.FilterBlock,
     ...blocks_1.FormBlock,
-    ...blocks_1.SliderNewBlock,
+    ...blocks_1.SliderBlock,
 };
 exports.cardSchemas = {
     ...sub_blocks_1.MediaCardBlock,
@@ -44,6 +44,8 @@ exports.constructorBlockSchemaNames = [
     'post',
     'extended-features-block',
     'promo-features-block',
+    /** @deprecated */
+    'slider-old-block',
     'slider-block',
     'questions-block',
     'header-block',

package/build/cjs/schema/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["schema/constants.ts"],"names":[],"mappings":";;;AAEA,mDAuB6B;AAC7B,2DASiC;AAEpB,QAAA,YAAY,GAA8B;IACnD,GAAG,oBAAO;IACV,GAAG,8BAAqB;IACxB,GAAG,2BAAkB;IACrB,GAAG,oBAAW;IACd,GAAG,uBAAc;IACjB,GAAG,0BAAiB;IACpB,GAAG,oBAAW;IACd,GAAG,oBAAW;IACd,GAAG,uBAAc;IACjB,GAAG,mBAAU;IACb,GAAG,iBAAQ;IACX,GAAG,kBAAS;IACZ,GAAG,mBAAU;IACb,GAAG,kBAAS;IACZ,GAAG,0BAAiB;IACpB,GAAG,mBAAU;IACb,GAAG,wBAAe;IAClB,GAAG,2BAAkB;IACrB,GAAG,mBAAU;IACb,GAAG,oBAAW;IACd,GAAG,kBAAS;IACZ,GAAG,uBAAc;CACpB,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,GAAG,2BAAc;IACjB,GAAG,mBAAU;IACb,GAAG,+BAAkB;IACrB,GAAG,2BAAc;IACjB,GAAG,kBAAK;IACR,GAAG,sBAAS;IACZ,GAAG,2BAAc;IACjB,GAAG,sBAAS;CACf,CAAC;AAEW,QAAA,2BAA2B,GAAG;IACvC,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,yBAAyB;IACzB,sBAAsB;IACtB,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,gBAAgB;IAChB,qBAAqB;IACrB,wBAAwB;IACxB,aAAa;IACb,mBAAmB;IACnB,sBAAsB;IACtB,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEW,QAAA,0BAA0B,GAAG;IACtC,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,OAAO;IACP,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,YAAY;CACf,CAAC","sourcesContent":["import {BlockType} from '../models';\n\nimport {\n    BannerBlock,\n    BannerCard,\n    CardLayoutBlock,\n    CompaniesBlock,\n    ContentLayoutBlock,\n    ExtendedFeaturesBlock,\n    FilterBlock,\n    FoldableListBlock,\n    FormBlock,\n    HeaderBlock,\n    HeaderSliderBlock,\n    IconsBlock,\n    InfoBlock,\n    MapBlock,\n    MediaBlock,\n    PromoFeaturesBlock,\n    QuestionsBlock,\n    ShareBlock,\n    SliderBlock,\n    SliderNewBlock,\n    TableBlock,\n    TabsBlock,\n} from './validators/blocks';\nimport {\n    BackgroundCard,\n    BasicCard,\n    Divider,\n    ImageCard,\n    MediaCardBlock,\n    PriceCardBlock,\n    PriceDetailedBlock,\n    Quote,\n} from './validators/sub-blocks';\n\nexport const blockSchemas: Record<BlockType, object> = {\n    ...Divider,\n    ...ExtendedFeaturesBlock,\n    ...PromoFeaturesBlock,\n    ...SliderBlock,\n    ...QuestionsBlock,\n    ...FoldableListBlock,\n    ...HeaderBlock,\n    ...BannerBlock,\n    ...CompaniesBlock,\n    ...MediaBlock,\n    ...MapBlock,\n    ...InfoBlock,\n    ...TableBlock,\n    ...TabsBlock,\n    ...HeaderSliderBlock,\n    ...IconsBlock,\n    ...CardLayoutBlock,\n    ...ContentLayoutBlock,\n    ...ShareBlock,\n    ...FilterBlock,\n    ...FormBlock,\n    ...SliderNewBlock,\n};\n\nexport const cardSchemas = {\n    ...MediaCardBlock,\n    ...BannerCard,\n    ...PriceDetailedBlock,\n    ...BackgroundCard,\n    ...Quote,\n    ...BasicCard,\n    ...PriceCardBlock,\n    ...ImageCard,\n};\n\nexport const constructorBlockSchemaNames = [\n    'divider',\n    'quote',\n    'event',\n    'post',\n    'extended-features-block',\n    'promo-features-block',\n    'slider-block',\n    'questions-block',\n    'header-block',\n    'banner-block',\n    'companies-block',\n    'media-block',\n    'map-block',\n    'info-block',\n    'table-block',\n    'tabs-block',\n    /** @deprecated */\n    'price-detailed',\n    'header-slider-block',\n    'cards-with-image-block',\n    'icons-block',\n    'card-layout-block',\n    'content-layout-block',\n    'share-block',\n    'filter-block',\n    'form-block',\n];\n\nexport const constructorCardSchemaNames = [\n    'media-card',\n    'banner-card',\n    /** @deprecated */\n    'price-detailed',\n    'background-card',\n    'quote',\n    'basic-card',\n    'layout-item',\n    'price-card',\n    'image-card',\n];\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["schema/constants.ts"],"names":[],"mappings":";;;AAEA,mDAuB6B;AAC7B,2DASiC;AAEpB,QAAA,YAAY,GAA8B;IACnD,GAAG,oBAAO;IACV,GAAG,8BAAqB;IACxB,GAAG,2BAAkB;IACrB,GAAG,uBAAc;IACjB,GAAG,uBAAc;IACjB,GAAG,0BAAiB;IACpB,GAAG,oBAAW;IACd,GAAG,oBAAW;IACd,GAAG,uBAAc;IACjB,GAAG,mBAAU;IACb,GAAG,iBAAQ;IACX,GAAG,kBAAS;IACZ,GAAG,mBAAU;IACb,GAAG,kBAAS;IACZ,GAAG,0BAAiB;IACpB,GAAG,mBAAU;IACb,GAAG,wBAAe;IAClB,GAAG,2BAAkB;IACrB,GAAG,mBAAU;IACb,GAAG,oBAAW;IACd,GAAG,kBAAS;IACZ,GAAG,oBAAW;CACjB,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,GAAG,2BAAc;IACjB,GAAG,mBAAU;IACb,GAAG,+BAAkB;IACrB,GAAG,2BAAc;IACjB,GAAG,kBAAK;IACR,GAAG,sBAAS;IACZ,GAAG,2BAAc;IACjB,GAAG,sBAAS;CACf,CAAC;AAEW,QAAA,2BAA2B,GAAG;IACvC,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,yBAAyB;IACzB,sBAAsB;IACtB,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,gBAAgB;IAChB,qBAAqB;IACrB,wBAAwB;IACxB,aAAa;IACb,mBAAmB;IACnB,sBAAsB;IACtB,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEW,QAAA,0BAA0B,GAAG;IACtC,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,OAAO;IACP,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,YAAY;CACf,CAAC","sourcesContent":["import {BlockType} from '../models';\n\nimport {\n    BannerBlock,\n    BannerCard,\n    CardLayoutBlock,\n    CompaniesBlock,\n    ContentLayoutBlock,\n    ExtendedFeaturesBlock,\n    FilterBlock,\n    FoldableListBlock,\n    FormBlock,\n    HeaderBlock,\n    HeaderSliderBlock,\n    IconsBlock,\n    InfoBlock,\n    MapBlock,\n    MediaBlock,\n    PromoFeaturesBlock,\n    QuestionsBlock,\n    ShareBlock,\n    SliderBlock,\n    SliderOldBlock,\n    TableBlock,\n    TabsBlock,\n} from './validators/blocks';\nimport {\n    BackgroundCard,\n    BasicCard,\n    Divider,\n    ImageCard,\n    MediaCardBlock,\n    PriceCardBlock,\n    PriceDetailedBlock,\n    Quote,\n} from './validators/sub-blocks';\n\nexport const blockSchemas: Record<BlockType, object> = {\n    ...Divider,\n    ...ExtendedFeaturesBlock,\n    ...PromoFeaturesBlock,\n    ...SliderOldBlock,\n    ...QuestionsBlock,\n    ...FoldableListBlock,\n    ...HeaderBlock,\n    ...BannerBlock,\n    ...CompaniesBlock,\n    ...MediaBlock,\n    ...MapBlock,\n    ...InfoBlock,\n    ...TableBlock,\n    ...TabsBlock,\n    ...HeaderSliderBlock,\n    ...IconsBlock,\n    ...CardLayoutBlock,\n    ...ContentLayoutBlock,\n    ...ShareBlock,\n    ...FilterBlock,\n    ...FormBlock,\n    ...SliderBlock,\n};\n\nexport const cardSchemas = {\n    ...MediaCardBlock,\n    ...BannerCard,\n    ...PriceDetailedBlock,\n    ...BackgroundCard,\n    ...Quote,\n    ...BasicCard,\n    ...PriceCardBlock,\n    ...ImageCard,\n};\n\nexport const constructorBlockSchemaNames = [\n    'divider',\n    'quote',\n    'event',\n    'post',\n    'extended-features-block',\n    'promo-features-block',\n    /** @deprecated */\n    'slider-old-block',\n    'slider-block',\n    'questions-block',\n    'header-block',\n    'banner-block',\n    'companies-block',\n    'media-block',\n    'map-block',\n    'info-block',\n    'table-block',\n    'tabs-block',\n    /** @deprecated */\n    'price-detailed',\n    'header-slider-block',\n    'cards-with-image-block',\n    'icons-block',\n    'card-layout-block',\n    'content-layout-block',\n    'share-block',\n    'filter-block',\n    'form-block',\n];\n\nexport const constructorCardSchemaNames = [\n    'media-card',\n    'banner-card',\n    /** @deprecated */\n    'price-detailed',\n    'background-card',\n    'quote',\n    'basic-card',\n    'layout-item',\n    'price-card',\n    'image-card',\n];\n"]}

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

@@ -9,6 +9,7 @@ export * from "../../blocks/Map/schema.js";
 export * from "../../blocks/Questions/schema.js";
 export * from "../../blocks/FoldableList/schema.js";
 export * from "../../blocks/Slider/schema.js";
+export * from "../../blocks/SliderOld/schema.js";
 export * from "../../blocks/Table/schema.js";
 export * from "../../blocks/Tabs/schema.js";
 export * from "../../blocks/HeaderSlider/schema.js";
@@ -18,4 +19,4 @@ export * from "../../blocks/ContentLayout/schema.js";
 export * from "../../blocks/Share/schema.js";
 export * from "../../blocks/FilterBlock/schema.js";
 export * from "../../blocks/Form/schema.js";
-export * from "../../blocks/SliderNew/schema.js";
+export * from "../../blocks/Slider/schema.js";

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

@@ -12,6 +12,7 @@ tslib_1.__exportStar(require("../../blocks/Map/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/Questions/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/FoldableList/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/Slider/schema.js"), exports);
+tslib_1.__exportStar(require("../../blocks/SliderOld/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/Table/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/Tabs/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/HeaderSlider/schema.js"), exports);
@@ -21,5 +22,5 @@ tslib_1.__exportStar(require("../../blocks/ContentLayout/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/Share/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/FilterBlock/schema.js"), exports);
 tslib_1.__exportStar(require("../../blocks/Form/schema.js"), exports);
-tslib_1.__exportStar(require("../../blocks/SliderNew/schema.js"), exports);
+tslib_1.__exportStar(require("../../blocks/Slider/schema.js"), exports);
 //# sourceMappingURL=blocks.js.map

package/build/cjs/schema/validators/blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","sourceRoot":"../../../../src","sources":["schema/validators/blocks.ts"],"names":[],"mappings":";;;AAAA,wEAA2C;AAC3C,2EAA8C;AAC9C,kFAAqD;AACrD,oFAAuD;AACvD,wEAA2C;AAC3C,sEAAyC;AACzC,uEAA0C;AAC1C,qEAAwC;AACxC,2EAA8C;AAC9C,8EAAiD;AACjD,wEAA2C;AAC3C,uEAA0C;AAC1C,sEAAyC;AACzC,8EAAiD;AACjD,uEAA0C;AAC1C,4EAA+C;AAC/C,+EAAkD;AAClD,uEAA0C;AAC1C,6EAAgD;AAChD,sEAAyC;AACzC,2EAA8C","sourcesContent":["export * from '../../blocks/Banner/schema';\nexport * from '../../blocks/Companies/schema';\nexport * from '../../blocks/ExtendedFeatures/schema';\nexport * from '../../blocks/PromoFeaturesBlock/schema';\nexport * from '../../blocks/Header/schema';\nexport * from '../../blocks/Info/schema';\nexport * from '../../blocks/Media/schema';\nexport * from '../../blocks/Map/schema';\nexport * from '../../blocks/Questions/schema';\nexport * from '../../blocks/FoldableList/schema';\nexport * from '../../blocks/Slider/schema';\nexport * from '../../blocks/Table/schema';\nexport * from '../../blocks/Tabs/schema';\nexport * from '../../blocks/HeaderSlider/schema';\nexport * from '../../blocks/Icons/schema';\nexport * from '../../blocks/CardLayout/schema';\nexport * from '../../blocks/ContentLayout/schema';\nexport * from '../../blocks/Share/schema';\nexport * from '../../blocks/FilterBlock/schema';\nexport * from '../../blocks/Form/schema';\nexport * from '../../blocks/SliderNew/schema';\n"]}
+{"version":3,"file":"blocks.js","sourceRoot":"../../../../src","sources":["schema/validators/blocks.ts"],"names":[],"mappings":";;;AAAA,wEAA2C;AAC3C,2EAA8C;AAC9C,kFAAqD;AACrD,oFAAuD;AACvD,wEAA2C;AAC3C,sEAAyC;AACzC,uEAA0C;AAC1C,qEAAwC;AACxC,2EAA8C;AAC9C,8EAAiD;AACjD,wEAA2C;AAC3C,2EAA8C;AAC9C,uEAA0C;AAC1C,sEAAyC;AACzC,8EAAiD;AACjD,uEAA0C;AAC1C,4EAA+C;AAC/C,+EAAkD;AAClD,uEAA0C;AAC1C,6EAAgD;AAChD,sEAAyC;AACzC,wEAA2C","sourcesContent":["export * from '../../blocks/Banner/schema';\nexport * from '../../blocks/Companies/schema';\nexport * from '../../blocks/ExtendedFeatures/schema';\nexport * from '../../blocks/PromoFeaturesBlock/schema';\nexport * from '../../blocks/Header/schema';\nexport * from '../../blocks/Info/schema';\nexport * from '../../blocks/Media/schema';\nexport * from '../../blocks/Map/schema';\nexport * from '../../blocks/Questions/schema';\nexport * from '../../blocks/FoldableList/schema';\nexport * from '../../blocks/Slider/schema';\nexport * from '../../blocks/SliderOld/schema';\nexport * from '../../blocks/Table/schema';\nexport * from '../../blocks/Tabs/schema';\nexport * from '../../blocks/HeaderSlider/schema';\nexport * from '../../blocks/Icons/schema';\nexport * from '../../blocks/CardLayout/schema';\nexport * from '../../blocks/ContentLayout/schema';\nexport * from '../../blocks/Share/schema';\nexport * from '../../blocks/FilterBlock/schema';\nexport * from '../../blocks/Form/schema';\nexport * from '../../blocks/Slider/schema';\n"]}

package/build/cjs/sub-blocks/BannerCard/BannerCard.css

@@ -1,4 +1,4 @@
-.pc-banner-card__subtitle p, .pc-banner-card__subtitle, .pc-banner-card__title {
+.pc-banner-card__subtitle.pc-banner-card__subtitle p, .pc-banner-card__subtitle.pc-banner-card__subtitle, .pc-banner-card__title.pc-banner-card__title {
   margin: 0;
 }
 
@@ -16,31 +16,35 @@ unpredictable css rules order in build */
   color: var(--g-color-text-light-primary);
 }
 
-.pc-banner-card__title {
+.pc-banner-card__text {
+  max-width: 100%;
+}
+.pc-banner-card__title.pc-banner-card__title {
   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(--g-text-accent-font-weight);
 }
 @media (max-width: 576px) {
-  .pc-banner-card__title {
+  .pc-banner-card__title.pc-banner-card__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
-.pc-banner-card__title a {
+.pc-banner-card__title.pc-banner-card__title a {
   outline: none;
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
-.utilityfocus .pc-banner-card__title a:focus {
+.utilityfocus .pc-banner-card__title.pc-banner-card__title a:focus {
   outline: 2px solid #ffdb4d;
 }
-.pc-banner-card__title a:hover, .pc-banner-card__title a:active {
+.pc-banner-card__title.pc-banner-card__title a:hover, .pc-banner-card__title.pc-banner-card__title a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+
 .pc-banner-card__content {
   width: 100%;
   border-radius: var(--pc-border-radius);
@@ -56,8 +60,9 @@ unpredictable css rules order in build */
   justify-content: space-between;
   flex-direction: column;
   align-items: baseline;
+  max-width: 100%;
 }
-.pc-banner-card__subtitle {
+.pc-banner-card__subtitle.pc-banner-card__subtitle {
   display: inline-block;
   margin-top: 8px;
   font-size: var(--g-text-body-3-font-size);
@@ -66,13 +71,14 @@ unpredictable css rules order in build */
   font-weight: var(--g-text-accent-font-weight);
   font-weight: normal;
 }
-.pc-banner-card__subtitle p {
+.pc-banner-card__subtitle.pc-banner-card__subtitle p {
   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(--g-text-accent-font-weight);
   font-weight: normal;
 }
+
 .pc-banner-card__button.pc-banner-card__button {
   margin-top: 28px;
 }

package/build/cjs/sub-blocks/BannerCard/BannerCard.js

@@ -13,7 +13,9 @@ const BannerCard = (props) => {
     if (color) {
         contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
     }
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ theme: textTheme, ['media-view']: mediaView }), children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), style: contentStyle, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('text'), children: [(0, jsx_runtime_1.jsx)("h2", { className: b('title'), children: (0, jsx_runtime_1.jsx)(components_1.HTML, { children: title }) }), subtitle && ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))] }), url && ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text ?? '', url: url, target: target }) }))] }), (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b({ theme: textTheme, ['media-view']: mediaView }), children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), style: contentStyle, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('text'), children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                                        constructor: true,
+                                    } }), subtitle && ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { contentClassName: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))] }), url && ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text ?? '', url: url, target: target }) }))] }), (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress })] }) }));
 };
 exports.BannerCard = BannerCard;
 exports.default = exports.BannerCard;

package/build/cjs/sub-blocks/BannerCard/BannerCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/BannerCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAAuF;AACvF,wDAA6C;AAE7C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,EAAC,GAAG,EAAE,EAC/D,KAAK,EACL,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,eAAe,EACf,SAAS,GAAG,MAAM,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,YAC5D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7C,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,uBAAC,iBAAI,cAAE,KAAK,GAAQ,GACnB,EACJ,QAAQ,IAAI,CACT,uBAAC,uBAAU,IACP,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,IACC,EAEL,GAAG,IAAI,CACJ,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,GAChB,GACO,CAChB,IACC,EACN,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,EACjC,eAAe,EAAE,eAAe,GAClC,IACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAxDW,QAAA,UAAU,cAwDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {BackgroundImage, Button, HTML, RouterLink, YFMWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BannerCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './BannerCard.scss';\n\nconst b = block('banner-card');\n\nexport const BannerCard = (props: BannerCardProps) => {\n    const {\n        title,\n        subtitle,\n        button: {url, text, target, theme: buttonTheme = 'raised'} = {},\n        color,\n        theme: textTheme = 'light',\n        image,\n        disableCompress,\n        mediaView = 'full',\n    } = props;\n    const theme = useTheme();\n    const contentStyle: Record<string, string> = {};\n\n    if (color) {\n        contentStyle.backgroundColor = getThemedValue(color, theme);\n    }\n\n    return (\n        <div className={b({theme: textTheme, ['media-view']: mediaView})}>\n            <div className={b('content')} style={contentStyle}>\n                <div className={b('info')}>\n                    <div className={b('text')}>\n                        <h2 className={b('title')}>\n                            <HTML>{title}</HTML>\n                        </h2>\n                        {subtitle && (\n                            <YFMWrapper\n                                className={b('subtitle')}\n                                content={subtitle}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n\n                    {url && (\n                        <RouterLink href={url}>\n                            <Button\n                                className={b('button')}\n                                theme={buttonTheme}\n                                size=\"xl\"\n                                text={text ?? ''}\n                                url={url}\n                                target={target}\n                            />\n                        </RouterLink>\n                    )}\n                </div>\n                <BackgroundImage\n                    className={b('image')}\n                    src={getThemedValue(image, theme)}\n                    disableCompress={disableCompress}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BannerCard;\n"]}
+{"version":3,"file":"BannerCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BannerCard/BannerCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAAiF;AACjF,wDAA6C;AAE7C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,EAAC,GAAG,EAAE,EAC/D,KAAK,EACL,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,KAAK,EACL,eAAe,EACf,SAAS,GAAG,MAAM,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,YAC5D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7C,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,uBAAU,IACP,OAAO,EAAC,IAAI,EACZ,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;wCACP,WAAW,EAAE,IAAI;qCACpB,GACH,EACD,QAAQ,IAAI,CACT,uBAAC,uBAAU,IACP,gBAAgB,EAAE,CAAC,CAAC,UAAU,CAAC,EAC/B,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,CACL,IACC,EAEL,GAAG,IAAI,CACJ,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,GAChB,GACO,CAChB,IACC,EACN,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,EACjC,eAAe,EAAE,eAAe,GAClC,IACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AA7DW,QAAA,UAAU,cA6DrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {BackgroundImage, Button, RouterLink, YFMWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BannerCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './BannerCard.scss';\n\nconst b = block('banner-card');\n\nexport const BannerCard = (props: BannerCardProps) => {\n    const {\n        title,\n        subtitle,\n        button: {url, text, target, theme: buttonTheme = 'raised'} = {},\n        color,\n        theme: textTheme = 'light',\n        image,\n        disableCompress,\n        mediaView = 'full',\n    } = props;\n    const theme = useTheme();\n    const contentStyle: Record<string, string> = {};\n\n    if (color) {\n        contentStyle.backgroundColor = getThemedValue(color, theme);\n    }\n\n    return (\n        <div className={b({theme: textTheme, ['media-view']: mediaView})}>\n            <div className={b('content')} style={contentStyle}>\n                <div className={b('info')}>\n                    <div className={b('text')}>\n                        <YFMWrapper\n                            tagName=\"h2\"\n                            contentClassName={b('title')}\n                            content={title}\n                            modifiers={{\n                                constructor: true,\n                            }}\n                        />\n                        {subtitle && (\n                            <YFMWrapper\n                                contentClassName={b('subtitle')}\n                                content={subtitle}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n\n                    {url && (\n                        <RouterLink href={url}>\n                            <Button\n                                className={b('button')}\n                                theme={buttonTheme}\n                                size=\"xl\"\n                                text={text ?? ''}\n                                url={url}\n                                target={target}\n                            />\n                        </RouterLink>\n                    )}\n                </div>\n                <BackgroundImage\n                    className={b('image')}\n                    src={getThemedValue(image, theme)}\n                    disableCompress={disableCompress}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BannerCard;\n"]}

package/build/cjs/sub-blocks/Content/Content.css

@@ -128,73 +128,75 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
-.pc-content_theme_dark {
+.pc-content_theme_dark.pc-content_theme_dark {
   --g-color-line-focus: var(--pc-color-line-focus-dark);
 }
-.pc-content_theme_dark .pc-content__title *,
-.pc-content_theme_dark .pc-content__text .yfm,
-.pc-content_theme_dark .pc-content__text .yfm *,
-.pc-content_theme_dark .pc-content__links a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__links a {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm,
-.pc-content_theme_dark .pc-content__notice .yfm * {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm * {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a {
   color: var(--g-color-text-light-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__notice .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__text .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__text .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__title a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_dark .pc-content__title a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_light .pc-content__title *,
-.pc-content_theme_light .pc-content__text .yfm,
-.pc-content_theme_light .pc-content__text .yfm *,
-.pc-content_theme_light .pc-content__links a {
+
+.pc-content_theme_light.pc-content_theme_light .pc-content__title *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__links a {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__notice .yfm,
-.pc-content_theme_light .pc-content__notice .yfm * {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm * {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__notice .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a {
   color: var(--g-color-text-dark-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__notice .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__text .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__text .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__title a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_light .pc-content__title a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a:hover {
   color: var(--g-color-text-dark-secondary);
 }
+
 .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__buttons), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__links),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__buttons),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__links),

package/build/cjs/sub-blocks/Content/Content.js

@@ -27,7 +27,7 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = (0, uikit_1.useUniqId)();
     const titleId = titleIdFromProps || defaultTitleId;
-    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }) })), list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
+    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId, qa: qaAttributes.list }) })), list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
                         constructor: true,
                         'constructor-notice': true,
                         [`constructor-size-${size}`]: true,

package/build/cjs/sub-blocks/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {\n    ClassNameProps,\n    ContentBlockProps,\n    ContentSize,\n    TextSize,\n    TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'm':\n            return 'sm';\n        case 'l':\n        default:\n            return 'm';\n    }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n    const {\n        title,\n        titleId: titleIdFromProps,\n        text,\n        textId,\n        additionalInfo,\n        size = 'l',\n        links,\n        buttons,\n        colSizes = {all: 12, sm: 8},\n        centered,\n        theme,\n        className,\n        list,\n        qa,\n        controlPosition,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n    const titleProps =\n        !title || typeof title === 'string'\n            ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n            : title;\n\n    const hasTitle = Boolean(title);\n    const defaultTitleId = useUniqId();\n    const titleId = titleIdFromProps || defaultTitleId;\n\n    return (\n        <Col\n            className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n            reset\n            sizes={colSizes}\n            qa={qaAttributes.container}\n        >\n            {title && (\n                <Title\n                    className={b('title')}\n                    title={titleProps}\n                    colSizes={{all: 12}}\n                    id={titleId}\n                />\n            )}\n            {text && (\n                <div className={b('text', {['without-title']: !hasTitle})}>\n                    <YFMWrapper\n                        content={text}\n                        modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n                        id={textId}\n                    />\n                </div>\n            )}\n            {list?.length ? (\n                <div className={b('list')}>\n                    <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n                </div>\n            ) : null}\n            {additionalInfo && (\n                <div className={b('notice')}>\n                    <YFMWrapper\n                        content={additionalInfo}\n                        modifiers={{\n                            constructor: true,\n                            'constructor-notice': true,\n                            [`constructor-size-${size}`]: true,\n                        }}\n                    />\n                </div>\n            )}\n            {links && (\n                <Links\n                    className={b('links', {size})}\n                    size={size}\n                    links={links}\n                    titleId={titleId}\n                    qa={qaAttributes.links}\n                    linkQa={qaAttributes.link}\n                />\n            )}\n            {buttons && (\n                <Buttons\n                    className={b('buttons', {size})}\n                    size={size}\n                    buttons={buttons}\n                    titleId={titleId}\n                    qa={qaAttributes.buttons}\n                    buttonQa={qaAttributes.button}\n                />\n            )}\n        </Col>\n    );\n};\n\nexport default Content;\n"]}
+{"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {\n    ClassNameProps,\n    ContentBlockProps,\n    ContentSize,\n    TextSize,\n    TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'm':\n            return 'sm';\n        case 'l':\n        default:\n            return 'm';\n    }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n    const {\n        title,\n        titleId: titleIdFromProps,\n        text,\n        textId,\n        additionalInfo,\n        size = 'l',\n        links,\n        buttons,\n        colSizes = {all: 12, sm: 8},\n        centered,\n        theme,\n        className,\n        list,\n        qa,\n        controlPosition,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n    const titleProps =\n        !title || typeof title === 'string'\n            ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n            : title;\n\n    const hasTitle = Boolean(title);\n    const defaultTitleId = useUniqId();\n    const titleId = titleIdFromProps || defaultTitleId;\n\n    return (\n        <Col\n            className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n            reset\n            sizes={colSizes}\n            qa={qaAttributes.container}\n        >\n            {title && (\n                <Title\n                    className={b('title')}\n                    title={titleProps}\n                    colSizes={{all: 12}}\n                    id={titleId}\n                />\n            )}\n            {text && (\n                <div className={b('text', {['without-title']: !hasTitle})}>\n                    <YFMWrapper\n                        content={text}\n                        modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n                        id={textId}\n                        qa={qaAttributes.list}\n                    />\n                </div>\n            )}\n            {list?.length ? (\n                <div className={b('list')}>\n                    <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n                </div>\n            ) : null}\n            {additionalInfo && (\n                <div className={b('notice')}>\n                    <YFMWrapper\n                        content={additionalInfo}\n                        modifiers={{\n                            constructor: true,\n                            'constructor-notice': true,\n                            [`constructor-size-${size}`]: true,\n                        }}\n                    />\n                </div>\n            )}\n            {links && (\n                <Links\n                    className={b('links', {size})}\n                    size={size}\n                    links={links}\n                    titleId={titleId}\n                    qa={qaAttributes.links}\n                    linkQa={qaAttributes.link}\n                />\n            )}\n            {buttons && (\n                <Buttons\n                    className={b('buttons', {size})}\n                    size={size}\n                    buttons={buttons}\n                    titleId={titleId}\n                    qa={qaAttributes.buttons}\n                    buttonQa={qaAttributes.button}\n                />\n            )}\n        </Col>\n    );\n};\n\nexport default Content;\n"]}

package/build/cjs/sub-blocks/PriceCard/PriceCard.css

@@ -47,11 +47,12 @@ unpredictable css rules order in build */
 .pc-price-card__content_theme_light .pc-price-card__info a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-price-card__title {
+.pc-price-card__title.pc-price-card__title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
   margin-bottom: 24px;
 }
+
 .pc-price-card__price {
   margin-bottom: 24px;
 }

package/build/cjs/sub-blocks/PriceCard/PriceCard.js

@@ -7,7 +7,7 @@ const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ theme }), border: border, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { theme }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { className: b('title'), children: title }), (0, jsx_runtime_1.jsxs)("div", { className: b('price'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: b('price-value'), children: price }), pricePeriod && ((0, jsx_runtime_1.jsxs)("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && ((0, jsx_runtime_1.jsx)("div", { className: b('price-details'), children: priceDetails }))] }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description }), list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ theme }), border: border, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { theme }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }), (0, jsx_runtime_1.jsxs)("div", { className: b('price'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: b('price-value'), children: price }), pricePeriod && ((0, jsx_runtime_1.jsxs)("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && ((0, jsx_runtime_1.jsx)("div", { className: b('price-details'), children: priceDetails }))] }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description }), list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
                                             icon: icons_1.Check,
                                             text: item,
                                         })), size: "s" }) })) : null] }), (0, jsx_runtime_1.jsx)(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), (0, jsx_runtime_1.jsx)(components_1.Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));

package/build/cjs/sub-blocks/PriceCard/PriceCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,0DAA8F;AAE9F,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,uBAAC,qBAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,iBAAI,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,EAC3C,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,4CACI,iCAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,kCAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,wBAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,aAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,uBAAC,oBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,KA/BY,SAAS,CAgCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, HTML, Links} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n    const {\n        border,\n        title,\n        price,\n        pricePeriod,\n        priceDetails,\n        theme,\n        description,\n        list,\n        buttons,\n        links,\n        backgroundColor,\n    } = props;\n    return (\n        <CardBase className={b({theme})} border={border}>\n            <CardBase.Content key=\"content\">\n                <BackgroundImage className={b('background')} style={{backgroundColor}} />\n                <div className={b('content', {theme})}>\n                    <div className={b('info')}>\n                        <HTML className={b('title')}>{title}</HTML>\n                        <div className={b('price')}>\n                            <div>\n                                <span className={b('price-value')}>{price}</span>\n                                {pricePeriod && (\n                                    <span className={b('price-period')}>/ {pricePeriod}</span>\n                                )}\n                            </div>\n                            {priceDetails && (\n                                <div className={b('price-details')}>{priceDetails}</div>\n                            )}\n                        </div>\n                        {description && <div className={b('description')}>{description}</div>}\n                        {list?.length ? (\n                            <div className={b('list')}>\n                                <ContentList\n                                    list={list.map((item) => ({\n                                        icon: Check,\n                                        text: item,\n                                    }))}\n                                    size=\"s\"\n                                />\n                            </div>\n                        ) : null}\n                    </div>\n                    <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n                    <Links className={b('links')} links={links} size=\"s\" />\n                </div>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default PriceCard;\n"]}
+{"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,0DAAoG;AAEpG,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,uBAAC,qBAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,WAAW,QACX,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,EACF,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,4CACI,iCAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,kCAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,wBAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,aAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,uBAAC,oBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,KApCY,SAAS,CAqCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n    const {\n        border,\n        title,\n        price,\n        pricePeriod,\n        priceDetails,\n        theme,\n        description,\n        list,\n        buttons,\n        links,\n        backgroundColor,\n    } = props;\n    return (\n        <CardBase className={b({theme})} border={border}>\n            <CardBase.Content key=\"content\">\n                <BackgroundImage className={b('background')} style={{backgroundColor}} />\n                <div className={b('content', {theme})}>\n                    <div className={b('info')}>\n                        <YFMWrapper\n                            content={title}\n                            contentClassName={b('title')}\n                            onlyContent\n                            modifiers={{constructor: true}}\n                        />\n                        <div className={b('price')}>\n                            <div>\n                                <span className={b('price-value')}>{price}</span>\n                                {pricePeriod && (\n                                    <span className={b('price-period')}>/ {pricePeriod}</span>\n                                )}\n                            </div>\n                            {priceDetails && (\n                                <div className={b('price-details')}>{priceDetails}</div>\n                            )}\n                        </div>\n                        {description && <div className={b('description')}>{description}</div>}\n                        {list?.length ? (\n                            <div className={b('list')}>\n                                <ContentList\n                                    list={list.map((item) => ({\n                                        icon: Check,\n                                        text: item,\n                                    }))}\n                                    size=\"s\"\n                                />\n                            </div>\n                        ) : null}\n                    </div>\n                    <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n                    <Links className={b('links')} links={links} size=\"s\" />\n                </div>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default PriceCard;\n"]}

package/build/cjs/sub-blocks/Quote/Quote.css

@@ -63,22 +63,26 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-quote__content_quote-type_chevron::before {
+.pc-quote__content_quote-type_chevron.pc-quote__content_quote-type_chevron::before {
   position: absolute;
   left: -10px;
   content: "«";
 }
-.pc-quote__content_quote-type_chevron .pc-quote__text::after {
+.pc-quote__content_quote-type_chevron.pc-quote__content_quote-type_chevron .pc-quote__text::after {
   content: "»";
+  left: auto;
 }
-.pc-quote__content_quote-type_english-double::before {
+
+.pc-quote__content_quote-type_english-double.pc-quote__content_quote-type_english-double::before {
   position: absolute;
   left: -8px;
   content: "“";
 }
-.pc-quote__content_quote-type_english-double .pc-quote__text::after {
+.pc-quote__content_quote-type_english-double.pc-quote__content_quote-type_english-double .pc-quote__text::after {
   content: "”";
+  left: auto;
 }
+
 .pc-quote__content .yfm {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);