@meduza/ui-kit-2 0.1.1 → 0.1.3

package/README.md

@@ -9,3 +9,8 @@
 
 `yarn generate` - генератор компонентов. Вводим название компонента, получаем все файлы и импорты
 
+## Использование
+
+Необходимо глобально импортировать в проект файл ui-kit.css (туда собираются все модули)
+Любые компоненты просто импортятся из кита
+

package/dist/Button/Button.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type ButtonThemes = 'sand' | 'gold' | 'light' | 'gray' | 'ghost' | 'dark' | 'black' | 'red';
 export declare type ButtonStates = 'isLoading' | 'isDefault';
 export declare type ButtonSizes = 'auto' | 'default';
@@ -10,5 +10,5 @@ export interface ButtonProps {
     styleContext?: ButtonStyleContexts;
     disabled?: boolean;
     onClick?: () => void;
-    children: JSX.Element[] | JSX.Element;
+    children: React.ReactNode | JSX.Element[] | JSX.Element;
 }

package/dist/CardTitle/CardTitle.types.d.ts

@@ -1,8 +1,10 @@
 export interface CardTitleProps {
     block: {
-        index: number;
-        text: string;
-        only_on?: string;
+        data: {
+            index: number;
+            text: string;
+            only_on?: string;
+        };
     };
     styleContext?: string;
 }

package/dist/DocumentItemsCount/DocumentItemsCount.types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export interface DocumentItemsCountProps {
-    type: string;
-    lang?: string;
+    type: 'podcast' | 'card';
+    lang?: 'ru' | 'en';
     items: number;
-    children: JSX.Element[] | JSX.Element;
+    children?: JSX.Element[] | JSX.Element;
 }

package/dist/Image/Image.types.d.ts

