@meduza/ui-kit-2 0.0.1 → 0.1.0

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

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

package/dist/MaterialNote/index.d.ts

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

package/dist/MaterialTitle/MaterialTitle.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./MaterialTitle.types").MaterialTitleProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export interface MaterialTitleProps {
+    children?: JSX.Element[] | JSX.Element;
+}

package/dist/MaterialTitle/index.d.ts

@@ -0,0 +1,5 @@
+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.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./MediaCaption.types").MediaCaptionProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

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

package/dist/MediaCaption/index.d.ts

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

package/dist/Meta/Meta.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./Meta.types").MetaProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface MetaContainerProps {
+    block: any;
+    styleContext: string[] | string;
+    isRead: boolean;
+    isListened: boolean;
+    isInBookmarks: boolean;
+    bookmarkAction?: (service: string, 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

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

package/dist/Meta/index.d.ts

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

package/dist/MetaItem/MetaItem.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./MetaItem.types").MetaItemProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

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

package/dist/MetaItem/index.d.ts

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

package/dist/MetaItemLive/MetaItemLive.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./MetaItemLive.types").MetaItemLiveProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

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

package/dist/MetaItemLive/index.d.ts

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

package/dist/Popover/Popover.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./Popover.types").PopoverProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface PopoverProps {
+    children: JSX.Element[] | JSX.Element;
+    onClose: () => void;
+}

package/dist/Popover/index.d.ts

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

package/dist/QuoteBlock/QuoteBlock.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./QuoteBlock.types").QuoteBlockProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

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

package/dist/QuoteBlock/index.d.ts

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

package/dist/RawHtmlBlock/RawHtmlBlock.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./RawHtmlBlock.types").RawHtmlBlockProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

@@ -0,0 +1,9 @@
+export interface RawHtmlBlockProps {
+    block: any;
+    styleContext: string[] | string;
+    isRead: boolean;
+    isListened: boolean;
+    isInBookmarks: boolean;
+    bookmarkAction?: (service: string, place: string) => void;
+    lightBox?: () => void;
+}

package/dist/RawHtmlBlock/index.d.ts

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

package/dist/RelatedBlock/RelatedBlock.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./RelatedBlock.types").RelatedBlockProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

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

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

package/dist/RelatedBlock/index.d.ts

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

package/dist/RenderBlocks/RenderBlocks.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./RenderBlocks.types").RenderBlocksProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/RenderBlocks/RenderBlocks.types.d.ts

@@ -0,0 +1,10 @@
+export interface RenderBlocksProps {
+    block: any;
+    styleContext?: any;
+    isRead?: boolean;
+    isListened?: boolean;
+    isInBookmarks?: boolean;
+    bookmarkAction?: (service: string, place: string) => void;
+    lightBox?: () => void;
+    lang?: 'ru' | 'en';
+}

package/dist/RenderBlocks/index.d.ts

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

package/dist/RichTitle/RichTitle.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./RichTitle.types").RichTitleProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/RichTitle/RichTitle.types.d.ts

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

package/dist/RichTitle/index.d.ts

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

package/dist/SimpleBlock/SimpleBlock.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./SimpleBlock.types").SimpleBlockProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/SimpleBlock/SimpleBlock.types.d.ts

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

package/dist/SimpleBlock/index.d.ts

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

package/dist/SimpleTitle/SimpleTitle.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./SimpleTitle.types").SimpleTitleProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/SimpleTitle/SimpleTitle.types.d.ts

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

package/dist/SimpleTitle/index.d.ts

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

package/dist/SourceBlock/SourceBlock.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./SourceBlock.types").SourceBlockProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/SourceBlock/SourceBlock.types.d.ts

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

package/dist/SourceBlock/index.d.ts

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

package/dist/Spoiler/Spoiler.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./Spoiler.types").SpoilerProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/Spoiler/Spoiler.types.d.ts

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

package/dist/Spoiler/index.d.ts

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

package/dist/SvgSymbol/SvgSymbol.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./SvgSymbol.types").SvgSymbolProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/SvgSymbol/SvgSymbol.types.d.ts

@@ -0,0 +1,8 @@
+export declare type SvgSymbolStyleContexts = 'isInFeature' | 'isInCard' | 'isInTopicBlockItem' | 'isInPageStatic' | 'isInMaterialMeta' | 'isInToolbar' | 'isInEpisodeBlock' | 'isInAudioPlayer' | 'isInAudioPanel' | 'isInPlaylist' | 'PodcastMaterial' | 'isInHeader' | 'isInProfile' | 'isInBookmark';
+export declare type Icons = 'meduzaLogo' | 'meduzaSymbol' | 'menu' | 'fb' | 'tw' | 'vk' | 'ok' | 'tg' | 'chat' | 'backward' | 'forward' | 'download' | 'play' | 'pause' | 'speedHalf' | 'speedOne' | 'speedOneHalf' | 'speedTwo' | 'podcastBookmark' | 'reaction' | 'cross' | 'link' | 'search' | 'card' | 'podcast' | 'arrow' | 'brent' | 'user' | 'bookmark' | 'receipt' | 'read' | 'listened';
+export declare type Sizes = 'small' | 'normal' | 'medium' | 'large' | 'unset';
+export interface SvgSymbolProps {
+    styleContext?: SvgSymbolStyleContexts;
+    size?: Sizes;
+    icon: Icons;
+}

package/dist/SvgSymbol/icons.d.ts

@@ -0,0 +1,157 @@
+export declare const icons: {
+    meduzaLogo: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    menu: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    fb: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    tw: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    vk: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    ok: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    tg: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    meduzaSymbol: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    backward: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    forward: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    download: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    play: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    pause: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedHalf: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedOne: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedOneHalf: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedTwo: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    podcastBookmark: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    reaction: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    cross: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    link: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    search: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    card: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    podcast: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    arrow: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    brent: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    user: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    bookmark: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    receipt: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    read: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    listened: {
+        width: number;
+        height: number;
+        content: string;
+    };
+};

package/dist/SvgSymbol/index.d.ts

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

package/dist/Switcher/Switcher.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./Switcher.types").SwitcherProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/Switcher/Switcher.types.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type SwitcherStyleContexts = 'isInLive' | 'isInPanel' | 'isInMenu';
+export declare type SwitcherThemes = 'light' | 'dark';
+export declare type SwitcherChildrenPositions = 'left' | 'right';
+export interface SwitcherProps {
+    enabled: boolean;
+    styleContext: SwitcherStyleContexts;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    theme?: SwitcherThemes;
+    children: JSX.Element[] | JSX.Element;
+    childrenPosition?: SwitcherChildrenPositions;
+}

package/dist/Switcher/index.d.ts

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

package/dist/Table/Table.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./Table.types").TableProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/Table/Table.types.d.ts

@@ -0,0 +1,25 @@
+export interface Row {
+    cells: {
+        key: string;
+        color?: string;
+        val?: string;
+    }[];
+    key: string;
+}
+export interface TableProps {
+    styleContext?: string | string[];
+    block: {
+        type: string;
+        columns_widths: number[];
+        display: string;
+        id: string;
+        options: {
+            header: boolean;
+            fixed_first_column?: boolean;
+            num_fixed_columns: number;
+            num_fixed_rows: number;
+        };
+        rows: Row[];
+        table_credit?: string;
+    };
+}