@meduza/ui-kit-2 0.8.606 → 0.8.607

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.606",
+  "version": "0.8.607",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/Meta/Meta.module.css

@@ -6,6 +6,11 @@
 
 .containerInDynamicBlockAndMaterial {
   left: 65px;
+
+  @media $landscapeTablet {
+    left: auto;
+    bottom: 35px;
+  }
 }
 
 .root {

package/dist/AnnouncementInText/AnnouncementInText.types.d.ts

@@ -1,4 +0,0 @@
-export interface AnnouncementInTextProps {
-    styleContext: string[] | string;
-    lang: 'ru' | 'en';
-}

package/dist/AnnouncementInText/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AnnouncementInTextProps } from './AnnouncementInText.types';
-export declare const AnnouncementInText: React.FC<AnnouncementInTextProps>;

package/dist/BookmarkButton/BookmarkButton.types.d.ts

@@ -1,6 +0,0 @@
-export interface BookmarkButtonProps {
-    styleContext?: string | string[];
-    theme?: string;
-    isInBookmarks: boolean;
-    onClick: () => void;
-}

package/dist/BookmarkButton/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { BookmarkButtonProps } from './BookmarkButton.types';
-export declare const BookmarkButton: React.FC<BookmarkButtonProps>;

package/dist/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { ButtonProps } from './Button.types';
-export declare const Button: FC<ButtonProps>;

package/dist/Button/Button.types.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export type ButtonThemes = 'sand' | 'gold' | 'light' | 'gray' | 'ghost' | 'dark' | 'black' | 'red';
-export type ButtonStates = 'isLoading' | 'isDefault';
-export type ButtonSizes = 'auto' | 'default';
-export type ButtonStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown';
-export type ButtonAppearance = 'isFancy' | 'isClassic';
-export interface ButtonProps {
-    theme?: ButtonThemes;
-    appearance?: ButtonAppearance;
-    size?: ButtonSizes;
-    state?: ButtonStates;
-    styleContext?: ButtonStyleContexts;
-    disabled?: boolean;
-    onClick?: () => void;
-    children: React.ReactNode | JSX.Element[] | JSX.Element;
-}

package/dist/Button/ButtonLoader.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ButtonLoader: React.FC;

package/dist/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { Button } from './Button';
-export { ButtonLoader } from './ButtonLoader';

package/dist/CardTitle/CardTitle.types.d.ts

@@ -1,11 +0,0 @@
-export interface CardTitleProps {
-    block: {
-        data: {
-            index: number;
-            text: string;
-            only_on?: string;
-        };
-        id: string;
-    };
-    styleContext?: string;
-}

package/dist/CardTitle/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CardTitleProps } from './CardTitle.types';
-export declare const CardTitle: React.FC<CardTitleProps>;

package/dist/ChapterBlock/ChapterBlock.types.d.ts

@@ -1,8 +0,0 @@
-export interface ChapterBlockProps {
-    block: {
-        data: string;
-        only_on?: string;
-    };
-    styleContext?: string;
-    id?: string;
-}

package/dist/ChapterBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ChapterBlockProps } from './ChapterBlock.types';
-export declare const ChapterBlock: React.FC<ChapterBlockProps>;

package/dist/Cover/Cover.types.d.ts

@@ -1,24 +0,0 @@
-import { OptimizedImageItem } from '../types';
-export interface CoverProps {
-    block: {
-        only_on?: string;
-        data: {
-            blocks: any;
-            cover: {
-                credit?: string;
-                caption?: string;
-                cc: string;
-                urls: {
-                    w325: OptimizedImageItem;
-                    w600: OptimizedImageItem;
-                };
-                mobile_ratio: number;
-                gradients: {
-                    text_rgb: string;
-                    bg_rgb: string;
-                };
-            };
-        };
-    };
-    styleContext?: string[] | string;
-}

package/dist/Cover/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CoverProps } from './Cover.types';
-export declare const Cover: React.FC<CoverProps>;

package/dist/DocumentItemsCount/DocumentItemsCount.types.d.ts

@@ -1,6 +0,0 @@
-export interface DocumentItemsCountProps {
-    type: 'podcast' | 'card';
-    lang?: 'ru' | 'en';
-    items: number;
-    children?: JSX.Element[] | JSX.Element;
-}

package/dist/DocumentItemsCount/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DocumentItemsCountProps } from './DocumentItemsCount.types';
-export declare const DocumentItemsCount: React.FC<DocumentItemsCountProps>;

package/dist/DonatesTeaser/DonatesTeaser.types.d.ts

