@meduza/ui-kit-2 0.9.3 → 0.9.4

package/dist/ui-kit-game.css

@@ -759,6 +759,12 @@
   height: 100%;
 }
 
+.Image-module_root__H5wAh.Image-module_fullRatio__q7QPa img {
+  position: static;
+  width: 100%;
+  height: 100%;
+}
+
 .Image-module_isStatic__TmQ1V img {
   position: relative;
   max-height: 160px;
@@ -3273,9 +3279,15 @@
 }
   }
 
+.RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
+  font-size: 19px;
+  line-height: 23px;
+  margin: 0 0 20px;
+}
+
 @media only screen and (min-width: 40.625em) {
 
-.RichTitle-module_root__U5XQu.RichTitle-module_episodeInMaterial__pp-Wt {
+.RichTitle-module_root__U5XQu.RichTitle-module_large__n2URP {
     font-size: 37px;
     line-height: 42px;
 }
@@ -3283,18 +3295,12 @@
 
 @media only screen and (min-width: 40.625em) {
 
-.RichTitle-module_root__U5XQu.RichTitle-module_episodeInEmbed__gJpJL {
+.RichTitle-module_root__U5XQu.RichTitle-module_medium__KkBLJ {
     font-size: 1.3rem;
     line-height: 1.6rem;
 }
   }
 
-.RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
-  font-size: 19px;
-  line-height: 23px;
-  margin: 0 0 20px;
-}
-
 @media only screen and (min-width: 32em) {
 
 .RichTitle-module_mobile__W5L9E {

package/dist/ui-kit.css

@@ -759,6 +759,12 @@
   height: 100%;
 }
 
+.Image-module_root__H5wAh.Image-module_fullRatio__q7QPa img {
+  position: static;
+  width: 100%;
+  height: 100%;
+}
+
 .Image-module_isStatic__TmQ1V img {
   position: relative;
   max-height: 160px;
@@ -3273,9 +3279,15 @@
 }
   }
 
+.RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
+  font-size: 19px;
+  line-height: 23px;
+  margin: 0 0 20px;
+}
+
 @media only screen and (min-width: 48em) {
 
-.RichTitle-module_root__U5XQu.RichTitle-module_episodeInMaterial__pp-Wt {
+.RichTitle-module_root__U5XQu.RichTitle-module_large__n2URP {
     font-size: 37px;
     line-height: 42px;
 }
@@ -3283,18 +3295,12 @@
 
 @media only screen and (min-width: 64em) {
 
-.RichTitle-module_root__U5XQu.RichTitle-module_episodeInEmbed__gJpJL {
+.RichTitle-module_root__U5XQu.RichTitle-module_medium__KkBLJ {
     font-size: 1.3rem;
     line-height: 1.6rem;
 }
   }
 
-.RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
-  font-size: 19px;
-  line-height: 23px;
-  margin: 0 0 20px;
-}
-
 @media only screen and (min-width: 32em) {
 
 .RichTitle-module_mobile__W5L9E {

package/package.json

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

package/src/Image/Image.module.css

@@ -22,6 +22,12 @@
   height: 100%;
 }
 
+.root.fullRatio img {
+  position: static;
+  width: 100%;
+  height: 100%;
+}
+
 .isStatic img {
   position: relative;
   max-height: 160px;

package/src/Image/index.tsx

@@ -39,9 +39,7 @@ export const Image: React.FC<ImageProps> = ({
 
   const pictureStyles = {
     paddingBottom:
-      styleContext === 'isInDynamicBlock'
-        ? '100%'
-        : `${100 / (ratio || width / height)}%`
+      ratio === null ? 'unset' : `${100 / (ratio || width / height)}%`
   }
 
   /* fallback w325 url until w6 was released */
@@ -56,7 +54,8 @@ export const Image: React.FC<ImageProps> = ({
     [
       styles.fullscreen,
       lightBox && optimized && optimized.original && fullscreen
-    ]
+    ],
+    [styles.fullRatio, ratio === null]
   ]
 
   if (styleContext) {

package/src/RichTitle/RichTitle.module.css

@@ -122,26 +122,26 @@
   }
 }
 
-.root.episodeInMaterial {
+.root.isInPodcastPlayer {
+  font-size: 19px;
+  line-height: 23px;
+  margin: 0 0 20px;
+}
+
+.root.large {
   @media $portraitTablet {
     font-size: 37px;
     line-height: 42px;
   }
 }
 
-.root.episodeInEmbed {
+.root.medium {
   @media $landscapeTablet {
     font-size: 1.3rem;
     line-height: 1.6rem;
   }
 }
 
-.root.isInPodcastPlayer {
-  font-size: 19px;
-  line-height: 23px;
-  margin: 0 0 20px;
-}
-
 .mobile {
   @media $mobile {
     display: none;

package/src/RichTitle/RichTitle.types.ts

@@ -9,5 +9,5 @@ export interface RichTitleProps {
     }
   }
   styleContext?: string[] | string
-  type?: string
+  size?: string
 }

package/src/RichTitle/index.tsx

@@ -11,14 +11,13 @@ export const RichTitle: React.FC<RichTitleProps> = ({
     data: { featured, first, second, as: TagName = 'h1' }
   },
   styleContext,
-  type
+  size = 'default'
 }) => {
   let classNames: ClassNames = [
     [styles.root, true],
     [styles[onlyOn], true],
     [styles.featured, !!featured],
-    [styles.episodeInMaterial, type === 'isInMaterial'],
-    [styles.episodeInEmbed, type === 'isEmbeded']
+    [styles[size], !!size]
   ]
 
   if (styleContext) {