@meduza/ui-kit-2 0.8.704 → 0.8.801

package/dist/ui-kit-game.css

@@ -2743,31 +2743,12 @@
 
 .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;
 }
 
-/* .isYoutube {
-  width: 100%;
-  max-height: 70vh;
-
-  @media $landscapeTablet {
-    max-height: 90vh;
-  }
-} */
-
 /* DEVICES */
 
 @media only screen and (min-width: 32em) {

package/dist/ui-kit.css

@@ -2743,31 +2743,12 @@
 
 .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;
 }
 
-/* .isYoutube {
-  width: 100%;
-  max-height: 70vh;
-
-  @media $landscapeTablet {
-    max-height: 90vh;
-  }
-} */
-
 /* DEVICES */
 
 @media only screen and (min-width: 32em) {

package/package.json

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

package/src/EmbedBlock/EmbedBlock.module.css

@@ -248,27 +248,20 @@
 
 .wrapper {
   position: relative;
-
-  width: 100%;
-  max-height: 70vh;
-
-  @media $landscapeTablet {
-    max-height: 90vh;
-  }
 }
 
 .wrapper .objectWrap {
   position: static;
 }
 
-/* .isYoutube {
+.isYoutube {
   width: 100%;
   max-height: 70vh;
 
   @media $landscapeTablet {
     max-height: 90vh;
   }
-} */
+}
 
 /* DEVICES */
 .mobile {

package/src/EmbedBlock/EmbedBlock.tsx

@@ -100,8 +100,8 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
           <div className={styles.object}>
             <div
               className={makeClassName([
-                [styles.wrapper, true]
-                // [styles.isYoutube, provider === 'youtube' && isProportional]
+                [styles.wrapper, true],
+                [styles.isYoutube, provider === 'youtube' && isProportional]
               ])}
               style={style}
             >
@@ -113,14 +113,10 @@ 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') {
-  //   style.aspectRatio = `${block.data.width} / ${block.data.height}`
-  // }
-
-  if (isProportional) {
+  if (isProportional && provider !== 'youtube') {
+    style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`
+    style.height = 0
+  } else if (isProportional && provider === 'youtube') {
     style.aspectRatio = `${block.data.width} / ${block.data.height}`
   }
 
@@ -156,8 +152,8 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
         <div className={styles.object}>
           <div
             className={makeClassName([
-              [styles.wrapper, true]
-              // [styles.isYoutube, provider === 'youtube' && isProportional]
+              [styles.wrapper, true],
+              [styles.isYoutube, provider === 'youtube' && isProportional]
             ])}
             style={style}
           >

package/src/SvgSymbol/SvgSymbol.types.ts

@@ -20,8 +20,6 @@ export type Icons =
   | 'menu'
   | 'fb'
   | 'tw'
-  | 'vk'
-  | 'ok'
   | 'tg'
   | 'chat'
   | 'magic'

package/src/Switcher/Switcher.stories.tsx

@@ -14,7 +14,6 @@ export default {
 
 const Example: React.FC = () => {
   const [enabledOne, setEnabledOne] = useState(false)
-  const [enabledTwo, setEnabledTwo] = useState(false)
   const [enabledThree, setEnabledThree] = useState(false)
 
   return (

package/src/ToolbarButton/ToolbarButton.types.ts

@@ -1,9 +1,7 @@
 export type ToolbarButtonTypes =
-  | 'vk'
   | 'fb'
   | 'tw'
   | 'tg'
-  | 'ok'
   | 'reaction'
   | 'pdf'
   | 'bookmark'

package/src/types.ts

@@ -8,10 +8,7 @@ export interface OptimizedImageItem {
 export type CallToActions =
   | 'fb'
   | 'tw'
-  | 'vk'
-  | 'ok'
   | 'tg'
-  | 'wp'
   | 'reaction'
   | 'pdf'
   | 'bookmark'