@@ -1,4 +0,0 @@
-export interface DonatesTeaserProps {
-    styleContext: string[] | string;
-    lang: 'ru' | 'en';
-}

package/dist/DonatesTeaser/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DonatesTeaserProps } from './DonatesTeaser.types';
-export declare const DonatesTeaser: React.FC<DonatesTeaserProps>;

package/dist/DotsOnImage/DotsOnImage.types.d.ts

@@ -1,46 +0,0 @@
-/// <reference types="react" />
-import { OptimizedImageItem } from '../types';
-export interface PopoverData {
-    title?: string;
-    body?: string;
-    id?: string;
-    align?: 'isTop' | 'isBottom';
-    side?: 'isLeft' | 'isRight';
-    style?: React.CSSProperties;
-    show: boolean;
-}
-export interface SingleDot {
-    title?: string;
-    body: string;
-    id: string;
-    position: {
-        x: number;
-        y: number;
-    };
-    icon: {
-        type: string;
-        number?: string;
-        svg_string?: string;
-        color: string;
-    };
-}
-export interface DotsOnImageProps {
-    block: {
-        credit?: string;
-        caption?: string;
-        cc?: string;
-        display?: string;
-        optimized?: {
-            original?: string;
-            w325: OptimizedImageItem;
-            w520?: OptimizedImageItem;
-            w650?: OptimizedImageItem;
-            w980?: OptimizedImageItem;
-            w1335?: OptimizedImageItem;
-        };
-        width?: number;
-        height?: number;
-        lazy?: boolean;
-        dots: SingleDot[];
-    };
-}

package/dist/DotsOnImage/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DotsOnImageProps } from './DotsOnImage.types';
-export declare const DotsOnImage: React.FC<DotsOnImageProps>;

package/dist/Dropdown/Dropdown.types.d.ts

@@ -1,5 +0,0 @@
-export interface DropdownProps {
-    children: JSX.Element[] | JSX.Element;
-    active?: boolean;
-    styleContext?: string | string[];
-}

package/dist/Dropdown/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DropdownProps } from './Dropdown.types';
-export declare const Menu: React.FC<DropdownProps>;
-export declare const Dropdown: React.FC<DropdownProps>;

package/dist/EmbedBlock/EmbedBlock.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedBlockProps } from './EmbedBlock.types';
-export declare const EmbedBlock: React.FC<EmbedBlockProps>;

package/dist/EmbedBlock/EmbedBlock.types.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface EmbedGifProps {
-    gif: string;
-    mp4Url: string;
-    style: React.CSSProperties;
-}
-export interface EmbedBlockProps {
-    block: any;
-    styleContext?: string[] | string;
-    lang?: 'ru' | 'en';
-    children?: React.ReactNode;
-}

package/dist/EmbedBlock/EmbedGif.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedGifProps } from './EmbedBlock.types';
-export declare const EmbedGif: React.FC<EmbedGifProps>;

package/dist/EmbedBlock/IframeBlock.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedBlockProps } from './EmbedBlock.types';
-export declare const IframeBlock: React.FC<EmbedBlockProps>;

package/dist/EmbedBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedBlockProps } from './EmbedBlock.types';
-export declare const EmbedBlockContainer: React.FC<EmbedBlockProps>;

package/dist/Footnote/Footnote.types.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface FootnoteProps {
-    children: React.ReactNode | JSX.Element[] | JSX.Element;
-    onClose: () => void;
-}

package/dist/Footnote/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { FootnoteProps } from './Footnote.types';
-export declare const Footnote: React.FC<FootnoteProps>;

package/dist/GroupedBlock/GroupedBlock.types.d.ts

@@ -1,4 +0,0 @@
-export interface GroupedBlockProps {
-    block: any;
-    styleContext?: string[] | string;
-}

package/dist/GroupedBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { GroupedBlockProps } from './GroupedBlock.types';
-export declare const GroupedBlock: React.FC<GroupedBlockProps>;

package/dist/HalfBlock/HalfBlock.types.d.ts

@@ -1,4 +0,0 @@
-export interface HalfBlockProps {
-    block: any;
-    styleContext?: string[] | string;
-}

package/dist/HalfBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { HalfBlockProps } from './HalfBlock.types';
-export declare const HalfBlock: React.FC<HalfBlockProps>;

package/dist/Image/Image.types.d.ts

