@meduza/ui-kit-2 0.7.6 → 0.7.7

package/dist/ui-kit.css

@@ -700,6 +700,15 @@
   width: 100%;
   height: 100%;
 }
+.Image-module_isStatic__TmQ1V img {
+  position: relative;
+  max-height: 160px;
+}
+@media only screen and (min-width: 64em) {
+.Image-module_isStatic__TmQ1V img {
+    max-height: 200px;
+}
+  }
 .Image-module_isLoaded__keFnD {
   background-color: transparent;
 }
@@ -1234,6 +1243,14 @@
     line-height: 20px;
 }
   }
+.Tag-module_isInBookRelated__ikTaj {
+  opacity: 0.5;
+}
+@media only screen and (min-width: 64em) {
+.Tag-module_isInBookRelated__ikTaj {
+    line-height: 20px;
+}
+  }
 .Tag-module_slide__gzptP,
 .Tag-module_game__NmKec,
 .Tag-module_card__TX87-,
@@ -2220,6 +2237,9 @@
     display: none;
 }
   }
+.Meta-module_isInBookRelated__Ohidg {
+  opacity: 0.5;
+}
 /* VISIBILITY */
 @media only screen and (min-width: 32em) {
 .Meta-module_mobile__PbG8N {
@@ -2946,6 +2966,16 @@
     font-size: 1.35rem;
 }
   }
+.RichTitle-module_isInBookRelated__LcCPV {
+  margin: 6px 0 20px;
+}
+@media only screen and (min-width: 64em) {
+.RichTitle-module_isInBookRelated__LcCPV {
+    font-size: 27px;
+    line-height: 32px;
+    margin: 6px 0 18px;
+}
+  }
 @media only screen and (min-width: 32em) {
 .RichTitle-module_mobile__W5L9E {
     display: none;

package/package.json

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

package/src/Image/Image.module.css

@@ -24,6 +24,15 @@
   height: 100%;
 }
 
+.isStatic img {
+  position: relative;
+  max-height: 160px;
+
+  @media $landscapeTablet {
+    max-height: 200px;
+  }
+}
+
 .isLoaded {
   background-color: transparent;
 }

package/src/Meta/Meta.module.css

@@ -104,6 +104,10 @@
   }
 }
 
+.isInBookRelated {
+  opacity: 0.5;
+}
+
 /* VISIBILITY */
 
 .mobile {

package/src/Meta/MetaContainer.tsx

@@ -132,6 +132,13 @@ export const MetaContainer: React.FC<MetaContainerProps> = ({
               </MetaItem>
             )
           }
+          case 'string': {
+            return (
+              <MetaItem hasSource={hasSource} bullets key={component.id}>
+                {component.text}
+              </MetaItem>
+            )
+          }
 
           default: {
             return null

package/src/RichTitle/RichTitle.module.css

@@ -105,6 +105,16 @@
   }
 }
 
+.isInBookRelated {
+  margin: 6px 0 20px;
+
+  @media $landscapeTablet {
+    font-size: 27px;
+    line-height: 32px;
+    margin: 6px 0 18px;
+  }
+}
+
 .mobile {
   @media $mobile {
     display: none;

package/src/Tag/Tag.module.css

@@ -101,6 +101,14 @@
   }
 }
 
+.isInBookRelated {
+  opacity: 0.5;
+  
+  @media $landscapeTablet {
+    line-height: 20px;
+  }
+}
+
 .slide,
 .game,
 .card,