@meduza/ui-kit-2 0.8.801 → 0.9.0

package/dist/ui-kit-game.css

@@ -2743,7 +2743,17 @@
 
 .EmbedBlock-module_wrapper__ynT7R {
   position: relative;
+
+  width: 100%;
+  max-height: 70vh;
+}
+
+@media only screen and (min-width: 40.625em) {
+
+.EmbedBlock-module_wrapper__ynT7R {
+    max-height: 90vh;
 }
+  }
 
 .EmbedBlock-module_wrapper__ynT7R .EmbedBlock-module_objectWrap__qpbni {
   position: static;

package/dist/ui-kit.css

@@ -2743,7 +2743,17 @@
 
 .EmbedBlock-module_wrapper__ynT7R {
   position: relative;
+
+  width: 100%;
+  max-height: 70vh;
+}
+
+@media only screen and (min-width: 64em) {
+
+.EmbedBlock-module_wrapper__ynT7R {
+    max-height: 90vh;
 }
+  }
 
 .EmbedBlock-module_wrapper__ynT7R .EmbedBlock-module_objectWrap__qpbni {
   position: static;

package/package.json

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

package/src/EmbedBlock/EmbedBlock.module.css

@@ -248,13 +248,7 @@
 
 .wrapper {
   position: relative;
-}
-
-.wrapper .objectWrap {
-  position: static;
-}
 
-.isYoutube {
   width: 100%;
   max-height: 70vh;
 
@@ -263,6 +257,10 @@
   }
 }
 
+.wrapper .objectWrap {
+  position: static;
+}
+
 /* DEVICES */
 .mobile {
   @media $mobile {

package/src/EmbedBlock/EmbedBlock.tsx

@@ -98,13 +98,7 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
       default: {
         return (
           <div className={styles.object}>
-            <div
-              className={makeClassName([
-                [styles.wrapper, true],
-                [styles.isYoutube, provider === 'youtube' && isProportional]
-              ])}
-              style={style}
-            >
+            <div className={styles.wrapper} style={style}>
               <DangerousHTML className={styles.objectWrap} html={html} />
             </div>
           </div>
@@ -113,10 +107,7 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
     }
   }
 
-  if (isProportional && provider !== 'youtube') {
-    style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`
-    style.height = 0
-  } else if (isProportional && provider === 'youtube') {
+  if (isProportional) {
     style.aspectRatio = `${block.data.width} / ${block.data.height}`
   }
 
@@ -150,13 +141,7 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
     <figure className={makeClassName(classNames)}>
       {children && (
         <div className={styles.object}>
-          <div
-            className={makeClassName([
-              [styles.wrapper, true],
-              [styles.isYoutube, provider === 'youtube' && isProportional]
-            ])}
-            style={style}
-          >
+          <div className={styles.wrapper} style={style}>
             <div className={styles.objectWrap}>{children}</div>
           </div>
         </div>