@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/Avatar/Avatar.js

@@ -1,64 +1,48 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "gradientColor", "initials", "fallbackIcon", "children"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { ImageBase } from '../ImageBase/ImageBase';
 import { AvatarBadge } from './AvatarBadge/AvatarBadge';
 import { AvatarBadgeWithPreset } from './AvatarBadge/AvatarBadgeWithPreset';
 import { getInitialsFontSize } from './helpers';
-import "./Avatar.module.css";
-export var AVATAR_DEFAULT_SIZE = 48;
-var COLORS_NUMBER_TO_TEXT_MAP = {
-  1: 'red',
-  2: 'orange',
-  3: 'yellow',
-  4: 'green',
-  5: 'l-blue',
-  6: 'violet'
+import styles from './Avatar.module.css';
+export const AVATAR_DEFAULT_SIZE = 48;
+const COLORS_NUMBER_TO_TEXT_MAP = {
+    1: 'red',
+    2: 'orange',
+    3: 'yellow',
+    4: 'green',
+    5: 'l-blue',
+    6: 'violet'
 };
-
-/**
- * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.
- * @example user.id % 6 + 1
- */
-
-var gradientStyles = {
-  'red': "vkuiAvatar--gradient-red",
-  'orange': "vkuiAvatar--gradient-orange",
-  'yellow': "vkuiAvatar--gradient-yellow",
-  'green': "vkuiAvatar--gradient-green",
-  'blue': "vkuiAvatar--gradient-blue",
-  'l-blue': "vkuiAvatar--gradient-l-blue",
-  'violet': "vkuiAvatar--gradient-violet"
+const gradientStyles = {
+    'red': styles['Avatar--gradient-red'],
+    'orange': styles['Avatar--gradient-orange'],
+    'yellow': styles['Avatar--gradient-yellow'],
+    'green': styles['Avatar--gradient-green'],
+    'blue': styles['Avatar--gradient-blue'],
+    'l-blue': styles['Avatar--gradient-l-blue'],
+    'violet': styles['Avatar--gradient-violet']
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/Avatar
- */
-export var Avatar = function Avatar(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
-    className = _ref.className,
-    gradientColor = _ref.gradientColor,
-    initials = _ref.initials,
-    fallbackIcon = _ref.fallbackIcon,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var gradientName = typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;
-  var isGradientNotCustom = gradientName && gradientName !== 'custom';
-  var rewrittenFallbackIcon = initials ? undefined : fallbackIcon;
-  return /*#__PURE__*/React.createElement(ImageBase, _extends({}, restProps, {
-    size: size,
-    fallbackIcon: rewrittenFallbackIcon,
-    className: classNames("vkuiAvatar", gradientName && "vkuiAvatar--has-gradient", isGradientNotCustom && gradientStyles[gradientName], className)
-  }), initials && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiAvatar__initials",
-    style: {
-      fontSize: getInitialsFontSize(size)
-    }
-  }, initials), children);
+ */ export const Avatar = ({ size =AVATAR_DEFAULT_SIZE , className , gradientColor , initials , fallbackIcon , children , ...restProps })=>{
+    const gradientName = typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;
+    const isGradientNotCustom = gradientName && gradientName !== 'custom';
+    const rewrittenFallbackIcon = initials ? undefined : fallbackIcon;
+    return /*#__PURE__*/ React.createElement(ImageBase, {
+        ...restProps,
+        size: size,
+        fallbackIcon: rewrittenFallbackIcon,
+        className: classNames(styles['Avatar'], gradientName && styles['Avatar--has-gradient'], isGradientNotCustom && gradientStyles[gradientName], className)
+    }, initials && /*#__PURE__*/ React.createElement("div", {
+        className: styles['Avatar__initials'],
+        style: {
+            fontSize: getInitialsFontSize(size)
+        }
+    }, initials), children);
 };
 Avatar.Badge = AvatarBadge;
 Avatar.BadgeWithPreset = AvatarBadgeWithPreset;
 Avatar.Overlay = ImageBase.Overlay;
+
 //# sourceMappingURL=Avatar.js.map

package/dist/cssm/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","classNames","ImageBase","AvatarBadge","AvatarBadgeWithPreset","getInitialsFontSize","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","Avatar","size","className","gradientColor","initials","fallbackIcon","children","restProps","gradientName","isGradientNotCustom","rewrittenFallbackIcon","undefined","fontSize","Badge","BadgeWithPreset","Overlay"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n  AvatarBadgeWithPreset,\n  type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nexport const AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n} as const;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n  | 'blue';\n\nconst gradientStyles = {\n  'red': styles['Avatar--gradient-red'],\n  'orange': styles['Avatar--gradient-orange'],\n  'yellow': styles['Avatar--gradient-yellow'],\n  'green': styles['Avatar--gradient-green'],\n  'blue': styles['Avatar--gradient-blue'],\n  'l-blue': styles['Avatar--gradient-l-blue'],\n  'violet': styles['Avatar--gradient-violet'],\n};\n\nexport interface AvatarProps extends ImageBaseProps {\n  /**\n   * Инициалы пользователя.\n   *\n   * > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n   *\n   * > ⚠️ Перебивает `fallbackIcon`.\n   */\n  initials?: string;\n  /**\n   * Задаёт градиент для фона.\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   * 2: 'orange'\n   * 3: 'yellow'\n   * 4: 'green'\n   * 5: 'l-blue'\n   * 6: 'violet'\n   *\n   * > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n   * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients | 'custom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  gradientColor,\n  initials,\n  fallbackIcon,\n  children,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n  const isGradientNotCustom = gradientName && gradientName !== 'custom';\n  const rewrittenFallbackIcon = initials ? undefined : fallbackIcon;\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      fallbackIcon={rewrittenFallbackIcon}\n      className={classNames(\n        styles['Avatar'],\n        gradientName && styles[`Avatar--has-gradient`],\n        isGradientNotCustom && gradientStyles[gradientName],\n        className,\n      )}\n    >\n      {initials && (\n        <div\n          className={styles['Avatar__initials']}\n          style={{\n            fontSize: getInitialsFontSize(size),\n          }}\n        >\n          {initials}\n        </div>\n      )}\n      {children}\n    </ImageBase>\n  );\n};\n\nAvatar.Badge = AvatarBadge;\n\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\n\nAvatar.Overlay = ImageBase.Overlay;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,SAAS,QAAyD,wBAAwB;AACnG,SAASC,WAAW,QAA+B,2BAA2B;AAC9E,SACEC,qBAAqB,QAEhB,qCAAqC;AAC5C,SAASC,mBAAmB,QAAQ,WAAW;AAAC;AAShD,OAAO,IAAMC,mBAAmB,GAAG,EAAE;AAErC,IAAMC,yBAAyB,GAAG;EAChC,CAAC,EAAE,KAAK;EACR,CAAC,EAAE,QAAQ;EACX,CAAC,EAAE,QAAQ;EACX,CAAC,EAAE,OAAO;EACV,CAAC,EAAE,QAAQ;EACX,CAAC,EAAE;AACL,CAAU;;AAEV;AACA;AACA;AACA;;AAOA,IAAMC,cAAc,GAAG;EACrB,KAAK,4BAAgC;EACrC,QAAQ,+BAAmC;EAC3C,QAAQ,+BAAmC;EAC3C,OAAO,8BAAkC;EACzC,MAAM,6BAAiC;EACvC,QAAQ,+BAAmC;EAC3C,QAAQ;AACV,CAAC;AA6BD;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAM,OAQA;EAAA,qBAPjBC,IAAI;IAAJA,IAAI,0BAAGJ,mBAAmB;IAC1BK,SAAS,QAATA,SAAS;IACTC,aAAa,QAAbA,aAAa;IACbC,QAAQ,QAARA,QAAQ;IACRC,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,IAAMC,YAAY,GAChB,OAAOL,aAAa,KAAK,QAAQ,GAAGL,yBAAyB,CAACK,aAAa,CAAC,GAAGA,aAAa;EAC9F,IAAMM,mBAAmB,GAAGD,YAAY,IAAIA,YAAY,KAAK,QAAQ;EACrE,IAAME,qBAAqB,GAAGN,QAAQ,GAAGO,SAAS,GAAGN,YAAY;EAEjE,oBACE,oBAAC,SAAS,eACJE,SAAS;IACb,IAAI,EAAEN,IAAK;IACX,YAAY,EAAES,qBAAsB;IACpC,SAAS,EAAElB,UAAU,eAEnBgB,YAAY,8BAAkC,EAC9CC,mBAAmB,IAAIV,cAAc,CAACS,YAAY,CAAC,EACnDN,SAAS;EACT,IAEDE,QAAQ,iBACP;IACE,SAAS,wBAA6B;IACtC,KAAK,EAAE;MACLQ,QAAQ,EAAEhB,mBAAmB,CAACK,IAAI;IACpC;EAAE,GAEDG,QAAQ,CAEZ,EACAE,QAAQ,CACC;AAEhB,CAAC;AAEDN,MAAM,CAACa,KAAK,GAAGnB,WAAW;AAE1BM,MAAM,CAACc,eAAe,GAAGnB,qBAAqB;AAE9CK,MAAM,CAACe,OAAO,GAAGtB,SAAS,CAACsB,OAAO"}
+{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n  AvatarBadgeWithPreset,\n  type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nexport const AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n} as const;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n  | 'blue';\n\nconst gradientStyles = {\n  'red': styles['Avatar--gradient-red'],\n  'orange': styles['Avatar--gradient-orange'],\n  'yellow': styles['Avatar--gradient-yellow'],\n  'green': styles['Avatar--gradient-green'],\n  'blue': styles['Avatar--gradient-blue'],\n  'l-blue': styles['Avatar--gradient-l-blue'],\n  'violet': styles['Avatar--gradient-violet'],\n};\n\nexport interface AvatarProps extends ImageBaseProps {\n  /**\n   * Инициалы пользователя.\n   *\n   * > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n   *\n   * > ⚠️ Перебивает `fallbackIcon`.\n   */\n  initials?: string;\n  /**\n   * Задаёт градиент для фона.\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   * 2: 'orange'\n   * 3: 'yellow'\n   * 4: 'green'\n   * 5: 'l-blue'\n   * 6: 'violet'\n   *\n   * > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n   * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients | 'custom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  gradientColor,\n  initials,\n  fallbackIcon,\n  children,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n  const isGradientNotCustom = gradientName && gradientName !== 'custom';\n  const rewrittenFallbackIcon = initials ? undefined : fallbackIcon;\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      fallbackIcon={rewrittenFallbackIcon}\n      className={classNames(\n        styles['Avatar'],\n        gradientName && styles['Avatar--has-gradient'],\n        isGradientNotCustom && gradientStyles[gradientName],\n        className,\n      )}\n    >\n      {initials && (\n        <div\n          className={styles['Avatar__initials']}\n          style={{\n            fontSize: getInitialsFontSize(size),\n          }}\n        >\n          {initials}\n        </div>\n      )}\n      {children}\n    </ImageBase>\n  );\n};\n\nAvatar.Badge = AvatarBadge;\n\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\n\nAvatar.Overlay = ImageBase.Overlay;\n"],"names":["React","classNames","ImageBase","AvatarBadge","AvatarBadgeWithPreset","getInitialsFontSize","styles","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","Avatar","size","className","gradientColor","initials","fallbackIcon","children","restProps","gradientName","isGradientNotCustom","rewrittenFallbackIcon","undefined","div","style","fontSize","Badge","BadgeWithPreset","Overlay"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,QAAyD,yBAAyB;AACpG,SAASC,WAAW,QAA+B,4BAA4B;AAC/E,SACEC,qBAAqB,QAEhB,sCAAsC;AAC7C,SAASC,mBAAmB,QAAQ,YAAY;AAChD,OAAOC,YAAY,sBAAsB;AAQzC,OAAO,MAAMC,sBAAsB,GAAG;AAEtC,MAAMC,4BAA4B;IAChC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAYA,MAAMC,iBAAiB;IACrB,OAAOH,MAAM,CAAC,uBAAuB;IACrC,UAAUA,MAAM,CAAC,0BAA0B;IAC3C,UAAUA,MAAM,CAAC,0BAA0B;IAC3C,SAASA,MAAM,CAAC,yBAAyB;IACzC,QAAQA,MAAM,CAAC,wBAAwB;IACvC,UAAUA,MAAM,CAAC,0BAA0B;IAC3C,UAAUA,MAAM,CAAC,0BAA0B;AAC7C;AA6BA;;CAEC,GACD,OAAO,MAAMI,SAAS,CAAC,EACrBC,MAAOJ,oBAAmB,EAC1BK,UAAS,EACTC,cAAa,EACbC,SAAQ,EACRC,aAAY,EACZC,SAAQ,EACR,GAAGC,WACS,GAAK;IACjB,MAAMC,eACJ,OAAOL,kBAAkB,WAAWL,yBAAyB,CAACK,cAAc,GAAGA,aAAa;IAC9F,MAAMM,sBAAsBD,gBAAgBA,iBAAiB;IAC7D,MAAME,wBAAwBN,WAAWO,YAAYN,YAAY;IAEjE,qBACE,oBAACb;QACE,GAAGe,SAAS;QACbN,MAAMA;QACNI,cAAcK;QACdR,WAAWX,WACTK,MAAM,CAAC,SAAS,EAChBY,gBAAgBZ,MAAM,CAAC,uBAAuB,EAC9Ca,uBAAuBV,cAAc,CAACS,aAAa,EACnDN;OAGDE,0BACC,oBAACQ;QACCV,WAAWN,MAAM,CAAC,mBAAmB;QACrCiB,OAAO;YACLC,UAAUnB,oBAAoBM;QAChC;OAECG,WAGJE;AAGP,EAAE;AAEFN,OAAOe,KAAK,GAAGtB;AAEfO,OAAOgB,eAAe,GAAGtB;AAEzBM,OAAOiB,OAAO,GAAGzB,UAAUyB,OAAO"}

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
-export declare type AvatarBadgeProps = ImageBaseBadgeProps;
+export type AvatarBadgeProps = ImageBaseBadgeProps;
 export declare const AvatarBadge: ({ className, ...restProps }: AvatarBadgeProps) => JSX.Element;

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.js

@@ -1,17 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { ImageBase, ImageBaseContext } from '../../ImageBase/ImageBase';
-import "./AvatarBadge.module.css";
-export var AvatarBadge = function AvatarBadge(_ref) {
-  var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ImageBaseContext),
-    size = _React$useContext.size;
-  return /*#__PURE__*/React.createElement(ImageBase.Badge, _extends({}, restProps, {
-    className: classNames("vkuiAvatarBadge", size < 96 && "vkuiAvatarBadge--shifted", className)
-  }));
+import styles from './AvatarBadge.module.css';
+export const AvatarBadge = ({ className , ...restProps })=>{
+    const { size  } = React.useContext(ImageBaseContext);
+    return /*#__PURE__*/ React.createElement(ImageBase.Badge, {
+        ...restProps,
+        className: classNames(styles['AvatarBadge'], size < 96 && styles['AvatarBadge--shifted'], className)
+    });
 };
+
 //# sourceMappingURL=AvatarBadge.js.map

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBadge.js","names":["React","classNames","ImageBase","ImageBaseContext","AvatarBadge","className","restProps","useContext","size"],"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './AvatarBadge.module.css';\n\nexport type AvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const AvatarBadge = ({ className, ...restProps }: AvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['AvatarBadge'],\n        size < 96 && styles['AvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,2BAA2B;AAAC;AAKlG,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OAAsD;EAAA,IAAhDC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACnD,wBAAiBN,KAAK,CAACO,UAAU,CAACJ,gBAAgB,CAAC;IAA3CK,IAAI,qBAAJA,IAAI;EACZ,oBACE,oBAAC,SAAS,CAAC,KAAK,eACVF,SAAS;IACb,SAAS,EAAEL,UAAU,oBAEnBO,IAAI,GAAG,EAAE,8BAAkC,EAC3CH,SAAS;EACT,GACF;AAEN,CAAC"}
+{"version":3,"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './AvatarBadge.module.css';\n\nexport type AvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const AvatarBadge = ({ className, ...restProps }: AvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['AvatarBadge'],\n        size < 96 && styles['AvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","ImageBase","ImageBaseContext","styles","AvatarBadge","className","restProps","size","useContext","Badge"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,4BAA4B;AAClG,OAAOC,YAAY,2BAA2B;AAI9C,OAAO,MAAMC,cAAc,CAAC,EAAEC,UAAS,EAAE,GAAGC,WAA6B,GAAK;IAC5E,MAAM,EAAEC,KAAI,EAAE,GAAGR,MAAMS,UAAU,CAACN;IAClC,qBACE,oBAACD,UAAUQ,KAAK;QACb,GAAGH,SAAS;QACbD,WAAWL,WACTG,MAAM,CAAC,cAAc,EACrBI,OAAO,MAAMJ,MAAM,CAAC,uBAAuB,EAC3CE;;AAIR,EAAE"}

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js

@@ -1,28 +1,22 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["preset", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { getBadgeIconSizeByImageBaseSize, ImageBase, ImageBaseContext } from '../../ImageBase/ImageBase';
 import { Icon12Circle, Icon12OnlineMobile } from './icons';
-import "./AvatarBadge.module.css";
-export var AvatarBadgeWithPreset = function AvatarBadgeWithPreset(_ref) {
-  var _ref$preset = _ref.preset,
-    preset = _ref$preset === void 0 ? 'online' : _ref$preset,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ImageBaseContext),
-    size = _React$useContext.size;
-  var badgeSize = getBadgeIconSizeByImageBaseSize(size);
-  var isOnlinePreset = preset === 'online';
-  var presetClassName = isOnlinePreset ? "vkuiAvatarBadge--preset-online" : "vkuiAvatarBadge--preset-onlineMobile";
-  var Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;
-  return /*#__PURE__*/React.createElement(ImageBase.Badge, _extends({
-    background: "stroke",
-    className: classNames("vkuiAvatarBadge", presetClassName, className)
-  }, restProps), /*#__PURE__*/React.createElement(Icon, {
-    width: badgeSize,
-    height: badgeSize
-  }));
+import styles from './AvatarBadge.module.css';
+export const AvatarBadgeWithPreset = ({ preset ='online' , className , ...restProps })=>{
+    const { size  } = React.useContext(ImageBaseContext);
+    const badgeSize = getBadgeIconSizeByImageBaseSize(size);
+    const isOnlinePreset = preset === 'online';
+    const presetClassName = isOnlinePreset ? styles['AvatarBadge--preset-online'] : styles['AvatarBadge--preset-onlineMobile'];
+    const Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;
+    return /*#__PURE__*/ React.createElement(ImageBase.Badge, {
+        background: "stroke",
+        className: classNames(styles['AvatarBadge'], presetClassName, className),
+        ...restProps
+    }, /*#__PURE__*/ React.createElement(Icon, {
+        width: badgeSize,
+        height: badgeSize
+    }));
 };
+
 //# sourceMappingURL=AvatarBadgeWithPreset.js.map

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBadgeWithPreset.js","names":["React","classNames","getBadgeIconSizeByImageBaseSize","ImageBase","ImageBaseContext","Icon12Circle","Icon12OnlineMobile","AvatarBadgeWithPreset","preset","className","restProps","useContext","size","badgeSize","isOnlinePreset","presetClassName","Icon"],"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  ImageBase,\n  type ImageBaseBadgeProps,\n  ImageBaseContext,\n} from '../../ImageBase/ImageBase';\nimport { Icon12Circle, Icon12OnlineMobile } from './icons';\nimport styles from './AvatarBadge.module.css';\n\nexport interface AvatarBadgeWithPresetProps\n  extends Omit<ImageBaseBadgeProps, 'background' | 'children'> {\n  /**\n   * Использует предзаданные настройки.\n   *\n   * За каждым пресетом закреплена своя иконка и стили.\n   */\n  preset?: 'online' | 'online-mobile';\n}\n\nexport const AvatarBadgeWithPreset = ({\n  preset = 'online',\n  className,\n  ...restProps\n}: AvatarBadgeWithPresetProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  const badgeSize = getBadgeIconSizeByImageBaseSize(size);\n  const isOnlinePreset = preset === 'online';\n  const presetClassName = isOnlinePreset\n    ? styles[`AvatarBadge--preset-online`]\n    : styles[`AvatarBadge--preset-onlineMobile`];\n  const Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;\n\n  return (\n    <ImageBase.Badge\n      background=\"stroke\"\n      className={classNames(styles['AvatarBadge'], presetClassName, className)}\n      {...restProps}\n    >\n      <Icon width={badgeSize} height={badgeSize} />\n    </ImageBase.Badge>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SACEC,+BAA+B,EAC/BC,SAAS,EAETC,gBAAgB,QACX,2BAA2B;AAClC,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,SAAS;AAAC;AAa3D,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,OAIA;EAAA,uBAHhCC,MAAM;IAANA,MAAM,4BAAG,QAAQ;IACjBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,wBAAiBV,KAAK,CAACW,UAAU,CAACP,gBAAgB,CAAC;IAA3CQ,IAAI,qBAAJA,IAAI;EACZ,IAAMC,SAAS,GAAGX,+BAA+B,CAACU,IAAI,CAAC;EACvD,IAAME,cAAc,GAAGN,MAAM,KAAK,QAAQ;EAC1C,IAAMO,eAAe,GAAGD,cAAc,4EAEQ;EAC9C,IAAME,IAAI,GAAGF,cAAc,GAAGT,YAAY,GAAGC,kBAAkB;EAE/D,oBACE,oBAAC,SAAS,CAAC,KAAK;IACd,UAAU,EAAC,QAAQ;IACnB,SAAS,EAAEL,UAAU,oBAAwBc,eAAe,EAAEN,SAAS;EAAE,GACrEC,SAAS,gBAEb,oBAAC,IAAI;IAAC,KAAK,EAAEG,SAAU;IAAC,MAAM,EAAEA;EAAU,EAAG,CAC7B;AAEtB,CAAC"}
+{"version":3,"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  ImageBase,\n  type ImageBaseBadgeProps,\n  ImageBaseContext,\n} from '../../ImageBase/ImageBase';\nimport { Icon12Circle, Icon12OnlineMobile } from './icons';\nimport styles from './AvatarBadge.module.css';\n\nexport interface AvatarBadgeWithPresetProps\n  extends Omit<ImageBaseBadgeProps, 'background' | 'children'> {\n  /**\n   * Использует предзаданные настройки.\n   *\n   * За каждым пресетом закреплена своя иконка и стили.\n   */\n  preset?: 'online' | 'online-mobile';\n}\n\nexport const AvatarBadgeWithPreset = ({\n  preset = 'online',\n  className,\n  ...restProps\n}: AvatarBadgeWithPresetProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  const badgeSize = getBadgeIconSizeByImageBaseSize(size);\n  const isOnlinePreset = preset === 'online';\n  const presetClassName = isOnlinePreset\n    ? styles['AvatarBadge--preset-online']\n    : styles['AvatarBadge--preset-onlineMobile'];\n  const Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;\n\n  return (\n    <ImageBase.Badge\n      background=\"stroke\"\n      className={classNames(styles['AvatarBadge'], presetClassName, className)}\n      {...restProps}\n    >\n      <Icon width={badgeSize} height={badgeSize} />\n    </ImageBase.Badge>\n  );\n};\n"],"names":["React","classNames","getBadgeIconSizeByImageBaseSize","ImageBase","ImageBaseContext","Icon12Circle","Icon12OnlineMobile","styles","AvatarBadgeWithPreset","preset","className","restProps","size","useContext","badgeSize","isOnlinePreset","presetClassName","Icon","Badge","background","width","height"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SACEC,+BAA+B,EAC/BC,SAAS,EAETC,gBAAgB,QACX,4BAA4B;AACnC,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,UAAU;AAC3D,OAAOC,YAAY,2BAA2B;AAY9C,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAS,SAAQ,EACjBC,UAAS,EACT,GAAGC,WACwB,GAAK;IAChC,MAAM,EAAEC,KAAI,EAAE,GAAGZ,MAAMa,UAAU,CAACT;IAClC,MAAMU,YAAYZ,gCAAgCU;IAClD,MAAMG,iBAAiBN,WAAW;IAClC,MAAMO,kBAAkBD,iBACpBR,MAAM,CAAC,6BAA6B,GACpCA,MAAM,CAAC,mCAAmC;IAC9C,MAAMU,OAAOF,iBAAiBV,eAAeC,kBAAkB;IAE/D,qBACE,oBAACH,UAAUe,KAAK;QACdC,YAAW;QACXT,WAAWT,WAAWM,MAAM,CAAC,cAAc,EAAES,iBAAiBN;QAC7D,GAAGC,SAAS;qBAEb,oBAACM;QAAKG,OAAON;QAAWO,QAAQP;;AAGtC,EAAE"}

package/dist/cssm/components/Avatar/AvatarBadge/icons.js

@@ -1,29 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["width", "height"],
-  _excluded2 = ["width", "height"];
 import * as React from 'react';
 import { Icon12Circle as Icon12CircleLib, Icon12OnlineMobile as Icon12OnlineMobileLib } from '@vkontakte/icons';
-export var Icon12Circle = function Icon12Circle(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 12 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 12 : _ref$height,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Icon12CircleLib, _extends({}, restProps, {
-    width: width >= 24 ? 15 : 12,
-    height: height >= 24 ? 15 : 12
-  }));
+export const Icon12Circle = ({ width =12 , height =12 , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Icon12CircleLib, {
+        ...restProps,
+        width: width >= 24 ? 15 : 12,
+        height: height >= 24 ? 15 : 12
+    });
 };
-export var Icon12OnlineMobile = function Icon12OnlineMobile(_ref2) {
-  var _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? 8 : _ref2$width,
-    _ref2$height = _ref2.height,
-    height = _ref2$height === void 0 ? 12 : _ref2$height,
-    restProps = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(Icon12OnlineMobileLib, _extends({}, restProps, {
-    width: width >= 24 ? 9 : 8,
-    height: height >= 24 ? 15 : 12
-  }));
+export const Icon12OnlineMobile = ({ width =8 , height =12 , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Icon12OnlineMobileLib, {
+        ...restProps,
+        width: width >= 24 ? 9 : 8,
+        height: height >= 24 ? 15 : 12
+    });
 };
+
 //# sourceMappingURL=icons.js.map

package/dist/cssm/components/Avatar/AvatarBadge/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","names":["React","Icon12Circle","Icon12CircleLib","Icon12OnlineMobile","Icon12OnlineMobileLib","width","height","restProps"],"sources":["../../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Circle as Icon12CircleLib,\n  Icon12OnlineMobile as Icon12OnlineMobileLib,\n} from '@vkontakte/icons';\n\nexport const Icon12Circle = ({\n  width = 12,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12CircleLib>) => {\n  return (\n    <Icon12CircleLib {...restProps} width={width >= 24 ? 15 : 12} height={height >= 24 ? 15 : 12} />\n  );\n};\n\nexport const Icon12OnlineMobile = ({\n  width = 8,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12OnlineMobileLib>) => {\n  return (\n    <Icon12OnlineMobileLib\n      {...restProps}\n      width={width >= 24 ? 9 : 8}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,YAAY,IAAIC,eAAe,EAC/BC,kBAAkB,IAAIC,qBAAqB,QACtC,kBAAkB;AAEzB,OAAO,IAAMH,YAAY,GAAG,SAAfA,YAAY,OAI2B;EAAA,sBAHlDI,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,mBACVC,MAAM;IAANA,MAAM,4BAAG,EAAE;IACRC,SAAS;EAEZ,oBACE,oBAAC,eAAe,eAAKA,SAAS;IAAE,KAAK,EAAEF,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAG;IAAC,MAAM,EAAEC,MAAM,IAAI,EAAE,GAAG,EAAE,GAAG;EAAG,GAAG;AAEpG,CAAC;AAED,OAAO,IAAMH,kBAAkB,GAAG,SAArBA,kBAAkB,QAI2B;EAAA,wBAHxDE,KAAK;IAALA,KAAK,4BAAG,CAAC;IAAA,qBACTC,MAAM;IAANA,MAAM,6BAAG,EAAE;IACRC,SAAS;EAEZ,oBACE,oBAAC,qBAAqB,eAChBA,SAAS;IACb,KAAK,EAAEF,KAAK,IAAI,EAAE,GAAG,CAAC,GAAG,CAAE;IAC3B,MAAM,EAAEC,MAAM,IAAI,EAAE,GAAG,EAAE,GAAG;EAAG,GAC/B;AAEN,CAAC"}
+{"version":3,"sources":["../../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Circle as Icon12CircleLib,\n  Icon12OnlineMobile as Icon12OnlineMobileLib,\n} from '@vkontakte/icons';\n\nexport const Icon12Circle = ({\n  width = 12,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12CircleLib>) => {\n  return (\n    <Icon12CircleLib {...restProps} width={width >= 24 ? 15 : 12} height={height >= 24 ? 15 : 12} />\n  );\n};\n\nexport const Icon12OnlineMobile = ({\n  width = 8,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12OnlineMobileLib>) => {\n  return (\n    <Icon12OnlineMobileLib\n      {...restProps}\n      width={width >= 24 ? 9 : 8}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n"],"names":["React","Icon12Circle","Icon12CircleLib","Icon12OnlineMobile","Icon12OnlineMobileLib","width","height","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,gBAAgBC,eAAe,EAC/BC,sBAAsBC,qBAAqB,QACtC,mBAAmB;AAE1B,OAAO,MAAMH,eAAe,CAAC,EAC3BI,OAAQ,GAAE,EACVC,QAAS,GAAE,EACX,GAAGC,WAC0C,GAAK;IAClD,qBACE,oBAACL;QAAiB,GAAGK,SAAS;QAAEF,OAAOA,SAAS,KAAK,KAAK,EAAE;QAAEC,QAAQA,UAAU,KAAK,KAAK,EAAE;;AAEhG,EAAE;AAEF,OAAO,MAAMH,qBAAqB,CAAC,EACjCE,OAAQ,EAAC,EACTC,QAAS,GAAE,EACX,GAAGC,WACgD,GAAK;IACxD,qBACE,oBAACH;QACE,GAAGG,SAAS;QACbF,OAAOA,SAAS,KAAK,IAAI,CAAC;QAC1BC,QAAQA,UAAU,KAAK,KAAK,EAAE;;AAGpC,EAAE"}

package/dist/cssm/components/Avatar/helpers.js

@@ -1,34 +1,33 @@
-var MAX_FONT_SIZE = 30;
-var MAX_IMAGE_BASE_SIZE = 96;
-var RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;
-
+const MAX_FONT_SIZE = 30;
+const MAX_IMAGE_BASE_SIZE = 96;
+const RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;
 /**
  * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.
- */
-export function getInitialsFontSize(avatarSize) {
-  if (avatarSize <= 16) {
-    return 5;
-  } else if (avatarSize <= 24) {
-    return 8;
-  } else if (avatarSize <= 32) {
-    return 10;
-  } else if (avatarSize <= 36) {
-    return 13;
-  } else if (avatarSize <= 44) {
-    return 14;
-  } else if (avatarSize <= 48) {
-    return 17;
-  } else if (avatarSize < 56) {
-    return 18;
-  } else if (avatarSize <= 64) {
-    return 21;
-  } else if (avatarSize <= 88) {
-    return 26;
-  } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {
-    return MAX_FONT_SIZE;
-  }
-  var calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);
-  var evenFix = calculatedFontSize % 2;
-  return calculatedFontSize + evenFix;
+ */ export function getInitialsFontSize(avatarSize) {
+    if (avatarSize <= 16) {
+        return 5;
+    } else if (avatarSize <= 24) {
+        return 8;
+    } else if (avatarSize <= 32) {
+        return 10;
+    } else if (avatarSize <= 36) {
+        return 13;
+    } else if (avatarSize <= 44) {
+        return 14;
+    } else if (avatarSize <= 48) {
+        return 17;
+    } else if (avatarSize < 56) {
+        return 18;
+    } else if (avatarSize <= 64) {
+        return 21;
+    } else if (avatarSize <= 88) {
+        return 26;
+    } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {
+        return MAX_FONT_SIZE;
+    }
+    const calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);
+    const evenFix = calculatedFontSize % 2;
+    return calculatedFontSize + evenFix;
 }
+
 //# sourceMappingURL=helpers.js.map

package/dist/cssm/components/Avatar/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["MAX_FONT_SIZE","MAX_IMAGE_BASE_SIZE","RELATIVE_SIZE","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix"],"sources":["../../../../src/components/Avatar/helpers.ts"],"sourcesContent":["import type { ImageBaseSize } from '../ImageBase/ImageBase';\n\nconst MAX_FONT_SIZE = 30;\nconst MAX_IMAGE_BASE_SIZE: ImageBaseSize = 96;\nconst RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;\n\n/**\n * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.\n */\nexport function getInitialsFontSize(avatarSize: number): number {\n  if (avatarSize <= 16) {\n    return 5;\n  } else if (avatarSize <= 24) {\n    return 8;\n  } else if (avatarSize <= 32) {\n    return 10;\n  } else if (avatarSize <= 36) {\n    return 13;\n  } else if (avatarSize <= 44) {\n    return 14;\n  } else if (avatarSize <= 48) {\n    return 17;\n  } else if (avatarSize < 56) {\n    return 18;\n  } else if (avatarSize <= 64) {\n    return 21;\n  } else if (avatarSize <= 88) {\n    return 26;\n  } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {\n    return MAX_FONT_SIZE;\n  }\n\n  const calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n"],"mappings":"AAEA,IAAMA,aAAa,GAAG,EAAE;AACxB,IAAMC,mBAAkC,GAAG,EAAE;AAC7C,IAAMC,aAAa,GAAGF,aAAa,GAAGC,mBAAmB;;AAEzD;AACA;AACA;AACA,OAAO,SAASE,mBAAmB,CAACC,UAAkB,EAAU;EAC9D,IAAIA,UAAU,IAAI,EAAE,EAAE;IACpB,OAAO,CAAC;EACV,CAAC,MAAM,IAAIA,UAAU,IAAI,EAAE,EAAE;IAC3B,OAAO,CAAC;EACV,CAAC,MAAM,IAAIA,UAAU,IAAI,EAAE,EAAE;IAC3B,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,UAAU,IAAI,EAAE,EAAE;IAC3B,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,UAAU,IAAI,EAAE,EAAE;IAC3B,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,UAAU,IAAI,EAAE,EAAE;IAC3B,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,UAAU,GAAG,EAAE,EAAE;IAC1B,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,UAAU,IAAI,EAAE,EAAE;IAC3B,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,UAAU,IAAI,EAAE,EAAE;IAC3B,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,UAAU,IAAIH,mBAAmB,EAAE;IAC5C,OAAOD,aAAa;EACtB;EAEA,IAAMK,kBAAkB,GAAGC,IAAI,CAACC,IAAI,CAACH,UAAU,GAAGF,aAAa,CAAC;EAChE,IAAMM,OAAO,GAAGH,kBAAkB,GAAG,CAAC;EACtC,OAAOA,kBAAkB,GAAGG,OAAO;AACrC"}
+{"version":3,"sources":["../../../../src/components/Avatar/helpers.ts"],"sourcesContent":["import type { ImageBaseSize } from '../ImageBase/ImageBase';\n\nconst MAX_FONT_SIZE = 30;\nconst MAX_IMAGE_BASE_SIZE: ImageBaseSize = 96;\nconst RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;\n\n/**\n * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.\n */\nexport function getInitialsFontSize(avatarSize: number): number {\n  if (avatarSize <= 16) {\n    return 5;\n  } else if (avatarSize <= 24) {\n    return 8;\n  } else if (avatarSize <= 32) {\n    return 10;\n  } else if (avatarSize <= 36) {\n    return 13;\n  } else if (avatarSize <= 44) {\n    return 14;\n  } else if (avatarSize <= 48) {\n    return 17;\n  } else if (avatarSize < 56) {\n    return 18;\n  } else if (avatarSize <= 64) {\n    return 21;\n  } else if (avatarSize <= 88) {\n    return 26;\n  } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {\n    return MAX_FONT_SIZE;\n  }\n\n  const calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n"],"names":["MAX_FONT_SIZE","MAX_IMAGE_BASE_SIZE","RELATIVE_SIZE","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix"],"mappings":"AAEA,MAAMA,gBAAgB;AACtB,MAAMC,sBAAqC;AAC3C,MAAMC,gBAAgBF,gBAAgBC;AAEtC;;CAEC,GACD,OAAO,SAASE,oBAAoBC,UAAkB,EAAU;IAC9D,IAAIA,cAAc,IAAI;QACpB,OAAO;IACT,OAAO,IAAIA,cAAc,IAAI;QAC3B,OAAO;IACT,OAAO,IAAIA,cAAc,IAAI;QAC3B,OAAO;IACT,OAAO,IAAIA,cAAc,IAAI;QAC3B,OAAO;IACT,OAAO,IAAIA,cAAc,IAAI;QAC3B,OAAO;IACT,OAAO,IAAIA,cAAc,IAAI;QAC3B,OAAO;IACT,OAAO,IAAIA,aAAa,IAAI;QAC1B,OAAO;IACT,OAAO,IAAIA,cAAc,IAAI;QAC3B,OAAO;IACT,OAAO,IAAIA,cAAc,IAAI;QAC3B,OAAO;IACT,OAAO,IAAIA,cAAcH,qBAAqB;QAC5C,OAAOD;IACT,CAAC;IAED,MAAMK,qBAAqBC,KAAKC,IAAI,CAACH,aAAaF;IAClD,MAAMM,UAAUH,qBAAqB;IACrC,OAAOA,qBAAqBG;AAC9B,CAAC"}

package/dist/cssm/components/Badge/Badge.js

@@ -1,23 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import "./Badge.module.css";
+import styles from './Badge.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Badge
- */
-export var Badge = function Badge(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'new' : _ref$mode,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: classNames("vkuiBadge", styles["Badge--mode-".concat(mode)], className)
-  }, restProps));
-};
-var styles = {
-  "Badge--mode-new": "vkuiBadge--mode-new",
-  "Badge--mode-prominent": "vkuiBadge--mode-prominent"
-};
+ */ export const Badge = ({ mode ='new' , className , ...restProps })=>/*#__PURE__*/ React.createElement("span", {
+        className: classNames(styles['Badge'], {
+            new: styles['Badge--mode-new'],
+            prominent: styles['Badge--mode-prominent']
+        }[mode], className),
+        ...restProps
+    });
+
 //# sourceMappingURL=Badge.js.map

package/dist/cssm/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["React","classNames","Badge","mode","className","restProps","styles"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Badge.module.css';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: 'new' | 'prominent';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = 'new', className, ...restProps }: BadgeProps) => (\n  <span\n    className={classNames(styles['Badge'], styles[`Badge--mode-${mode}`], className)}\n    {...restProps}\n  />\n);\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAO7C;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,qBAAMC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAAA,oBAC3D;IACE,SAAS,EAAEJ,UAAU,cAAkBK,MAAM,uBAAgBH,IAAI,EAAG,EAAEC,SAAS;EAAE,GAC7EC,SAAS,EACb;AAAA,CACH;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Badge.module.css';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: 'new' | 'prominent';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = 'new', className, ...restProps }: BadgeProps) => (\n  <span\n    className={classNames(\n      styles['Badge'],\n      {\n        new: styles['Badge--mode-new'],\n        prominent: styles['Badge--mode-prominent'],\n      }[mode],\n      className,\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","styles","Badge","mode","className","restProps","span","new","prominent"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,YAAY,qBAAqB;AAMxC;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EAAEC,MAAO,MAAK,EAAEC,UAAS,EAAE,GAAGC,WAAuB,iBACzE,oBAACC;QACCF,WAAWJ,WACTC,MAAM,CAAC,QAAQ,EACf;YACEM,KAAKN,MAAM,CAAC,kBAAkB;YAC9BO,WAAWP,MAAM,CAAC,wBAAwB;QAC5C,CAAC,CAACE,KAAK,EACPC;QAED,GAAGC,SAAS;OAEf"}

package/dist/cssm/components/Banner/Banner.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HasRootRef } from '../../types';
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLElement> {
     /**
      * Тип баннера.
      */
@@ -71,4 +72,4 @@ export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/Banner
  */
-export declare const Banner: ({ mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions, onDismiss, dismissLabel, className, ...restProps }: BannerProps) => JSX.Element;
+export declare const Banner: ({ mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions, onDismiss, dismissLabel, className, getRootRef, ...restProps }: BannerProps) => JSX.Element;

package/dist/cssm/components/Banner/Banner.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "imageTheme", "size", "before", "asideMode", "header", "subheader", "text", "children", "background", "actions", "onDismiss", "dismissLabel", "className"];
 import * as React from 'react';
 import { Icon24Cancel, Icon24Chevron, Icon24DismissDark, Icon24DismissSubstract } from '@vkontakte/icons';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
@@ -12,78 +9,58 @@ import { Headline } from '../Typography/Headline/Headline';
 import { Subhead } from '../Typography/Subhead/Subhead';
 import { Text } from '../Typography/Text/Text';
 import { Title } from '../Typography/Title/Title';
-import "./Banner.module.css";
+import styles from './Banner.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Banner
- */
-export var Banner = function Banner(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'tint' : _ref$mode,
-    _ref$imageTheme = _ref.imageTheme,
-    imageTheme = _ref$imageTheme === void 0 ? 'dark' : _ref$imageTheme,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 's' : _ref$size,
-    before = _ref.before,
-    asideMode = _ref.asideMode,
-    header = _ref.header,
-    subheader = _ref.subheader,
-    text = _ref.text,
-    children = _ref.children,
-    background = _ref.background,
-    actions = _ref.actions,
-    onDismiss = _ref.onDismiss,
-    _ref$dismissLabel = _ref.dismissLabel,
-    dismissLabel = _ref$dismissLabel === void 0 ? 'Скрыть' : _ref$dismissLabel,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var HeaderTypography = size === 'm' ? Title : Headline;
-  var SubheaderTypography = size === 'm' ? Text : Subhead;
-  var IconDismissIOS = mode === 'image' ? Icon24DismissDark : Icon24DismissSubstract;
-  var content = /*#__PURE__*/React.createElement(React.Fragment, null, mode === 'image' && background && /*#__PURE__*/React.createElement("div", {
-    "aria-hidden": true,
-    className: "vkuiBanner__bg"
-  }, background), before && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiBanner__before"
-  }, before), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiBanner__content"
-  }, hasReactNode(header) && /*#__PURE__*/React.createElement(HeaderTypography, {
-    Component: "span",
-    className: "vkuiBanner__header",
-    weight: "2",
-    level: size === 'm' ? '2' : '1'
-  }, header), hasReactNode(subheader) && /*#__PURE__*/React.createElement(SubheaderTypography, {
-    Component: "span",
-    className: "vkuiBanner__subheader"
-  }, subheader), hasReactNode(text) && /*#__PURE__*/React.createElement(Text, {
-    className: "vkuiBanner__text"
-  }, text), hasReactNode(actions) && React.Children.count(actions) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiBanner__actions"
-  }, actions)));
-  return /*#__PURE__*/React.createElement("section", _extends({}, restProps, {
-    className: classNames("vkuiBanner", platform === Platform.IOS && "vkuiBanner--ios", styles["Banner--mode-".concat(mode)], styles["Banner--size-".concat(size)], mode === 'image' && imageTheme === 'dark' && "vkuiBanner--inverted", className)
-  }), asideMode === 'expand' ? /*#__PURE__*/React.createElement(Tappable, {
-    className: "vkuiBanner__in",
-    activeMode: platform === Platform.IOS ? 'opacity' : 'background',
-    role: "button"
-  }, content, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiBanner__aside"
-  }, /*#__PURE__*/React.createElement(Icon24Chevron, null))) : /*#__PURE__*/React.createElement("div", {
-    className: "vkuiBanner__in"
-  }, content, asideMode === 'dismiss' && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiBanner__aside"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": dismissLabel,
-    className: "vkuiBanner__dismiss",
-    onClick: onDismiss,
-    hoverMode: "opacity",
-    hasActive: false
-  }, platform === Platform.IOS ? /*#__PURE__*/React.createElement(IconDismissIOS, null) : /*#__PURE__*/React.createElement(Icon24Cancel, null)))));
-};
-var styles = {
-  "Banner--mode-image": "vkuiBanner--mode-image",
-  "Banner--mode-tint": "vkuiBanner--mode-tint",
-  "Banner--size-s": "vkuiBanner--size-s",
-  "Banner--size-m": "vkuiBanner--size-m"
+ */ export const Banner = ({ mode ='tint' , imageTheme ='dark' , size ='s' , before , asideMode , header , subheader , text , children , background , actions , onDismiss , dismissLabel ='Скрыть' , className , getRootRef , ...restProps })=>{
+    const platform = usePlatform();
+    const HeaderTypography = size === 'm' ? Title : Headline;
+    const SubheaderTypography = size === 'm' ? Text : Subhead;
+    const IconDismissIOS = mode === 'image' ? Icon24DismissDark : Icon24DismissSubstract;
+    const content = /*#__PURE__*/ React.createElement(React.Fragment, null, mode === 'image' && background && /*#__PURE__*/ React.createElement("div", {
+        "aria-hidden": true,
+        className: styles['Banner__bg']
+    }, background), before && /*#__PURE__*/ React.createElement("div", {
+        className: styles['Banner__before']
+    }, before), /*#__PURE__*/ React.createElement("div", {
+        className: styles['Banner__content']
+    }, hasReactNode(header) && /*#__PURE__*/ React.createElement(HeaderTypography, {
+        Component: "span",
+        className: styles['Banner__header'],
+        weight: "2",
+        level: size === 'm' ? '2' : '1'
+    }, header), hasReactNode(subheader) && /*#__PURE__*/ React.createElement(SubheaderTypography, {
+        Component: "span",
+        className: styles['Banner__subheader']
+    }, subheader), hasReactNode(text) && /*#__PURE__*/ React.createElement(Text, {
+        className: styles['Banner__text']
+    }, text), hasReactNode(actions) && React.Children.count(actions) > 0 && /*#__PURE__*/ React.createElement("div", {
+        className: styles['Banner__actions']
+    }, actions)));
+    return /*#__PURE__*/ React.createElement("section", {
+        ...restProps,
+        className: classNames(styles['Banner'], platform === Platform.IOS && styles['Banner--ios'], mode === 'image' && styles['Banner--mode-image'], {
+            s: styles['Banner--size-s'],
+            m: styles['Banner--size-m']
+        }[size], mode === 'image' && imageTheme === 'dark' && styles['Banner--inverted'], className),
+        ref: getRootRef
+    }, asideMode === 'expand' ? /*#__PURE__*/ React.createElement(Tappable, {
+        className: styles['Banner__in'],
+        activeMode: platform === Platform.IOS ? 'opacity' : 'background',
+        role: "button"
+    }, content, /*#__PURE__*/ React.createElement("div", {
+        className: styles['Banner__aside']
+    }, /*#__PURE__*/ React.createElement(Icon24Chevron, null))) : /*#__PURE__*/ React.createElement("div", {
+        className: styles['Banner__in']
+    }, content, asideMode === 'dismiss' && /*#__PURE__*/ React.createElement("div", {
+        className: styles['Banner__aside']
+    }, /*#__PURE__*/ React.createElement(IconButton, {
+        "aria-label": dismissLabel,
+        className: styles['Banner__dismiss'],
+        onClick: onDismiss,
+        hoverMode: "opacity",
+        hasActive: false
+    }, platform === Platform.IOS ? /*#__PURE__*/ React.createElement(IconDismissIOS, null) : /*#__PURE__*/ React.createElement(Icon24Cancel, null)))));
 };
+
 //# sourceMappingURL=Banner.js.map