@meduza/ui-kit-2 0.1.31 → 0.1.33

package/package.json

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

package/src/EmbedBlock/EmbedBlock.module.css

@@ -233,10 +233,10 @@
   }
 }
 
-.card.mobileFullwidth .object,
-.slide.mobileFullwidth .object,
-.card .figure,
-.slide .figure {
+.isInCard.mobileFullwidth .object,
+.isInSlide.mobileFullwidth .object,
+.isInCard .figure,
+.isInSlide .figure {
   margin-right: -11px;
   margin-left: -11px;
 
@@ -246,8 +246,8 @@
   }
 }
 
-.card:not(.cc):last-child,
-.slide:not(.cc):last-child {
+.isInCard:not(.cc):last-child,
+.isInSlide:not(.cc):last-child {
   overflow: hidden;
 
   margin-bottom: -16px;

package/src/EmbedBlock/EmbedBlock.tsx

@@ -127,14 +127,15 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
   // чтобы не применились лишние модификаторы
   // TODO: в w6 модификаторы должны передаваться явно
 
-  if (styleContext) {
-    const filteredContext = Object.keys(styleContext)
+  if (styleContext && Array.isArray(styleContext)) {
+    const filteredContext = styleContext
       .filter((key) => key.startsWith('isIn') && styles[key])
       .reduce((acc, key) => {
-        acc.push([styles[key], true])
+        acc.push(key)
 
         return acc
       }, [])
+
     classNames = makeStyleContext(classNames, filteredContext, styles)
   }
 

package/src/GroupedBlock/index.tsx

@@ -45,7 +45,7 @@ export const GroupedBlock: React.FC<GroupedBlockProps> = ({
             >
               <EmbedBlockContainer
                 block={item}
-                styleContext="isInGroupedBlock"
+                styleContext={['isInGroupedBlock']}
               />
             </div>
           )

package/src/Meta/MetaContainer.tsx

@@ -72,7 +72,7 @@ export const MetaContainer: React.FC<MetaContainerProps> = ({
             )
           }
           case 'datetime': {
-            const format = (toCamel(component.format) ||
+            const format = ((component.format && toCamel(component.format)) ||
               'date') as TimestampProps['type']
 
             return (