@meduza/ui-kit-2 0.9.4 → 0.9.6

package/dist/ui-kit-game.css

@@ -247,8 +247,18 @@
   width: 100%;
   justify-content: space-between;
   align-items: center;
+  text-align: left;
 }
 
+@media only screen and (min-width: 32em) {
+
+.Button-module_isInToolbar__84SG- {
+    display: block;
+    width: 100%;
+    text-align: center;
+}
+  }
+
 .Button-module_isInSpoiler__pGp-w svg {
   margin-top: -2px;
   margin-left: 6px;
@@ -469,6 +479,11 @@
   height: 100%;
 }
 
+.SvgSymbol-module_speedHalf__mvVYC, .SvgSymbol-module_speedThreeQuarters__9N7uH, .SvgSymbol-module_speedOne__sRNph, .SvgSymbol-module_speedOneQuarter__fKIT7, .SvgSymbol-module_speedOneHalf__7yXsa, .SvgSymbol-module_speedTwo__Bv8-b {
+  width: auto;
+  height: auto;
+}
+
 .SvgSymbol-module_meduzaLogo__aVKzZ {
   width: 92px;
   height: 20px;
@@ -2333,6 +2348,28 @@
   background-color: #4f4f4f;
 }
 
+.Toolbar-module_podcast__ahY4M {
+  background-color: #fff;
+  padding: 15px;
+  border-radius: 8px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+}
+
+@media only screen and (min-width: 32em) {
+
+.Toolbar-module_podcast__ahY4M {
+    padding: 17px 25px;
+}
+  }
+
+.Toolbar-module_podcast__ahY4M::before {
+  content: none;
+}
+
+.Toolbar-module_podcast__ahY4M .Toolbar-module_item__CWmGM:first-child::before {
+  content: none;
+}
+
 .Meta-module_root__H-Q4d {
   font-size: 12px;
 

package/dist/ui-kit.css

@@ -247,8 +247,18 @@
   width: 100%;
   justify-content: space-between;
   align-items: center;
+  text-align: left;
 }
 
+@media only screen and (min-width: 32em) {
+
+.Button-module_isInToolbar__84SG- {
+    display: block;
+    width: 100%;
+    text-align: center;
+}
+  }
+
 .Button-module_isInSpoiler__pGp-w svg {
   margin-top: -2px;
   margin-left: 6px;
@@ -469,6 +479,11 @@
   height: 100%;
 }
 
+.SvgSymbol-module_speedHalf__mvVYC, .SvgSymbol-module_speedThreeQuarters__9N7uH, .SvgSymbol-module_speedOne__sRNph, .SvgSymbol-module_speedOneQuarter__fKIT7, .SvgSymbol-module_speedOneHalf__7yXsa, .SvgSymbol-module_speedTwo__Bv8-b {
+  width: auto;
+  height: auto;
+}
+
 .SvgSymbol-module_meduzaLogo__aVKzZ {
   width: 92px;
   height: 20px;
@@ -2333,6 +2348,28 @@
   background-color: #4f4f4f;
 }
 
+.Toolbar-module_podcast__ahY4M {
+  background-color: #fff;
+  padding: 15px;
+  border-radius: 8px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+}
+
+@media only screen and (min-width: 32em) {
+
+.Toolbar-module_podcast__ahY4M {
+    padding: 17px 25px;
+}
+  }
+
+.Toolbar-module_podcast__ahY4M::before {
+  content: none;
+}
+
+.Toolbar-module_podcast__ahY4M .Toolbar-module_item__CWmGM:first-child::before {
+  content: none;
+}
+
 .Meta-module_root__H-Q4d {
   font-size: 12px;
 

package/package.json

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

package/src/Button/Button.module.css

@@ -217,6 +217,13 @@
   width: 100%;
   justify-content: space-between;
   align-items: center;
+  text-align: left;
+
+  @media $mobile {
+    display: block;
+    width: 100%;
+    text-align: center;
+  }
 }
 
 .isInSpoiler svg {

package/src/SvgSymbol/SvgSymbol.module.css

@@ -153,6 +153,11 @@
   height: 100%;
 }
 
+.speedHalf, .speedThreeQuarters, .speedOne, .speedOneQuarter, .speedOneHalf, .speedTwo {
+  width: auto;
+  height: auto;
+}
+
 .meduzaLogo {
   width: 92px;
   height: 20px;

package/src/SvgSymbol/icons.ts

@@ -84,10 +84,10 @@ export const icons = {
   },
 
   play: {
-    width: 62,
-    height: 62,
+    width: 32,
+    height: 32,
     content:
-      '<path d="M24.35 41.772a.5.5 0 0 1-.739-.439V20.667a.5.5 0 0 1 .74-.44l18.944 10.334a.5.5 0 0 1 0 .878L24.351 41.772z" fill-rule="nonzero"/>'
+      '<path fill-rule="nonzero" clip-rule="evenodd" d="M11.9665 22.877C11.4713 23.1557 10.8594 22.7978 10.8594 22.2296V9.7704C10.8594 9.20219 11.4713 8.84435 11.9665 9.12299L23.0374 15.3526C23.5422 15.6366 23.5422 16.3634 23.0374 16.6474L11.9665 22.877Z" stroke-width="0.371429" stroke-linecap="round" stroke-linejoin="round"/>'
   },
 
   pause: {

package/src/Toolbar/Toolbar.module.css

@@ -123,3 +123,22 @@
 .dark::before {
   background-color: #4f4f4f;
 }
+
+.podcast {
+  background-color: #fff;
+  padding: 15px;
+  border-radius: 8px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+
+  @media $mobile {
+    padding: 17px 25px;
+  }
+}
+
+.podcast::before {
+  content: none;
+}
+
+.podcast .item:first-child::before {
+  content: none;
+}