@meduza/ui-kit-2 0.4.15 → 0.5.1

package/src/Tag/Tag.stories.tsx

@@ -14,34 +14,21 @@ export default {
 }
 
 const Example: React.FC = () => {
-  const tags: {
-    theme: TagThemes
-    size: TagSizes
-    title: string
-    color?: string
-  }[] = [
+  const tags: { theme: TagThemes; size: TagSizes; title: string }[] = [
     { theme: 'dark', size: 'small', title: 'Новости' },
     { theme: 'gold', size: 'small', title: 'Новости' },
     { theme: 'gray', size: 'small', title: 'Новости' },
     { theme: 'light', size: 'small', title: 'Новости' },
-    { theme: 'custom', size: 'small', title: 'Новости', color: '250,0,255' },
     { theme: 'dark', size: 'large', title: 'Новости' },
     { theme: 'gold', size: 'large', title: 'Новости' },
     { theme: 'gray', size: 'large', title: 'Новости' },
-    { theme: 'light', size: 'large', title: 'Новости' },
-    { theme: 'custom', size: 'large', title: 'Новости', color: '250,0,255' }
+    { theme: 'light', size: 'large', title: 'Новости' }
   ]
   return (
     <>
       <div className={styles.root}>
         {tags.map((tag) => (
-          <div
-            key={`tagSize-${tag.theme}-${tag.size}`}
-            style={
-              tag.color &&
-              ({ '--tagColor': `rgb(${tag.color})` } as React.CSSProperties)
-            }
-          >
+          <div key={`tagSize-${tag.theme}-${tag.size}`}>
             <Tag size={tag.size} theme={tag.theme} styleContext="rich">
               {tag.title}
             </Tag>

package/src/Tag/Tag.types.ts

@@ -2,13 +2,7 @@ import React from 'react'
 
 export type TagSizes = 'small' | 'large'
 
-export type TagThemes =
-  | 'dark'
-  | 'gold'
-  | 'gray'
-  | 'light'
-  | 'custom'
-  | 'inherit'
+export type TagThemes = 'dark' | 'gold' | 'gray' | 'light' | 'inherit'
 
 export type TagStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown'
 

package/src/index.tsx

@@ -40,7 +40,7 @@ export * from './Footnote'
 export * from './RelatedRichBlock'
 export * from './SensitiveBlock'
 export * from './DonatesTeaser'
+export * from './ShopRelatedBlock'
 export * from './AnnouncementInText'
 export * from './Tooltip'
-export * from './RelatedBook'
 // /* PLOP_INJECT_LINK */ //

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,10 +0,0 @@
-export interface CardTitleProps {
-    block: {
-        data: {
-            index: number;
-            text: string;
-            only_on?: 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,7 +0,0 @@
-export interface ChapterBlockProps {
-    block: {
-        data: string;
-        only_on?: string;
-    };
-    styleContext?: 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,7 +0,0 @@
-/// <reference types="react" />
-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,6 +0,0 @@
-/// <reference types="react" />
-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,5 +0,0 @@
-/// <reference types="react" />
-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,10 +0,0 @@
-/// <reference types="react" />
-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,19 +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';
-}
-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,17 +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';
-}

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>;