@redneckz/wildless-cms-uni-blocks 0.2.96 → 0.2.99

package/src/ui-kit/Icon/IconProps.ts

@@ -2,10 +2,12 @@
  * Icons sorted by name
  */
 export enum IconMap {
+  '',
   'ActualBalanceIcon',
   'AppleIcon',
   'CalendarCircleIcon',
   'CalendarIcon',
+  'CalendarWhiteIcon',
   'CardIcon',
   'CardPosIcon',
   'CardTickIcon',
@@ -17,6 +19,7 @@ export enum IconMap {
   'DollarIcon',
   'EmptyWalletChangeIcon',
   'EmptyWalletIcon',
+  'EmptyWalletWhiteIcon',
   'EuroIcon',
   'GlassIcon',
   'GridIcon',
@@ -31,6 +34,7 @@ export enum IconMap {
   'OkIcon',
   'PassSendIcon',
   'PercentageSquareIcon',
+  'PercentageSquareWhiteIcon',
   'PlayMarketIcon',
   'PlusIcon',
   'Profile2UserIcon',
@@ -48,10 +52,12 @@ export enum IconMap {
 /**
  * @title Иконка
  * @enumNames [
+ *    "",
  *    "Деньги",
  *    "Лого «Apple»",
  *    "Скруглённый календарь",
  *    "Календарь",
+ *    "Календарь белый",
  *    "Кред. карта",
  *    "Кред. карта под наклоном",
  *    "Кред. карта с галочкой",
@@ -63,6 +69,7 @@ export enum IconMap {
  *    "Доллар",
  *    "Пустой кошелёк с возвратом",
  *    "Пустой кошелёк",
+ *    "Пустой кошелёк белый",
  *    "Евро",
  *    "Зеркало",
  *    "Сетка",
@@ -77,6 +84,7 @@ export enum IconMap {
  *    "Лого «Одноклассники»",
  *    "Бизнес",
  *    "Проценты",
+ *    "Проценты белые",
  *    "Лого «PlayMarket»",
  *    "Плюс",
  *    "Профиль, 2 персоны",

package/src/ui-kit/Img.tsx

@@ -6,16 +6,29 @@ export interface TextWithImageProps {
   image: Picture;
 }
 
-export const Img = JSX<TextWithImageProps>(({ className, image }) => (
-  <picture className={`${className || ''}`}>
-    {image.sources?.length
-      ? image.sources.map(({ src, format }, index) => (
-          <source key={`${index}_${src}`} srcSet={src} type={formatToMimeType(format)} />
-        ))
-      : null}
-    <img src={image.src} alt={image.alt || image.title} title={image.title} {...image?.size} />
-  </picture>
-));
+export const Img = JSX<TextWithImageProps>(({ className, image: { size, ...image } }) => {
+  const style = {
+    width: size?.width ? `${size?.width}px` : '100%',
+    height: size?.height ? `${size?.height}px` : '100%',
+  };
+
+  return (
+    <picture className={`flex-none ${className || ''}`}>
+      {image.sources?.length
+        ? image.sources.map(({ src, format }, index) => (
+            <source key={`${index}_${src}`} srcSet={src} type={formatToMimeType(format)} />
+          ))
+        : null}
+      <img
+        src={image.src}
+        alt={image.alt || image.title}
+        title={image.title}
+        style={style}
+        {...size}
+      />
+    </picture>
+  );
+});
 
 export function formatToMimeType(format: ImgSource['format']): string | undefined {
   return format ? `image/${String(format)}` : undefined;