@@ -1,35 +0,0 @@
-import { OptimizedImageItem } from '../types';
-export interface ImageProps {
-    alt?: string;
-    display?: string;
-    optimized?: {
-        original?: string;
-        w325: OptimizedImageItem;
-        w520?: OptimizedImageItem;
-        w650?: OptimizedImageItem;
-        w980?: OptimizedImageItem;
-        w1335?: OptimizedImageItem;
-    };
-    width?: number;
-    height?: number;
-    source?: string[];
-    lazy?: boolean;
-    ratio?: number;
-    fullscreen?: boolean;
-    styleContext?: string[] | string;
-}
-export interface PictureProps {
-    source?: string[];
-    optimized?: {
-        original?: string;
-        w325: OptimizedImageItem;
-        w520?: OptimizedImageItem;
-        w650?: OptimizedImageItem;
-        w980?: OptimizedImageItem;
-        w1335?: OptimizedImageItem;
-    };
-    alt?: string;
-    fallbackSource: string;
-    display: string;
-    onLoad: (boolean: any) => void;
-}

package/dist/Image/RenderPicture.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { PictureProps } from './Image.types';
-export declare const RenderPicture: React.FC<PictureProps>;
-export default RenderPicture;

package/dist/Image/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ImageProps } from './Image.types';
-export declare const Image: React.FC<ImageProps>;

package/dist/ImportantLead/ImportantLead.types.d.ts

@@ -1,4 +0,0 @@
-export interface ImportantLeadProps {
-    block: any;
-    styleContext?: string[] | string;
-}

package/dist/ImportantLead/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ImportantLeadProps } from './ImportantLead.types';
-export declare const ImportantLead: React.FC<ImportantLeadProps>;

package/dist/Lazy/Lazy.types.d.ts

@@ -1,4 +0,0 @@
-export interface LazyProps {
-    children: JSX.Element[] | JSX.Element;
-    threshold?: number;
-}

package/dist/Lazy/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { LazyProps } from './Lazy.types';
-export declare const Lazy: React.FC<LazyProps>;

package/dist/ListBlock/ListBlock.types.d.ts

@@ -1,9 +0,0 @@
-export interface ListBlockProps {
-    block: {
-        type: keyof JSX.IntrinsicElements;
-        data: string[];
-        length: number;
-        only_on?: string;
-    };
-    styleContext?: string[] | string;
-}

package/dist/ListBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ListBlockProps } from './ListBlock.types';
-export declare const ListBlock: React.FC<ListBlockProps>;

package/dist/MaterialNote/MaterialNote.types.d.ts

@@ -1,13 +0,0 @@
-export interface MaterialNoteProps {
-    block: {
-        data: {
-            data: string;
-            id: string;
-            length: number;
-            type: 'note_caption' | 'note_credit';
-        }[];
-        id: string;
-        type: string;
-    };
-    styleContext?: string | string[];
-}

package/dist/MaterialNote/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { MaterialNoteProps } from './MaterialNote.types';
-export declare const MaterialNote: React.FC<MaterialNoteProps>;

package/dist/MaterialTitle/MaterialTitle.types.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export interface MaterialTitleProps {
-    children?: React.ReactNode;
-}

package/dist/MaterialTitle/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { MaterialTitleProps } from './MaterialTitle.types';
-export declare const Primary: React.FC<MaterialTitleProps>;
-export declare const Secondary: React.FC<MaterialTitleProps>;
-export declare const MaterialTitle: React.FC<MaterialTitleProps>;

package/dist/MediaCaption/MediaCaption.types.d.ts

@@ -1,5 +0,0 @@
-export interface MediaCaptionProps {
-    credit?: string;
-    caption?: string;
-    styleContext?: string | string[];
-}

package/dist/MediaCaption/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { MediaCaptionProps } from './MediaCaption.types';
-export declare const MediaCaption: React.FC<MediaCaptionProps>;

package/dist/Meta/Meta.mock.d.ts

@@ -1,12 +0,0 @@
-export declare const MetaMock: {
-    type: string;
-    data: {
-        lang: string;
-        components: {
-            type: string;
-            text: string;
-            id: string;
-        }[];
-    };
-    id: string;
-};

package/dist/Meta/Meta.types.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CallToActions } from '../types';
-export interface MetaContainerProps {
-    block: any;
-    styleContext: string[] | string;
-    isRead: boolean | undefined;
-    isListened: boolean | undefined;
-    isInBookmarks: boolean | undefined;
-    bookmarkAction?: (service: CallToActions, place: string) => void;
-    lightBox?: () => void;
-    lang: 'ru' | 'en';
-    type?: any;
-}
-export interface MetaProps {
-    onlyOn?: string;
-    styleContext?: string[] | string;
-    hasSource?: boolean;
-    theme?: string;
-    children: React.ReactNode;
-}

package/dist/Meta/MetaContainer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { MetaContainerProps } from './Meta.types';
-export declare const MetaContainer: React.FC<MetaContainerProps>;

