@meduza/ui-kit-2 0.1.93 → 0.1.94

package/package.json

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

package/src/DonatesTeaser/DonatesTeaser.module.css

@@ -5,17 +5,18 @@
   z-index: 10;
 
   display: block;
-  overflow: hidden;
 
   margin: calc(15rem / 16) -20px;
   padding: 42px 20px 50px;
+  overflow: hidden;
+
+  font-family: $secondaryFont;
 
   text-decoration: none;
 
-  outline-width: 0;
   background-color: #f66861;
 
-  font-family: $secondaryFont;
+  outline-width: 0;
 
   @media $mobile {
     margin: 25px 0 20px;
@@ -33,15 +34,15 @@
   max-width: 852px;
   margin: 0 auto;
 
-  transform: translateZ(0);
+  color: #fff;
   text-align: center;
 
-  color: #fff;
+  transform: translateZ(0);
 }
 
 .title {
-  font-size: 20px;
   font-weight: 700;
+  font-size: 20px;
   line-height: 25px;
 
   @media $mobile {
@@ -53,9 +54,10 @@
 .text {
   margin: 0;
 
-  font-family: $primaryFont;
-  font-size: 21px;
   font-weight: normal;
+  font-size: 21px;
+
+  font-family: $primaryFont;
   line-height: 25px;
 
   @media $mobile {
@@ -66,8 +68,8 @@
 
 .cta {
   display: flex;
-  align-items: center;
   flex-flow: column nowrap;
+  align-items: center;
   justify-content: center;
 
   margin-top: 45px;
@@ -80,25 +82,25 @@
 .cta a {
   display: block;
 
-  text-align: center;
-  text-decoration: none;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-
   color: rgba(246, 104, 97, 1);
+  font-weight: 600;
 
   font-size: 11px;
-  font-weight: 600;
   line-height: 16px;
+  letter-spacing: 1px;
+
+  text-align: center;
+  text-transform: uppercase;
+  text-decoration: none;
 }
 
 .cta a::after {
   position: absolute;
-  z-index: 1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
+  z-index: 1;
 
   content: '';
 }
@@ -114,19 +116,21 @@
 
 .ctaInner::after {
   position: absolute;
-  z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
+  z-index: -1;
 
-  content: '';
-  transition: opacity 250ms ease;
+  background-color: #eafe0b;
 
   border-radius: 40px;
-  background-color: #eafe0b;
 
   filter: blur(10px);
+
+  transition: opacity 250ms ease;
+
+  content: '';
 }
 
 .center {

package/src/MaterialNote/MaterialNote.types.ts

@@ -10,5 +10,4 @@ export interface MaterialNoteProps {
     type: string
   }
   styleContext?: string | string[]
-  lang?: 'ru' | 'en'
 }

package/src/MaterialNote/index.tsx

@@ -3,13 +3,10 @@ import { MaterialNoteProps } from './MaterialNote.types'
 import makeStyleContext from '../utils/makeStyleContext'
 import { makeClassName, ClassNames } from '../utils/makeClassName'
 
-import { DonatesTeaser } from '../DonatesTeaser'
-
 import styles from './MaterialNote.module.css'
 
 export const MaterialNote: React.FC<MaterialNoteProps> = ({
   block: { data },
-  lang,
   styleContext
 }) => {
   let classNames: ClassNames = [[styles.root, true]]
@@ -20,7 +17,6 @@ export const MaterialNote: React.FC<MaterialNoteProps> = ({
 
   return (
     <>
-      <DonatesTeaser styleContext={styleContext} lang={lang} />
       <div data-testid="material-note" className={makeClassName(classNames)}>
         {data &&
           data.map((item) => (

package/src/RawHtmlBlock/mock.json

@@ -360,6 +360,10 @@
       "length": 84,
       "id": "15-51cb069a4b41ba245b0db5b47b7a6a4726589fb8f87ce86871c71a999c4f4230"
     },
+    {
+      "type": "dotanes",
+      "id": "16-4f353cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945"
+    },
     {
       "type": "material_note",
       "id": "17-4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945"

package/src/RenderBlocks/index.tsx

@@ -16,6 +16,7 @@ import { MetaContainer } from '../Meta/MetaContainer'
 import { Table } from '../Table'
 import { MaterialNote } from '../MaterialNote'
 import { SensitiveBlock } from '../SensitiveBlock'
+import { DonatesTeaser } from '../DonatesTeaser'
 
 export const RenderBlocks: React.FC<RenderBlocksProps> = ({
   block,
@@ -119,14 +120,11 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
     case 'grouped':
       return <GroupedBlock block={block} styleContext={styleContext} />
 
+    case 'dotanes':
+      return <DonatesTeaser styleContext={styleContext} lang={lang} />
+
     case 'material_note':
-      return (
-        <MaterialNote
-          block={block}
-          lang={block.lang}
-          styleContext={styleContext}
-        />
-      )
+      return <MaterialNote block={block} styleContext={styleContext} />
 
     default: {
       return null