@meduza/ui-kit-2 0.8.5 → 0.8.6

package/dist/utils/BlockContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const BlockContext: React.Context<{
+    lightBox: any;
+}>;
+export declare const BlockProvider: React.Provider<{
+    lightBox: any;
+}>;
+export default BlockContext;

package/dist/utils/DangerousHtml.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type DangerousHtmlProps = {
+    className?: string;
+    html: string;
+    tagName?: keyof JSX.IntrinsicElements;
+};
+declare const DangerousHTML: React.FC<DangerousHtmlProps>;
+export default DangerousHTML;

package/dist/utils/capitalizeFirstLetter.d.ts

@@ -0,0 +1 @@
+export declare const capitalizeFirstLetter: (string: string) => string;

package/dist/utils/converCase.d.ts

@@ -0,0 +1,2 @@
+export declare const toCamel: (s: string) => string;
+export declare const toCapitalize: (s: string) => string;

package/dist/utils/generateGradient.d.ts

@@ -0,0 +1,2 @@
+declare const generateGradient: (color: string, type: string) => string;
+export default generateGradient;

package/dist/utils/getElementPositionRelativeToViewport.d.ts

@@ -0,0 +1,2 @@
+declare const getElementPositionRelativeToViewport: (element: HTMLElement) => number;
+export default getElementPositionRelativeToViewport;

package/dist/utils/makeStyleContext.d.ts

@@ -0,0 +1,3 @@
+import { ClassNames } from './makeClassName';
+declare const makeStyleContext: (classNames: ClassNames, styleContext: string[] | string, styles: Record<string, string>) => ClassNames;
+export default makeStyleContext;

package/dist/utils/pluralize.d.ts

@@ -0,0 +1,2 @@
+declare const pluralize: (number: number, one: string, two: string, five: string) => string;
+export default pluralize;

package/dist/utils/postMessage.d.ts

@@ -0,0 +1,2 @@
+declare const postMessage: (category: string, element: string, action: string) => void;
+export default postMessage;

package/dist/utils/viewportSize.d.ts

@@ -0,0 +1,6 @@
+type viewportSize = {
+    width: number;
+    height: number;
+};
+declare const _default: () => viewportSize;
+export default _default;

package/package.json

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

package/src/Image/index.tsx

@@ -38,7 +38,10 @@ export const Image: React.FC<ImageProps> = ({
   }
 
   const pictureStyles = {
-    paddingBottom: `${100 / (ratio || width / height)}%`
+    paddingBottom:
+      styleContext !== 'isInDynamicBlock'
+        ? '100%'
+        : `${100 / (ratio || width / height)}%`
   }
 
   /* fallback w325 url until w6 was released */

package/src/Spoiler/Spoiler.module.css

@@ -61,16 +61,17 @@
   margin-top: 0;
   margin-bottom: 18px;
 
-  font-family: $secondaryFont;
-  font-size: calc(17rem / 16);
   font-weight: 700;
-  line-height: calc(21rem / 16);
+  font-size: 21px;
+
+  font-family: $secondaryFont;
+  line-height: 26px;
 
   @media $mobile {
     margin-bottom: 20px;
 
-    font-size: 21px;
-    line-height: 28px;
+    font-size: 28px;
+    line-height: 34px;
   }
 }
 
@@ -119,11 +120,9 @@
   margin-left: -20px;
   padding: 12px 20px 20px;
 
-  background-image: linear-gradient(
-    180deg,
-    rgba(255, 255, 255, 0) 0%,
-    #fff 64%
-  );
+  background-image: linear-gradient(180deg,
+  rgba(255, 255, 255, 0) 0%,
+  #fff 64%);
 
   animation: spoilerSticky 500ms ease both;
 

package/src/SvgSymbol/SvgSymbol.types.ts

@@ -28,6 +28,7 @@ export type Icons =
   | 'backward'
   | 'forward'
   | 'download'
+  | 'episodeDownload'
   | 'play'
   | 'pause'
   | 'shareBookmark'

package/src/SvgSymbol/icons.ts

@@ -76,6 +76,13 @@ export const icons = {
       '<path d="M12.5 2C19.404 2 25 7.596 25 14.5S19.404 27 12.5 27 0 21.404 0 14.5 5.596 2 12.5 2zm0 1.5c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11-4.925-11-11-11zm6 15.75a.75.75 0 01.102 1.493l-.102.007h-12a.75.75 0 01-.102-1.493l.102-.007h12zm-6-12a.75.75 0 01.743.648L13.25 8v7.598l1.834-1.222a.75.75 0 11.832 1.248l-3 2a.75.75 0 01-.832 0l-3-2a.75.75 0 11.832-1.248l1.834 1.223V8a.75.75 0 01.648-.743l.102-.007z" fill-rule="nonzero" fill="currentColor" />'
   },
 
+  episodeDownload: {
+    width: 24,
+    height: 24,
+    content:
+      '<><circle xmlns="http://www.w3.org/2000/svg" cx="12" cy="12" r="10.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path xmlns="http://www.w3.org/2000/svg" d="M12 16.5L12 7.5M12 16.5L15.5 14.2257M12 16.5L8.5 14.2257" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></>'
+  },
+
   play: {
     width: 62,
     height: 62,

package/src/Tag/Tag.module.css

@@ -124,6 +124,10 @@
   }
 }
 
+.isInDynamicBlock {
+  opacity: 0.5;
+}
+
 .mobile {
   @media $mobile {
     display: none;