@@ -8,12 +8,12 @@ export interface ImageProps {
     alt?: string;
     display?: string;
     optimized?: {
-        original: string;
+        original?: string;
         w325: OptimizedImageItem;
-        w520: OptimizedImageItem;
-        w650: OptimizedImageItem;
-        w980: OptimizedImageItem;
-        w1335: OptimizedImageItem;
+        w520?: OptimizedImageItem;
+        w650?: OptimizedImageItem;
+        w980?: OptimizedImageItem;
+        w1335?: OptimizedImageItem;
     };
     width?: number;
     height?: number;

package/dist/ImportantLead/ImportantLead.types.d.ts

@@ -1,4 +1,4 @@
 export interface ImportantLeadProps {
     block: any;
-    styleContext: string[] | string;
+    styleContext?: string[] | string;
 }

package/dist/ListBlock/ListBlock.types.d.ts

@@ -1,4 +1,4 @@
 export interface ListBlockProps {
     block: any;
-    styleContext: string[] | string;
+    styleContext?: string[] | string;
 }

package/dist/Meta/Meta.types.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 export interface MetaContainerProps {
     block: any;
     styleContext: string[] | string;
-    isRead: boolean;
-    isListened: boolean;
-    isInBookmarks: boolean;
+    isRead: boolean | undefined;
+    isListened: boolean | undefined;
+    isInBookmarks: boolean | undefined;
     bookmarkAction?: (service: string, place: string) => void;
     lightBox?: () => void;
     lang: 'ru' | 'en';

package/dist/MetaItem/MetaItem.types.d.ts

@@ -3,5 +3,5 @@ export interface MetaItemProps {
     bullets?: boolean;
     hasSource?: boolean;
     type?: string;
-    children: JSX.Element[] | JSX.Element;
+    children: React.ReactNode | JSX.Element[] | JSX.Element;
 }

package/dist/RawHtmlBlock/RawHtmlBlock.types.d.ts

@@ -1,9 +1,15 @@
+import { ImageProps } from '../Image/Image.types';
+export declare type lightBox = {
+    show: (image?: ImageProps['optimized'], alt?: ImageProps['alt']) => void;
+    hide: () => void;
+    visible: boolean;
+};
 export interface RawHtmlBlockProps {
     block: any;
     styleContext: string[] | string;
-    isRead: boolean;
-    isListened: boolean;
-    isInBookmarks: boolean;
+    isRead?: boolean | undefined;
+    isListened?: boolean | undefined;
+    isInBookmarks?: boolean | undefined;
     bookmarkAction?: (service: string, place: string) => void;
-    lightBox?: () => void;
+    lightBox?: lightBox | null;
 }

package/dist/RenderBlocks/RenderBlocks.types.d.ts

@@ -1,3 +1,9 @@
+import { ImageProps } from '../Image/Image.types';
+export declare type lightBox = {
+    show: (image?: ImageProps['optimized'], alt?: ImageProps['alt']) => void;
+    hide: () => void;
+    visible: boolean;
+};
 export interface RenderBlocksProps {
     block: any;
     styleContext?: any;
@@ -5,6 +11,6 @@ export interface RenderBlocksProps {
     isListened?: boolean;
     isInBookmarks?: boolean;
     bookmarkAction?: (service: string, place: string) => void;
-    lightBox?: () => void;
+    lightBox?: lightBox | null;
     lang?: 'ru' | 'en';
 }

package/dist/ToolbarButton/ToolbarButton.types.d.ts

@@ -5,5 +5,5 @@ export interface ToolbarButtonProps {
     theme?: string;
     isActive?: boolean;
     onClick: (type: string) => void;
-    children: React.ReactNode;
+    children?: React.ReactNode | JSX.Element[] | JSX.Element;
 }

package/dist/ui-kit-2.cjs.development.js

@@ -1273,10 +1273,10 @@ var QuoteBlock = function QuoteBlock(_ref) {
 var styles$j = {"root":"CardTitle-module_root__1uqqF","index":"CardTitle-module_index__4FsTf","title":"CardTitle-module_title__2iTI6","mobile":"CardTitle-module_mobile__1_kij","desktop":"CardTitle-module_desktop__1l3_n"};
 
 var CardTitle = function CardTitle(_ref) {
-  var _ref$block = _ref.block,
-      onlyOn = _ref$block.only_on,
-      index = _ref$block.index,
-      text = _ref$block.text,
+  var _ref$block$data = _ref.block.data,
+      onlyOn = _ref$block$data.only_on,
+      index = _ref$block$data.index,
+      text = _ref$block$data.text,
       styleContext = _ref.styleContext;
   return React__default.createElement("div", {
     "data-testid": "card-title",
@@ -1311,7 +1311,7 @@ var generateGradient = function generateGradient(color) {
   return "linear-gradient(-180deg, " + gradient + ")";
 };
 
-var styles$l = {"root":"Cover-module_root__18Z8J"};
+var styles$l = {"root":"Cover-module_root__18Z8J","body":"Cover-module_body__1xs8e","image":"Cover-module_image__2f3Qc","rich":"Cover-module_rich__1fAGA","dark":"Cover-module_dark__2Ac-w","light":"Cover-module_light__FUp5X","control":"Cover-module_control__VXbhi","isInDynamicBlock":"Cover-module_isInDynamicBlock__3eghb","mobile":"Cover-module_mobile__5DKa1","desktop":"Cover-module_desktop__2mrOc"};
 
 var styles$m = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
 
@@ -1917,15 +1917,15 @@ var Cover = function Cover(_ref) {
       setIsPopoverShown = _useState[1];
 
   var style = {};
-  var theme;
-  var classNames = [[styles$l.root, true], [styles$l[theme], true], [styles$l[onlyOn], !!onlyOn && !!styles$l[onlyOn]]];
+  var classNames = [[styles$l.root, true], [styles$l[onlyOn], !!onlyOn && !!styles$l[onlyOn]]];
 
   if (styleContext) {
     classNames = makeStyleContext(classNames, styleContext, styles$l);
   }
 
   if (gradients) {
-    theme = gradients.text_rgb === '0,0,0' ? 'dark' : 'light';
+    var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
+    classNames = makeStyleContext(classNames, theme, styles$l);
     style.backgroundImage = generateGradient(gradients.bg_rgb);
   }