@vkontakte/vkui 4.37.0 → 4.37.2

package/dist/components/WriteBar/WriteBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","hasReactNode","isFunction","classNames","IOS","WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","isControlledOutside","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","useEffect","e","preventDefault"],"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"WriteBar\",\n        platform === IOS && \"WriteBar--ios\",\n        shadow && \"WriteBar--shadow\"\n      )}\n      className={className}\n      style={style}\n    >\n      <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n        {hasReactNode(before) && (\n          <div vkuiClass=\"WriteBar__before\">{before}</div>\n        )}\n\n        <div vkuiClass=\"WriteBar__formIn\">\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n      </form>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","hasReactNode","isFunction","classNames","IOS","WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","isControlledOutside","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","useEffect"],"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"WriteBar\",\n        platform === IOS && \"WriteBar--ios\",\n        shadow && \"WriteBar--shadow\"\n      )}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"WriteBar__form\">\n        {hasReactNode(before) && (\n          <div vkuiClass=\"WriteBar__before\">{before}</div>\n        )}\n\n        <div vkuiClass=\"WriteBar__formIn\">\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/WriteBarIcon/WriteBarIcon.js

@@ -28,17 +28,29 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
 
   switch (mode) {
     case "attach":
-      icon = platform === IOS ? createScopedElement(Icon28AddCircleOutline, null) : createScopedElement(Icon28AttachOutline, null);
+      icon = platform === IOS ? createScopedElement(Icon28AddCircleOutline, {
+        "aria-hidden": true
+      }) : createScopedElement(Icon28AttachOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Прикрепить файл";
       break;
 
     case "send":
-      icon = platform === IOS ? createScopedElement(Icon48WritebarSend, null) : createScopedElement(Icon24Send, null);
+      icon = platform === IOS ? createScopedElement(Icon48WritebarSend, {
+        "aria-hidden": true
+      }) : createScopedElement(Icon24Send, {
+        "aria-hidden": true
+      });
       ariaLabel = "Отправить";
       break;
 
     case "done":
-      icon = platform === IOS ? createScopedElement(Icon48WritebarDone, null) : createScopedElement(Icon28CheckCircleOutline, null);
+      icon = platform === IOS ? createScopedElement(Icon48WritebarDone, {
+        "aria-hidden": true
+      }) : createScopedElement(Icon28CheckCircleOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Готово";
       break;
 

package/dist/components/WriteBarIcon/WriteBarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"WriteBarIcon.js","names":["Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","classNames","IOS","Platform","Counter","Tappable","warnOnce","hasReactNode","warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined"],"sources":["../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n      \"error\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      vkuiClass={classNames(\n        \"WriteBarIcon\",\n        platform === Platform.IOS && \"WriteBarIcon--ios\",\n        !!mode && `WriteBarIcon--${mode}`\n      )}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;AACA,SACEA,UADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,wBAJF,EAKEC,kBALF,EAMEC,kBANF,QAOO,kBAPP;AAQA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AAoBA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,cAAD,CAArB;AACA,IAAMG,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;;EACvB,IAAMC,QAAQ,GAAGlB,WAAW,EAA5B;EAEA,IAAImB,IAAJ;EACA,IAAIC,SAA6B,GAAGC,SAApC;;EAEA,QAAQP,IAAR;IACE,KAAK,QAAL;MACEK,IAAI,GACFD,QAAQ,KAAKhB,GAAb,GAAmB,oBAAC,sBAAD,OAAnB,GAAgD,oBAAC,mBAAD,OADlD;MAEAkB,SAAS,GAAG,iBAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GAAGD,QAAQ,KAAKhB,GAAb,GAAmB,oBAAC,kBAAD,OAAnB,GAA4C,oBAAC,UAAD,OAAnD;MACAkB,SAAS,GAAG,WAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFD,QAAQ,KAAKhB,GAAb,GACE,oBAAC,kBAAD,OADF,GAGE,oBAAC,wBAAD,OAJJ;MAMAkB,SAAS,GAAG,QAAZ;MACA;;IAEF;MACE;EAvBJ;;EA0BA,IAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;IACpDZ,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;EAID;;EAED,OACE,oBAAC,QAAD;IACE,cAAYY;EADd,GAEMH,SAFN;IAGE,SAAS,EAAC,QAHZ;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,sBALb;IAME,SAAS,EAAEhB,UAAU,CACnB,cADmB,EAEnBiB,QAAQ,KAAKf,QAAQ,CAACD,GAAtB,IAA6B,mBAFV,EAGnB,CAAC,CAACY,IAAF,4BAA2BA,IAA3B,CAHmB;EANvB,IAYE;IAAM,SAAS,EAAC;EAAhB,GACGK,IAAI,IAAIJ,QADX,EAEGR,YAAY,CAACS,KAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC,uBAAnB;IAA2C,IAAI,EAAC;EAAhD,GACGA,KADH,CAHJ,CAZF,CADF;AAuBD,CAnEM"}
+{"version":3,"file":"WriteBarIcon.js","names":["Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","classNames","IOS","Platform","Counter","Tappable","warnOnce","hasReactNode","warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined"],"sources":["../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? (\n          <Icon28AddCircleOutline aria-hidden />\n        ) : (\n          <Icon28AttachOutline aria-hidden />\n        );\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarSend aria-hidden />\n        ) : (\n          <Icon24Send aria-hidden />\n        );\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone aria-hidden />\n        ) : (\n          <Icon28CheckCircleOutline aria-hidden />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n      \"error\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      vkuiClass={classNames(\n        \"WriteBarIcon\",\n        platform === Platform.IOS && \"WriteBarIcon--ios\",\n        !!mode && `WriteBarIcon--${mode}`\n      )}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;AACA,SACEA,UADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,wBAJF,EAKEC,kBALF,EAMEC,kBANF,QAOO,kBAPP;AAQA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AAoBA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,cAAD,CAArB;AACA,IAAMG,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;;EACvB,IAAMC,QAAQ,GAAGlB,WAAW,EAA5B;EAEA,IAAImB,IAAJ;EACA,IAAIC,SAA6B,GAAGC,SAApC;;EAEA,QAAQP,IAAR;IACE,KAAK,QAAL;MACEK,IAAI,GACFD,QAAQ,KAAKhB,GAAb,GACE,oBAAC,sBAAD;QAAwB;MAAxB,EADF,GAGE,oBAAC,mBAAD;QAAqB;MAArB,EAJJ;MAMAkB,SAAS,GAAG,iBAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFD,QAAQ,KAAKhB,GAAb,GACE,oBAAC,kBAAD;QAAoB;MAApB,EADF,GAGE,oBAAC,UAAD;QAAY;MAAZ,EAJJ;MAMAkB,SAAS,GAAG,WAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFD,QAAQ,KAAKhB,GAAb,GACE,oBAAC,kBAAD;QAAoB;MAApB,EADF,GAGE,oBAAC,wBAAD;QAA0B;MAA1B,EAJJ;MAMAkB,SAAS,GAAG,QAAZ;MACA;;IAEF;MACE;EAhCJ;;EAmCA,IAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;IACpDZ,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;EAID;;EAED,OACE,oBAAC,QAAD;IACE,cAAYY;EADd,GAEMH,SAFN;IAGE,SAAS,EAAC,QAHZ;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,sBALb;IAME,SAAS,EAAEhB,UAAU,CACnB,cADmB,EAEnBiB,QAAQ,KAAKf,QAAQ,CAACD,GAAtB,IAA6B,mBAFV,EAGnB,CAAC,CAACY,IAAF,4BAA2BA,IAA3B,CAHmB;EANvB,IAYE;IAAM,SAAS,EAAC;EAAhB,GACGK,IAAI,IAAIJ,QADX,EAEGR,YAAY,CAACS,KAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC,uBAAnB;IAA2C,IAAI,EAAC;EAAhD,GACGA,KADH,CAHJ,CAZF,CADF;AAuBD,CA5EM"}

package/dist/components.css

@@ -86,7 +86,7 @@
     --panelheader_height_ios,var(--vkui--size_panel_header_height--regular)
   )}.vkuiPanelHeader--ios .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 0 4px 4px;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{opacity:1;text-align:center;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__after{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 4px 4px 0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:16px}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{--panelheader_height:var(
     --panelheader_height_vkcom,var(--vkui--size_panel_header_height--regular)
-  );position:relative;z-index:10}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in):after{background-color:#fff;background-color:var(
+  );position:relative;z-index:10}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in):after,.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:#fff;background-color:var(
     --header_background,var(--vkui--color_background_content)
   );bottom:0;content:"";height:1px;height:var(--thin-border);left:1px;left:var(--thin-border);position:absolute;right:1px;right:var(--thin-border)}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:inset 0 0 0 1px #e1e3e6;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__after,.vkuiPanelHeader--vkcom .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0}.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeaderButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-shadow:none;color:currentColor;display:block;margin:0;padding:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton .vkuiCounter{padding:0;position:absolute;right:2px;top:8px}.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 12px}.vkuiPanelHeaderButton--ios{align-items:center;display:flex;font-size:17px;position:relative}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderButton--android .vkuiIcon--24{padding:12px}.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:#818c99;color:var(--header_text_secondary,var(--vkui--color_text_secondary))}.vkuiPanelHeaderButton--vkcom>:not(.vkuiCounter){opacity:.7;transition:opacity .3s}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{align-items:center;display:flex;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label{padding-right:8px}.vkuiPanelHeaderContent{align-items:center;box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;justify-content:flex-start;line-height:normal;max-width:100%}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;min-width:0}.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiPanelHeaderContent__status{color:#818c99;color:var(--header_text_secondary,var(--vkui--color_text_secondary));margin-top:1px;max-width:100%;order:1}.vkuiPanelHeaderContent__children{align-items:center;display:flex;max-width:100%}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{align-items:center;color:#2688eb;color:var(--header_tint,var(--vkui--color_icon_accent));display:flex;justify-content:flex-start;margin-left:2px}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent__in--centered{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-size:21px;font-weight:500;line-height:52px;line-height:var(
     --panelheader_height_ios,var(--vkui--size_panel_header_height--regular)