@meduza/ui-kit-2 0.8.603 → 0.8.604

package/dist/ui-kit-game.css

@@ -2338,7 +2338,11 @@
 .Meta-module_containerInDynamicBlock__YSh66 {
   position: absolute;
   bottom: 20px;
-  left: 54px;
+  left: 57px;
+}
+
+.Meta-module_containerInDynamicBlockAndMaterial__4v4A9 {
+  left: 65px;
 }
 
 .Meta-module_root__H-Q4d {

package/dist/ui-kit.css

@@ -2338,7 +2338,11 @@
 .Meta-module_containerInDynamicBlock__YSh66 {
   position: absolute;
   bottom: 20px;
-  left: 54px;
+  left: 57px;
+}
+
+.Meta-module_containerInDynamicBlockAndMaterial__4v4A9 {
+  left: 65px;
 }
 
 .Meta-module_root__H-Q4d {

package/package.json

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

package/src/Meta/Meta.module.css

@@ -1,7 +1,11 @@
 .containerInDynamicBlock {
   position: absolute;
   bottom: 20px;
-  left: 54px;
+  left: 57px;
+}
+
+.containerInDynamicBlockAndMaterial {
+  left: 65px;
 }
 
 .root {

package/src/Meta/Meta.types.ts

@@ -10,6 +10,7 @@ export interface MetaContainerProps {
   bookmarkAction?: (service: CallToActions, place: string) => void
   lightBox?: () => void
   lang: 'ru' | 'en'
+  type?: any
 }
 
 export interface MetaProps {

package/src/Meta/MetaContainer.tsx

@@ -25,7 +25,8 @@ export const MetaContainer: React.FC<MetaContainerProps> = ({
   block: {
     data: { components, theme }
   },
-  styleContext
+  styleContext,
+  type
 }) => {
   const themeColor =
     styleContext && styleContext.indexOf('dark') !== -1 ? 'light' : 'unset'
@@ -43,7 +44,11 @@ export const MetaContainer: React.FC<MetaContainerProps> = ({
   const hasSource = !!components.find((item) => item.type === 'source_name')
 
   const classNames: ClassNames = [
-    [styles.containerInDynamicBlock, styleContext === 'isInDynamicBlock']
+    [styles.containerInDynamicBlock, styleContext === 'isInDynamicBlock'],
+    [
+      styles.containerInDynamicBlockAndMaterial,
+      styleContext === 'isInDynamicBlock' && type === 'isInMaterial'
+    ]
   ]
 
   return (

package/src/RawHtmlBlock/RawHtmlBlock.types.ts

@@ -17,4 +17,5 @@ export interface RawHtmlBlockProps {
   bookmarkAction?: (service: CallToActions, place: string) => void
   lightBox?: LightboxContext | null | undefined
   lang?: 'ru' | 'en'
+  type?: any
 }

package/src/RawHtmlBlock/index.tsx

@@ -18,7 +18,8 @@ export const RawHtmlBlock: React.FC<RawHtmlBlockProps> = ({
   isInBookmarks,
   bookmarkAction,
   lightBox,
-  lang
+  lang,
+  type = 'default'
 }) => {
   const context = {
     lightBox: lightBox || null
@@ -68,6 +69,7 @@ export const RawHtmlBlock: React.FC<RawHtmlBlockProps> = ({
             isInBookmarks={isInBookmarks}
             bookmarkAction={bookmarkAction}
             lang={lang}
+            type={type}
           />
         </BlockProvider>
       )

package/src/RenderBlocks/RenderBlocks.types.ts

@@ -10,4 +10,5 @@ export interface RenderBlocksProps {
   bookmarkAction?: (service: CallToActions, place: string) => void
   lightBox?: LightboxContext | null | undefined
   lang?: 'ru' | 'en'
+  type?: any
 }

package/src/RenderBlocks/index.tsx

@@ -27,7 +27,8 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
   isRead,
   isListened,
   bookmarkAction,
-  isInBookmarks
+  isInBookmarks,
+  type = 'default'
 }) => {
   switch (block.type) {
     case 'tag': {
@@ -61,6 +62,7 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
           isListened={isListened}
           isInBookmarks={isInBookmarks}
           bookmarkAction={bookmarkAction}
+          type={type}
         />
       )
     }