@meduza/ui-kit-2 0.8.623 → 0.8.625

package/dist/ui-kit-game.css

@@ -242,6 +242,13 @@
 }
   }
 
+.Button-module_isInToolbar__84SG- {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+
 .Button-module_isInSpoiler__pGp-w svg {
   margin-top: -2px;
   margin-left: 6px;
@@ -2103,6 +2110,7 @@
   }
 
 .Dropdown-module_root__Wv7S- {
+  width: 100%;
   position: relative;
   z-index: auto;
 
@@ -2180,7 +2188,7 @@
 
 .Dropdown-module_menu__11IQL {
   position: absolute;
-  z-index: 1;
+  z-index: 2;
   top: 100%;
   left: 0;
 
@@ -2416,6 +2424,7 @@
   display: flex;
   flex-flow: row wrap;
   align-items: center;
+  justify-content: center;
 
   text-align: center;
 }
@@ -3289,6 +3298,22 @@
 }
   }
 
+@media only screen and (min-width: 40.625em) {
+
+.RichTitle-module_root__U5XQu.RichTitle-module_isInMaterial__7WEv4 {
+    font-size: 37px;
+    line-height: 42px;
+}
+  }
+
+@media only screen and (min-width: 40.625em) {
+
+.RichTitle-module_root__U5XQu.RichTitle-module_isEmbeded__VNXtj {
+    fonr-size: 1.3rem;
+    line-height: 1.6rem;
+}
+  }
+
 .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
   font-size: 19px;
   line-height: 23px;

package/dist/ui-kit.css

@@ -242,6 +242,13 @@
 }
   }
 
+.Button-module_isInToolbar__84SG- {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+
 .Button-module_isInSpoiler__pGp-w svg {
   margin-top: -2px;
   margin-left: 6px;
@@ -2103,6 +2110,7 @@
   }
 
 .Dropdown-module_root__Wv7S- {
+  width: 100%;
   position: relative;
   z-index: auto;
 
@@ -2180,7 +2188,7 @@
 
 .Dropdown-module_menu__11IQL {
   position: absolute;
-  z-index: 1;
+  z-index: 2;
   top: 100%;
   left: 0;
 
@@ -2416,6 +2424,7 @@
   display: flex;
   flex-flow: row wrap;
   align-items: center;
+  justify-content: center;
 
   text-align: center;
 }
@@ -3289,6 +3298,22 @@
 }
   }
 
+@media only screen and (min-width: 48em) {
+
+.RichTitle-module_root__U5XQu.RichTitle-module_isInMaterial__7WEv4 {
+    font-size: 37px;
+    line-height: 42px;
+}
+  }
+
+@media only screen and (min-width: 64em) {
+
+.RichTitle-module_root__U5XQu.RichTitle-module_isEmbeded__VNXtj {
+    fonr-size: 1.3rem;
+    line-height: 1.6rem;
+}
+  }
+
 .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
   font-size: 19px;
   line-height: 23px;

package/package.json

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

package/src/Button/Button.module.css

@@ -212,6 +212,13 @@
   }
 }
 
+.isInToolbar {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+
 .isInSpoiler svg {
   margin-top: -2px;
   margin-left: 6px;

package/src/Dropdown/Dropdown.module.css

@@ -1,4 +1,5 @@
 .root {
+  width: 100%;
   position: relative;
   z-index: auto;
 
@@ -73,7 +74,7 @@
 
 .menu {
   position: absolute;
-  z-index: 1;
+  z-index: 2;
   top: 100%;
   left: 0;
 

package/src/Meta/Meta.module.css

@@ -72,6 +72,7 @@
   display: flex;
   flex-flow: row wrap;
   align-items: center;
+  justify-content: center;
 
   text-align: center;
 }

package/src/RichTitle/RichTitle.module.css

@@ -122,6 +122,20 @@
   }
 }
 
+.root.isInMaterial {
+  @media $portraitTablet {
+    font-size: 37px;
+    line-height: 42px;
+  }
+}
+
+.root.isEmbeded {
+  @media $landscapeTablet {
+    fonr-size: 1.3rem;
+    line-height: 1.6rem;
+  }
+}
+
 .root.isInPodcastPlayer {
   font-size: 19px;
   line-height: 23px;

package/src/RichTitle/RichTitle.types.ts

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

package/src/RichTitle/index.tsx

@@ -10,12 +10,14 @@ export const RichTitle: React.FC<RichTitleProps> = ({
     only_on: onlyOn,
     data: { featured, first, second, as: TagName = 'h1' }
   },
-  styleContext
+  styleContext,
+  type
 }) => {
   let classNames: ClassNames = [
     [styles.root, true],
     [styles[onlyOn], true],
-    [styles.featured, !!featured]
+    [styles.featured, !!featured],
+    [styles.type, type]
   ]
 
   if (styleContext) {