@meduza/ui-kit-2 0.8.4 → 0.8.5

package/src/RenderBlocks/index.tsx

@@ -78,7 +78,9 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
     case 'h2':
     case 'h3':
     case 'h4': {
-      return <SimpleBlock block={block} styleContext={styleContext} id={block.id} />
+      return (
+        <SimpleBlock block={block} styleContext={styleContext} id={block.id} />
+      )
     }
 
     case 'quote':
@@ -94,7 +96,9 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
     }
 
     case 'chapter-subtitle': {
-      return <ChapterBlock block={block} styleContext={styleContext} id={block.id} />
+      return (
+        <ChapterBlock block={block} styleContext={styleContext} id={block.id} />
+      )
     }
 
     case 'card_title': {

package/src/RichTitle/RichTitle.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   margin: 0 0 20px;
 

package/src/RichTitle/RichTitle.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/SensitiveBlock/SensitiveBlock.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   position: relative;
 

package/src/SensitiveBlock/SensitiveBlock.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 

package/src/SensitiveBlock/SensitiveBlock.types.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface SensitiveBlockProps {
   block: {
     id: string

package/src/ShopRelatedBlock/ShopRelatedBlock.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   position: relative;
   z-index: 10;

package/src/ShopRelatedBlock/ShopRelatedBlock.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 

package/src/ShopRelatedBlock/ShopRelatedBlock.types.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface ShopRelatedBlockProps {
   block?: any
   styleContext?: any

package/src/SimpleBlock/FootnoteLink.css

@@ -1,6 +1,3 @@
-/* stylelint-disable declaration-empty-line-before */
-@import '../vars';
-
 span[data-body] {
   position: relative;
 

package/src/SimpleBlock/SimpleBlock.module.css

@@ -1,4 +1,4 @@
-@import '../vars.css';
+
 @import './FootnoteLink';
 
 .p {

package/src/SimpleBlock/SimpleBlock.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/SimpleBlock/SimpleBlock.types.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface SimpleBlockProps {
   block: any
   styleContext?: string[] | string

package/src/SimpleTitle/SimpleTitle.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   margin: 0 0 18px;
 

package/src/SimpleTitle/SimpleTitle.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/SourceBlock/SourceBlock.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 

package/src/SourceBlock/SourceBlock.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/Spoiler/Spoiler.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   position: relative;
 
@@ -63,17 +61,16 @@
   margin-top: 0;
   margin-bottom: 18px;
 
-  font-weight: 700;
-  font-size: 21px;
-
   font-family: $secondaryFont;
-  line-height: 26px;
+  font-size: calc(17rem / 16);
+  font-weight: 700;
+  line-height: calc(21rem / 16);
 
   @media $mobile {
     margin-bottom: 20px;
 
-    font-size: 28px;
-    line-height: 34px;
+    font-size: 21px;
+    line-height: 28px;
   }
 }
 
@@ -122,9 +119,11 @@
   margin-left: -20px;
   padding: 12px 20px 20px;
 
-  background-image: linear-gradient(180deg,
-  rgba(255, 255, 255, 0) 0%,
-  #fff 64%);
+  background-image: linear-gradient(
+    180deg,
+    rgba(255, 255, 255, 0) 0%,
+    #fff 64%
+  );
 
   animation: spoilerSticky 500ms ease both;
 

package/src/Spoiler/Spoiler.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 

package/src/Spoiler/Spoiler.types.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface SpoilerProps {
   block: any
   styleContext?: string[] | string

package/src/SvgSymbol/SvgSymbol.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   width: 100%;
   height: 100%;
@@ -214,9 +212,9 @@
   width: 11px;
   height: auto;
 
-  stroke-width: 1.2px;
-
   cursor: pointer;
+
+  stroke-width: 1.2px;
 }
 
 .isInToolbar.bookmark {

package/src/SvgSymbol/SvgSymbol.stories.module.css

@@ -1,73 +1,3 @@
-@font-face {
-  font-family: 'PF Regal';
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-RegularB.woff')
-    format('woff');
-}
-
-@font-face {
-  font-family: 'PF Regal';
-  font-style: italic;
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-RegularBItalic.woff')
-    format('woff');
-}
-
-@font-face {
-  font-weight: bold;
-  font-family: 'PF Regal';
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-Bold.woff')
-    format('woff');
-}
-
-@font-face {
-  font-weight: bold;
-  font-family: 'PF Regal';
-  font-style: italic;
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-BoldItalic.woff')
-    format('woff');
-}
-
-@font-face {
-  font-weight: 400;
-  font-family: 'Proxima Nova';
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Regular.woff2')
-      format('woff2'),
-    url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Regular.woff')
-      format('woff');
-}
-
-@font-face {
-  font-weight: 600;
-  font-family: 'Proxima Nova';
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Semibold.woff2')
-      format('woff2'),
-    url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Semibold.woff')
-      format('woff');
-}
-
-@font-face {
-  font-weight: 700;
-  font-family: 'Proxima Nova';
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Bold.woff2')
-      format('woff2'),
-    url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Bold.woff')
-      format('woff');
-}
-
-* {
-  box-sizing: border-box;
-}
-
 .row {
   display: flex;
   flex-flow: row wrap;

package/src/Switcher/Switcher.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   position: relative;
 

package/src/Switcher/Switcher.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/Table/Table.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   margin: 15px 0;
 

package/src/Table/Table.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/Tag/Tag.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: inline-block;
 
@@ -103,7 +101,7 @@
 
 .isInBookRelated {
   opacity: 0.5;
-  
+
   @media $landscapeTablet {
     line-height: 20px;
   }

package/src/Tag/Tag.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/Tag/Tag.types.ts

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

package/src/Timestamp/Timestamp.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   font-family: $secondaryFont;
   font-weight: normal;

package/src/Timestamp/Timestamp.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/Toolbar/Toolbar.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   overflow: hidden;
 

package/src/Toolbar/Toolbar.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/ToolbarButton/ToolbarButton.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 

package/src/ToolbarButton/ToolbarButton.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/Tooltip/Tooltip.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   position: relative;
 

package/src/Tooltip/Tooltip.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 

package/src/VersesBlock/VersesBlock.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   padding: 0;
 

package/src/VersesBlock/VersesBlock.stories.module.css

@@ -1,5 +1,3 @@
-@import '../vars.css';
-
 .root {
   display: block;
 }

package/src/VersesBlock/VersesBlock.stories.tsx

@@ -20,7 +20,10 @@ const Example: React.FC = () => {
     <>
       <div className={styles.root}>
         {mock.blocks.map((item) => (
-          <VersesBlock block={item as VersesBlockProps['block']} key={item.id} />
+          <VersesBlock
+            block={item as VersesBlockProps['block']}
+            key={item.id}
+          />
         ))}
       </div>
     </>

package/src/VersesBlock/index.tsx

@@ -9,7 +9,6 @@ export const VersesBlock: React.FC<VersesBlockProps> = ({
   block: { type, data, only_on: onlyOn },
   styleContext
 }) => {
-
   let classNames: ClassNames = [
     [styles.root, true],
     [styles[onlyOn], true],

package/src/_storybook/PreviewWrapper/PreviewWrapper.module.css

@@ -1,82 +1,3 @@
-@font-face {
-  font-family: 'PF Regal';
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-RegularB.woff')
-    format('woff');
-}
-
-@font-face {
-  font-family: 'PF Regal';
-  font-style: italic;
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-RegularBItalic.woff')
-    format('woff');
-}
-
-@font-face {
-  font-family: 'PF Regal';
-  font-weight: bold;
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-Bold.woff')
-    format('woff');
-}
-
-@font-face {
-  font-family: 'PF Regal';
-  font-weight: bold;
-  font-style: italic;
-
-  src: url('https://meduza.io/static/fonts/PFRegal/PFRegalTextPro-BoldItalic.woff')
-    format('woff');
-}
-
-@font-face {
-  font-family: 'Proxima Nova';
-  font-weight: 400;
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Regular.woff2')
-      format('woff2'),
-    url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Regular.woff')
-      format('woff');
-}
-
-@font-face {
-  font-family: 'Proxima Nova';
-  font-weight: 600;
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Semibold.woff2')
-      format('woff2'),
-    url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Semibold.woff')
-      format('woff');
-}
-
-@font-face {
-  font-family: 'Proxima Nova';
-  font-weight: 700;
-  font-style: normal;
-
-  src: url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Bold.woff2')
-      format('woff2'),
-    url('https://meduza.io/static/fonts/ProximaNovaNew/ProximaNova-Bold.woff')
-      format('woff');
-}
-
-/* set font-size as website */
-html {
-  font-size: 16px;
-
-  @media (min-width: 1000px) {
-    font-size: calc(100vw / 66.75);
-  }
-
-  @media (min-width: 1335px) {
-    font-size: 20px;
-  }
-}
-
 .root {
   color: #000;
   background: #fff;
@@ -117,19 +38,3 @@ html {
   font-size: 32px;
   font-weight: bold;
 }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 0;
-  padding: 0;
-
-  font-weight: normal;
-}
-
-* {
-  box-sizing: border-box;
-}

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