package/dist/Meta/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { MetaProps } from './Meta.types';
-export declare const Meta: React.FC<MetaProps>;

package/dist/MetaItem/MetaItem.types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface MetaItemProps {
-    bullets?: boolean;
-    hasSource?: boolean;
-    type?: string;
-    children: React.ReactNode | JSX.Element[] | JSX.Element;
-}

package/dist/MetaItem/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { MetaItemProps } from './MetaItem.types';
-export declare const MetaItem: React.FC<MetaItemProps>;

package/dist/MetaItemLive/MetaItemLive.types.d.ts

@@ -1,3 +0,0 @@
-export interface MetaItemLiveProps {
-    theme?: 'gold' | 'light' | 'inherit';
-}

package/dist/MetaItemLive/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { MetaItemLiveProps } from './MetaItemLive.types';
-export declare const MetaItemLive: React.FC<MetaItemLiveProps>;

package/dist/Popover/Popover.types.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface PopoverProps {
-    children: React.ReactNode;
-    onClose: () => void;
-}

package/dist/Popover/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PopoverProps } from './Popover.types';
-export declare const Popover: React.FC<PopoverProps>;

package/dist/QuoteBlock/QuoteBlock.types.d.ts

@@ -1,6 +0,0 @@
-export interface QuoteBlockProps {
-    styleContext?: string | string[];
-    block: {
-        data: string;
-    };
-}

package/dist/QuoteBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { QuoteBlockProps } from './QuoteBlock.types';
-export declare const QuoteBlock: React.FC<QuoteBlockProps>;

package/dist/RawHtmlBlock/RawHtmlBlock.types.d.ts

@@ -1,18 +0,0 @@
-import { ImageProps } from '../Image/Image.types';
-import { CallToActions, LightboxContext } from '../types';
-export type lightBox = {
-    show: (image?: ImageProps['optimized'], alt?: ImageProps['alt']) => void;
-    hide: () => void;
-    visible: boolean;
-};
-export interface RawHtmlBlockProps {
-    block: any;
-    styleContext?: string[] | string;
-    isRead?: boolean | undefined;
-    isListened?: boolean | undefined;
-    isInBookmarks?: boolean | undefined;
-    bookmarkAction?: (service: CallToActions, place: string) => void;
-    lightBox?: LightboxContext | null | undefined;
-    lang?: 'ru' | 'en';
-    type?: any;
-}

package/dist/RawHtmlBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { RawHtmlBlockProps } from './RawHtmlBlock.types';
-export declare const RawHtmlBlock: React.FC<RawHtmlBlockProps>;

package/dist/RelatedBlock/RelatedBlock.types.d.ts

@@ -1,17 +0,0 @@
-export interface RelatedBlockProps {
-    block: {
-        data: {
-            title: string;
-            related: {
-                title: string;
-                second_title?: string;
-                layout: string;
-                url?: string;
-                full_url?: string;
-                id: string;
-            }[];
-        };
-        only_on?: string;
-    };
-    styleContext?: string[] | string;
-}

package/dist/RelatedBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { RelatedBlockProps } from './RelatedBlock.types';
-export declare const RelatedBlock: React.FC<RelatedBlockProps>;

package/dist/RelatedBook/RelatedBook.mock.d.ts

@@ -1,65 +0,0 @@
-export declare const RelatedBookMock: {
-    type: string;
-    data: {
-        url: string;
-        cover: {
-            urls: {
-                w325: {
-                    '1x': string;
-                    '2x': string;
-                    '1x_webp': string;
-                    '2x_webp': string;
-                };
-                w600: {
-                    '1x': string;
-                    '2x': string;
-                    '1x_webp': string;
-                    '2x_webp': string;
-                };
-            };
-        };
-        blocks: ({
-            type: string;
-            data: {
-                text: string;
-                theme: string;
-                first?: undefined;
-                second?: undefined;
-                lang?: undefined;
-                components?: undefined;
-            };
-            id: string;
-        } | {
-            type: string;
-            data: {
-                first: string;
-                second: string;
-                text?: undefined;
-                theme?: undefined;
-                lang?: undefined;
-                components?: undefined;
-            };
-            id: string;
-        } | {
-            type: string;
-            data: {
-                lang: string;
-                components: {
-                    type: string;
-                    text: string;
-                    id: string;
-                }[];
-                text?: undefined;
-                theme?: undefined;
-                first?: undefined;
-                second?: undefined;
-            };
-            id: string;
-        })[];
-        theme: {
-            background_color: string;
-            text_color: string;
-        };
-    };
-    id: string;
-};