@meduza/ui-kit-2 1.3.0 → 1.3.1

package/dist/ui-kit-game.css

@@ -6796,6 +6796,24 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
   --metaFill: currentColor;
 }
 
+@media only screen and (min-width: 32em) {
+
+.RelatedBook-module_mobile__7rm-n {
+    display: none;
+}
+  }
+
+.RelatedBook-module_desktop__OZ9Jx {
+  display: none;
+}
+
+@media only screen and (min-width: 32em) {
+
+.RelatedBook-module_desktop__OZ9Jx {
+    display: flex;
+}
+  }
+
 .ListViewSwitcher-module_root__pBsR5 {
   position: relative;
 

package/dist/ui-kit.css

@@ -6796,6 +6796,24 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
   --metaFill: currentColor;
 }
 
+@media only screen and (min-width: 32em) {
+
+.RelatedBook-module_mobile__7rm-n {
+    display: none;
+}
+  }
+
+.RelatedBook-module_desktop__OZ9Jx {
+  display: none;
+}
+
+@media only screen and (min-width: 32em) {
+
+.RelatedBook-module_desktop__OZ9Jx {
+    display: flex;
+}
+  }
+
 .ListViewSwitcher-module_root__pBsR5 {
   position: relative;
 

package/package.json

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

package/src/RelatedBook/RelatedBook.module.css

@@ -16,6 +16,7 @@
   outline-width: 0;
   background-color: #fff;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+
   @media $portraitTablet {
     margin: 25px 0;
   }
@@ -206,3 +207,17 @@
   --metaText: rgba(254, 255, 255, 0.5);
   --metaFill: currentColor;
 }
+
+.mobile {
+  @media $mobile {
+    display: none;
+  }
+}
+
+.desktop {
+  display: none;
+
+  @media $mobile {
+    display: flex;
+  }
+}

package/src/RelatedBook/index.tsx

@@ -14,13 +14,12 @@ export const RelatedBook: React.FC<RelatedBookProps> = ({
 }) => {
   const theme = block.data.theme.text_color === '0,0,0' ? 'isDark' : 'isLight'
 
+  const onlyOn = block.only_on || block.data.onlyOn
+
   let classNames: ClassNames = [
     [styles.root, true],
     [styles[theme], theme],
-    [
-      styles[block.data.onlyOn],
-      !!block.data.onlyOn && !!styles[block.data.onlyOn]
-    ]
+    [styles[onlyOn], !!onlyOn && !!styles[onlyOn]]
   ]
 
   if (styleContext) {