@vkontakte/vkui 4.22.0 → 4.24.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport HorizontalScrollArrow from './HorizontalScrollArrow';\nimport { easeInOutSine } from '../../lib/fx';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HasRef } from '../../types';\nimport './HorizontalScroll.css';\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  AdaptivityProps,\n  HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: ScrollPositionHandler;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: ScrollPositionHandler;\n  showArrows?: boolean;\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = scrollElement.scrollLeft;\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = ({\n  children,\n  getScrollToLeft,\n  getScrollToRight,\n  showArrows = true,\n  scrollAnimationDuration,\n  hasMouse,\n  getRef,\n  ...restProps\n}: HorizontalScrollProps) => {\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const platform = usePlatform();\n\n  function scrollTo(getScrollPosition: (offset: number) => number) {\n    const scrollElement = scrollerRef.current;\n\n    animationQueue.current.push(() => doScroll({\n      scrollElement,\n      getScrollPosition,\n      animationQueue: animationQueue.current,\n      onScrollToRightBorder: () => setCanScrollRight(false),\n      onScrollEnd: () => isCustomScrollingRef.current = false,\n      onScrollStart: () => isCustomScrollingRef.current = true,\n      initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth || 0,\n      scrollAnimationDuration,\n    }));\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  const onscroll = React.useCallback(() => {\n    if (showArrows && hasMouse && scrollerRef.current && !isCustomScrollingRef.current) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(scrollElement.scrollLeft + scrollElement.offsetWidth < scrollElement.scrollWidth);\n    }\n  }, [hasMouse]);\n\n  const scrollEvent = useEventListener('scroll', onscroll);\n  React.useEffect(() => scrollEvent.add(scrollerRef.current), []);\n  React.useEffect(onscroll, [scrollerRef, children]);\n\n  return (\n    <div {...restProps} vkuiClass={getClassName('HorizontalScroll', platform)}>\n      {showArrows && hasMouse && canScrollLeft &&\n      <HorizontalScrollArrow\n        direction=\"left\"\n        onClick={() => scrollTo(getScrollToLeft)}\n      />\n      }\n      {showArrows && hasMouse && canScrollRight &&\n      <HorizontalScrollArrow\n        direction=\"right\"\n        onClick={() => scrollTo(getScrollToRight)}\n      />\n      }\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default withAdaptivity(HorizontalScroll, {\n  hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}
+{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,cAAT;AACA,OAAOC,qBAAP;AACA,SAASC,aAAT;AACA,SAASC,gBAAT;AACA,SAASC,YAAT;AAEA;;AAmCA;AACA;AACA;AACA,SAASC,GAAT,GAAe;AACb,SAAOC,WAAW,IAAIA,WAAW,CAACD,GAA3B,GAAiCC,WAAW,CAACD,GAAZ,EAAjC,GAAqDE,IAAI,CAACF,GAAL,EAA5D;AACD;AAED;AACA;AACA;AACA;AACA;;;AACA,IAAMG,qBAAqB,GAAG,GAA9B;;AAEA,SAASC,QAAT,OASkB;AAAA,MARhBC,aAQgB,QARhBA,aAQgB;AAAA,MAPhBC,iBAOgB,QAPhBA,iBAOgB;AAAA,MANhBC,cAMgB,QANhBA,cAMgB;AAAA,MALhBC,qBAKgB,QALhBA,qBAKgB;AAAA,MAJhBC,WAIgB,QAJhBA,WAIgB;AAAA,MAHhBC,aAGgB,QAHhBA,aAGgB;AAAA,MAFhBC,kBAEgB,QAFhBA,kBAEgB;AAAA,mCADhBC,uBACgB;AAAA,MADhBA,uBACgB,sCADUT,qBACV;;AAChB,MAAI,CAACE,aAAD,IAAkB,CAACC,iBAAvB,EAA0C;AACxC;AACD;AAED;AACF;AACA;;;AACE,MAAMO,OAAO,GAAGF,kBAAkB,GAAGN,aAAa,CAACS,WAAnD;AAEA,MAAIC,SAAS,GAAGV,aAAa,CAACW,UAA9B;AACA,MAAIC,OAAO,GAAGX,iBAAiB,CAACS,SAAD,CAA/B;AAEAL,EAAAA,aAAa;;AAEb,MAAIO,OAAO,IAAIJ,OAAf,EAAwB;AACtBL,IAAAA,qBAAqB;AACrBS,IAAAA,OAAO,GAAGJ,OAAV;AACD;;AAED,MAAMK,SAAS,GAAGlB,GAAG,EAArB;;AAEA,GAAC,SAASmB,MAAT,GAAkB;AACjB,QAAI,CAACd,aAAL,EAAoB;AAClBI,MAAAA,WAAW;AACX;AACD;;AAED,QAAMW,IAAI,GAAGpB,GAAG,EAAhB;AACA,QAAMqB,OAAO,GAAGC,IAAI,CAACC,GAAL,CAAS,CAACH,IAAI,GAAGF,SAAR,IAAqBN,uBAA9B,EAAuD,CAAvD,CAAhB;AAEA,QAAMY,KAAK,GAAG3B,aAAa,CAACwB,OAAD,CAA3B;AAEA,QAAMI,WAAW,GAAGV,SAAS,GAAG,CAACE,OAAO,GAAGF,SAAX,IAAwBS,KAAxD;AACAnB,IAAAA,aAAa,CAACW,UAAd,GAA2BM,IAAI,CAACI,IAAL,CAAUD,WAAV,CAA3B;;AAEA,QAAIpB,aAAa,CAACW,UAAd,KAA6BM,IAAI,CAACK,GAAL,CAAS,CAAT,EAAYV,OAAZ,CAAjC,EAAuD;AACrDW,MAAAA,qBAAqB,CAACT,MAAD,CAArB;AACA;AACD;;AAEDV,IAAAA,WAAW;AACXF,IAAAA,cAAc,CAACsB,KAAf;;AACA,QAAItB,cAAc,CAACuB,MAAf,GAAwB,CAA5B,EAA+B;AAC7BvB,MAAAA,cAAc,CAAC,CAAD,CAAd;AACD;AACF,GAxBD;AAyBD;;AAED,IAAMwB,gBAAiD,GAAG,SAApDA,gBAAoD,QAS7B;AAAA,MAR3BC,QAQ2B,SAR3BA,QAQ2B;AAAA,MAP3BC,eAO2B,SAP3BA,eAO2B;AAAA,MAN3BC,gBAM2B,SAN3BA,gBAM2B;AAAA,+BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,iCALd,IAKc;AAAA,MAJ3BvB,uBAI2B,SAJ3BA,uBAI2B;AAAA,MAH3BwB,QAG2B,SAH3BA,QAG2B;AAAA,MAF3BC,MAE2B,SAF3BA,MAE2B;AAAA,MADxBC,SACwB;;AAC3B,wBAA0C9C,KAAK,CAAC+C,QAAN,CAAe,KAAf,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAA4CjD,KAAK,CAAC+C,QAAN,CAAe,KAAf,CAA5C;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,oBAAoB,GAAGpD,KAAK,CAACqD,MAAN,CAAa,KAAb,CAA7B;AAEA,MAAMC,WAAW,GAAG/C,YAAY,CAACsC,MAAD,CAAhC;AAEA,MAAM9B,cAAc,GAAGf,KAAK,CAACqD,MAAN,CAA6B,EAA7B,CAAvB;AAEA,MAAME,QAAQ,GAAGtD,WAAW,EAA5B;;AAEA,WAASuD,QAAT,CAAkB1C,iBAAlB,EAAiE;AAC/D,QAAMD,aAAa,GAAGyC,WAAW,CAACG,OAAlC;AAEA1C,IAAAA,cAAc,CAAC0C,OAAf,CAAuBC,IAAvB,CAA4B;AAAA;;AAAA,aAC1B9C,QAAQ,CAAC;AACPC,QAAAA,aAAa,EAAbA,aADO;AAEPC,QAAAA,iBAAiB,EAAjBA,iBAFO;AAGPC,QAAAA,cAAc,EAAEA,cAAc,CAAC0C,OAHxB;AAIPzC,QAAAA,qBAAqB,EAAE;AAAA,iBAAMmC,iBAAiB,CAAC,KAAD,CAAvB;AAAA,SAJhB;AAKPlC,QAAAA,WAAW,EAAE;AAAA,iBAAOmC,oBAAoB,CAACK,OAArB,GAA+B,KAAtC;AAAA,SALN;AAMPvC,QAAAA,aAAa,EAAE;AAAA,iBAAOkC,oBAAoB,CAACK,OAArB,GAA+B,IAAtC;AAAA,SANR;AAOPtC,QAAAA,kBAAkB,EAAE,CAAAN,aAAa,SAAb,IAAAA,aAAa,WAAb,qCAAAA,aAAa,CAAE8C,iBAAf,gFAAkCC,WAAlC,KAAiD,CAP9D;AAQPxC,QAAAA,uBAAuB,EAAvBA;AARO,OAAD,CADkB;AAAA,KAA5B;;AAYA,QAAIL,cAAc,CAAC0C,OAAf,CAAuBnB,MAAvB,KAAkC,CAAtC,EAAyC;AACvCvB,MAAAA,cAAc,CAAC0C,OAAf,CAAuB,CAAvB;AACD;AACF;;AAED,MAAMI,QAAQ,GAAG7D,KAAK,CAAC8D,WAAN,CAAkB,YAAM;AACvC,QACEnB,UAAU,IACVC,QADA,IAEAU,WAAW,CAACG,OAFZ,IAGA,CAACL,oBAAoB,CAACK,OAJxB,EAKE;AACA,UAAM5C,aAAa,GAAGyC,WAAW,CAACG,OAAlC;AAEAR,MAAAA,gBAAgB,CAACpC,aAAa,CAACW,UAAd,GAA2B,CAA5B,CAAhB;AACA2B,MAAAA,iBAAiB,CACftC,aAAa,CAACW,UAAd,GAA2BX,aAAa,CAACS,WAAzC,GACET,aAAa,CAAC+C,WAFD,CAAjB;AAID;AACF,GAfgB,EAed,CAAChB,QAAD,CAfc,CAAjB;AAiBA,MAAMmB,WAAW,GAAGzD,gBAAgB,CAAC,QAAD,EAAWuD,QAAX,CAApC;AACA7D,EAAAA,KAAK,CAACgE,SAAN,CAAgB;AAAA,WAAMD,WAAW,CAACE,GAAZ,CAAgBX,WAAW,CAACG,OAA5B,CAAN;AAAA,GAAhB,EAA4D,EAA5D;AACAzD,EAAAA,KAAK,CAACgE,SAAN,CAAgBH,QAAhB,EAA0B,CAACP,WAAD,EAAcd,QAAd,CAA1B;AAEA,SACE,wCAASM,SAAT;AAAoB,IAAA,SAAS,EAAE5C,YAAY,CAAC,kBAAD,EAAqBqD,QAArB;AAA3C,MACGZ,UAAU,IAAIC,QAAd,IAA0BI,aAA1B,IACC,oBAAC,qBAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMQ,QAAQ,CAACf,eAAD,CAAd;AAAA;AAFX,IAFJ,EAOGE,UAAU,IAAIC,QAAd,IAA0BM,cAA1B,IACC,oBAAC,qBAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMM,QAAQ,CAACd,gBAAD,CAAd;AAAA;AAFX,IARJ,EAaE;AAAK,IAAA,SAAS,EAAC,sBAAf;AAAsC,IAAA,GAAG,EAAEY;AAA3C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+Cd,QAA/C,CADF,CAbF,CADF;AAmBD,CAjFD;;AAmFA,eAAerC,cAAc,CAACoC,gBAAD,EAAmB;AAC9CK,EAAAA,QAAQ,EAAE;AADoC,CAAnB,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: ScrollPositionHandler;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: ScrollPositionHandler;\n  showArrows?: boolean;\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = scrollElement.scrollLeft;\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = ({\n  children,\n  getScrollToLeft,\n  getScrollToRight,\n  showArrows = true,\n  scrollAnimationDuration,\n  hasMouse,\n  getRef,\n  ...restProps\n}: HorizontalScrollProps) => {\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const platform = usePlatform();\n\n  function scrollTo(getScrollPosition: (offset: number) => number) {\n    const scrollElement = scrollerRef.current;\n\n    animationQueue.current.push(() =>\n      doScroll({\n        scrollElement,\n        getScrollPosition,\n        animationQueue: animationQueue.current,\n        onScrollToRightBorder: () => setCanScrollRight(false),\n        onScrollEnd: () => (isCustomScrollingRef.current = false),\n        onScrollStart: () => (isCustomScrollingRef.current = true),\n        initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth || 0,\n        scrollAnimationDuration,\n      })\n    );\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  const onscroll = React.useCallback(() => {\n    if (\n      showArrows &&\n      hasMouse &&\n      scrollerRef.current &&\n      !isCustomScrollingRef.current\n    ) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(\n        scrollElement.scrollLeft + scrollElement.offsetWidth <\n          scrollElement.scrollWidth\n      );\n    }\n  }, [hasMouse]);\n\n  const scrollEvent = useEventListener(\"scroll\", onscroll);\n  React.useEffect(() => scrollEvent.add(scrollerRef.current), []);\n  React.useEffect(onscroll, [scrollerRef, children]);\n\n  return (\n    <div {...restProps} vkuiClass={getClassName(\"HorizontalScroll\", platform)}>\n      {showArrows && hasMouse && canScrollLeft && (\n        <HorizontalScrollArrow\n          direction=\"left\"\n          onClick={() => scrollTo(getScrollToLeft)}\n        />\n      )}\n      {showArrows && hasMouse && canScrollRight && (\n        <HorizontalScrollArrow\n          direction=\"right\"\n          onClick={() => scrollTo(getScrollToRight)}\n        />\n      )}\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default withAdaptivity(HorizontalScroll, {\n  hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}

package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js

@@ -1,5 +1,5 @@
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Icon24Chevron } from '@vkontakte/icons';
+import { Icon24Chevron } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
@@ -14,7 +14,7 @@ var HorizontalScrollArrow = function HorizontalScrollArrow(_ref) {
     Component: "button",
     hasHover: false,
     hasActive: false,
-    vkuiClass: classNames(getClassName('HorizontalScrollArrow', platform), "HorizontalScrollArrow--".concat(direction)),
+    vkuiClass: classNames(getClassName("HorizontalScrollArrow", platform), "HorizontalScrollArrow--".concat(direction)),
     onClick: onClick
   }, createScopedElement("span", {
     vkuiClass: "HorizontalScrollArrow__icon"

package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","usePlatform","getClassName","classNames","Tappable","HorizontalScrollArrow","onClick","direction","platform"],"mappings":";AACA,SAASA,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,OAAOC,QAAP;AACA;;AAOA,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA8D,OAAwD;AAAA,MAArDC,OAAqD,QAArDA,OAAqD;AAAA,MAA5CC,SAA4C,QAA5CA,SAA4C;AAC1H,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,SAAS,EAAE,KAHb;AAIE,IAAA,SAAS,EAAEE,UAAU,CACnBD,YAAY,CAAC,uBAAD,EAA0BM,QAA1B,CADO,mCAEOD,SAFP,EAJvB;AAQE,IAAA,OAAO,EAAED;AARX,KAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,aAAD,OADF,CAVF,CADF;AAgBD,CAnBD;;AAqBA,eAAeD,qBAAf","sourcesContent":["import * as React from 'react';\nimport { Icon24Chevron } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport Tappable from '../Tappable/Tappable';\nimport './HorizontalScrollArrow.css';\n\nexport interface HorizontalScrollArrowProps {\n  onClick: () => void;\n  direction: 'left' | 'right';\n}\n\nconst HorizontalScrollArrow: React.FC<HorizontalScrollArrowProps> = ({ onClick, direction }: HorizontalScrollArrowProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      vkuiClass={classNames(\n        getClassName('HorizontalScrollArrow', platform),\n        `HorizontalScrollArrow--${direction}`,\n      )}\n      onClick={onClick}\n    >\n      <span vkuiClass=\"HorizontalScrollArrow__icon\">\n        <Icon24Chevron />\n      </span>\n    </Tappable>\n  );\n};\n\nexport default HorizontalScrollArrow;\n"],"file":"HorizontalScrollArrow.js"}
+{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","usePlatform","getClassName","classNames","Tappable","HorizontalScrollArrow","onClick","direction","platform"],"mappings":";AACA,SAASA,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,OAAOC,QAAP;AACA;;AAOA,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA8D,OAGlC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MADhCC,SACgC,QADhCA,SACgC;AAChC,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,SAAS,EAAE,KAHb;AAIE,IAAA,SAAS,EAAEE,UAAU,CACnBD,YAAY,CAAC,uBAAD,EAA0BM,QAA1B,CADO,mCAEOD,SAFP,EAJvB;AAQE,IAAA,OAAO,EAAED;AARX,KAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,aAAD,OADF,CAVF,CADF;AAgBD,CAtBD;;AAwBA,eAAeD,qBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n  onClick: () => void;\n  direction: \"left\" | \"right\";\n}\n\nconst HorizontalScrollArrow: React.FC<HorizontalScrollArrowProps> = ({\n  onClick,\n  direction,\n}: HorizontalScrollArrowProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      vkuiClass={classNames(\n        getClassName(\"HorizontalScrollArrow\", platform),\n        `HorizontalScrollArrow--${direction}`\n      )}\n      onClick={onClick}\n    >\n      <span vkuiClass=\"HorizontalScrollArrow__icon\">\n        <Icon24Chevron />\n      </span>\n    </Tappable>\n  );\n};\n\nexport default HorizontalScrollArrow;\n"],"file":"HorizontalScrollArrow.js"}

package/dist/cssm/components/HoverPopper/HoverPopper.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["getRef", "content", "children", "onShownChange", "shown", "showDelay", "hideDelay"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from "react";
+import { Popper } from "../Popper/Popper";
+import { useEventListener } from "../../hooks/useEventListener";
+import { useTimeout } from "../../hooks/useTimeout";
+import { usePatchChildrenRef } from "../../hooks/usePatchChildrenRef";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+export var HoverPopper = function HoverPopper(_ref) {
+  var getRef = _ref.getRef,
+      content = _ref.content,
+      children = _ref.children,
+      onShownChange = _ref.onShownChange,
+      _shown = _ref.shown,
+      showDelay = _ref.showDelay,
+      _ref$hideDelay = _ref.hideDelay,
+      hideDelay = _ref$hideDelay === void 0 ? 150 : _ref$hideDelay,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var _React$useState = React.useState(_shown || false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      computedShown = _React$useState2[0],
+      setComputedShown = _React$useState2[1];
+
+  var shown = typeof _shown === "boolean" ? _shown : computedShown;
+
+  var setShown = function setShown(value) {
+    if (typeof _shown !== "boolean") {
+      setComputedShown(value);
+    }
+
+    typeof onShownChange === "function" && onShownChange(value);
+  };
+
+  var showTimeout = useTimeout(function () {
+    setShown(true);
+  }, showDelay);
+  var hideTimeout = useTimeout(function () {
+    setShown(false);
+  }, hideDelay);
+
+  var _usePatchChildrenRef = usePatchChildrenRef(children),
+      _usePatchChildrenRef2 = _slicedToArray(_usePatchChildrenRef, 2),
+      childRef = _usePatchChildrenRef2[0],
+      child = _usePatchChildrenRef2[1];
+
+  var onTargetEnter = function onTargetEnter() {
+    hideTimeout.clear();
+    showTimeout.set();
+  };
+
+  var onTargetLeave = function onTargetLeave() {
+    showTimeout.clear();
+    hideTimeout.set();
+  };
+
+  var targetEnterListener = useEventListener("pointerenter", onTargetEnter);
+  var targetLeaveListener = useEventListener("pointerleave", onTargetLeave);
+  useIsomorphicLayoutEffect(function () {
+    targetEnterListener.add(childRef.current);
+    targetLeaveListener.add(childRef.current);
+  }, []);
+  return createScopedElement(React.Fragment, null, child, shown && createScopedElement(Popper, _extends({}, restProps, {
+    onMouseOver: hideTimeout.clear,
+    onMouseOut: onTargetLeave,
+    getRef: getRef,
+    targetRef: childRef
+  }), content));
+};
+//# sourceMappingURL=HoverPopper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","add","current"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAS/B;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,MAHtBC,SAGsB,QAHtBA,SAGsB;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;AAC9BwB,IAAAA,mBAAmB,CAACE,GAApB,CAAwBR,QAAQ,CAACS,OAAjC;AACAF,IAAAA,mBAAmB,CAACC,GAApB,CAAwBR,QAAQ,CAACS,OAAjC;AACD,GAHwB,EAGtB,EAHsB,CAAzB;AAKA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGR,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,CAjEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое тултипа\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Количество миллисекунд, после которых произойдет показ дропдауна\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдет скрытие дропдауна\n   */\n  hideDelay?: number;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const HoverPopper: React.FC<HoverPopperProps> = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  showDelay,\n  hideDelay = 150,\n  ...restProps\n}: HoverPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n\n  const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => {\n    setShown(true);\n  }, showDelay);\n\n  const hideTimeout = useTimeout(() => {\n    setShown(false);\n  }, hideDelay);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const onTargetEnter = () => {\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const onTargetLeave = () => {\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n  const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n  useIsomorphicLayoutEffect(() => {\n    targetEnterListener.add(childRef.current);\n    targetLeaveListener.add(childRef.current);\n  }, []);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          onMouseOver={hideTimeout.clear}\n          onMouseOut={onTargetLeave}\n          getRef={getRef}\n          targetRef={childRef}\n        >\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"file":"HoverPopper.js"}

package/dist/cssm/components/IconButton/IconButton.js

@@ -19,15 +19,15 @@ var IconButton = function IconButton(_ref) {
 
   var platform = usePlatform();
   return createScopedElement(Tappable, _extends({}, restProps, {
-    Component: restProps.href ? 'a' : Component,
+    Component: restProps.href ? "a" : Component,
     activeEffectDelay: 200,
-    activeMode: platform === IOS ? 'opacity' : 'IconButton--active',
-    vkuiClass: classNames(getClassName('IconButton', platform), "IconButton--sizeY-".concat(sizeY))
+    activeMode: platform === IOS ? "opacity" : "IconButton--active",
+    vkuiClass: classNames(getClassName("IconButton", platform), "IconButton--sizeY-".concat(sizeY))
   }), icon || children);
 };
 
 IconButton.defaultProps = {
-  Component: 'button'
+  Component: "button"
 };
 export default withAdaptivity(IconButton, {
   sizeY: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":["Tappable","getClassName","classNames","usePlatform","withAdaptivity","IOS","IconButton","icon","sizeY","children","Component","restProps","platform","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;AACA;;AASA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAMvB;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,SAEqB,QAFrBA,SAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eACMQ,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuBH,SAFpC;AAGE,IAAA,iBAAiB,EAAE,GAHrB;AAIE,IAAA,UAAU,EAAEE,QAAQ,KAAKP,GAAb,GAAmB,SAAnB,GAA+B,oBAJ7C;AAKE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,8BAEEJ,KAFF;AALvB,MAUGD,IAAI,IAAIE,QAVX,CADF;AAcD,CAvBD;;AAyBAH,UAAU,CAACQ,YAAX,GAA0B;AACxBJ,EAAAA,SAAS,EAAE;AADa,CAA1B;AAIA,eAAeN,cAAc,CAACE,UAAD,EAAa;AACxCE,EAAAA,KAAK,EAAE;AADiC,CAAb,CAA7B","sourcesContent":["import * as React from 'react';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity } from '../../hoc/withAdaptivity';\nimport { IOS } from '../../lib/platform';\nimport './IconButton.css';\n\nexport interface IconButtonProps extends TappableProps {\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `children`\n   */\n  icon?: React.ReactNode;\n}\n\nconst IconButton: React.FC<IconButtonProps> = ({\n  icon,\n  sizeY,\n  children,\n  Component,\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      {...restProps}\n      Component={restProps.href ? 'a' : Component}\n      activeEffectDelay={200}\n      activeMode={platform === IOS ? 'opacity' : 'IconButton--active'}\n      vkuiClass={classNames(\n        getClassName('IconButton', platform),\n        `IconButton--sizeY-${sizeY}`,\n      )}\n    >\n      {icon || children}\n    </Tappable>\n  );\n};\n\nIconButton.defaultProps = {\n  Component: 'button',\n};\n\nexport default withAdaptivity(IconButton, {\n  sizeY: true,\n});\n"],"file":"IconButton.js"}
+{"version":3,"sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":["Tappable","getClassName","classNames","usePlatform","withAdaptivity","IOS","IconButton","icon","sizeY","children","Component","restProps","platform","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;AACA;;AASA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAMvB;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,SAEqB,QAFrBA,SAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eACMQ,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuBH,SAFpC;AAGE,IAAA,iBAAiB,EAAE,GAHrB;AAIE,IAAA,UAAU,EAAEE,QAAQ,KAAKP,GAAb,GAAmB,SAAnB,GAA+B,oBAJ7C;AAKE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,8BAEEJ,KAFF;AALvB,MAUGD,IAAI,IAAIE,QAVX,CADF;AAcD,CAvBD;;AAyBAH,UAAU,CAACQ,YAAX,GAA0B;AACxBJ,EAAAA,SAAS,EAAE;AADa,CAA1B;AAIA,eAAeN,cAAc,CAACE,UAAD,EAAa;AACxCE,EAAAA,KAAK,EAAE;AADiC,CAAb,CAA7B","sourcesContent":["import * as React from \"react\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `children`\n   */\n  icon?: React.ReactNode;\n}\n\nconst IconButton: React.FC<IconButtonProps> = ({\n  icon,\n  sizeY,\n  children,\n  Component,\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      activeEffectDelay={200}\n      activeMode={platform === IOS ? \"opacity\" : \"IconButton--active\"}\n      vkuiClass={classNames(\n        getClassName(\"IconButton\", platform),\n        `IconButton--sizeY-${sizeY}`\n      )}\n    >\n      {icon || children}\n    </Tappable>\n  );\n};\n\nIconButton.defaultProps = {\n  Component: \"button\",\n};\n\nexport default withAdaptivity(IconButton, {\n  sizeY: true,\n});\n"],"file":"IconButton.js"}

package/dist/cssm/components/InfoRow/InfoRow.js

@@ -16,7 +16,7 @@ var InfoRow = function InfoRow(_ref) {
 
   var platform = usePlatform();
   return createScopedElement(Headline, _extends({}, restProps, {
-    vkuiClass: getClassName('InfoRow', platform),
+    vkuiClass: getClassName("InfoRow", platform),
     weight: "regular"
   }), hasReactNode(header) && createScopedElement(Subhead, {
     Component: "span",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"names":["Subhead","getClassName","usePlatform","Headline","hasReactNode","InfoRow","header","children","restProps","platform"],"mappings":";;;;AACA,OAAOA,OAAP;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA;;AAMA,IAAMC,OAA8C,GAAG,SAAjDA,OAAiD,OAAsD;AAAA,MAAnDC,MAAmD,QAAnDA,MAAmD;AAAA,MAA3CC,QAA2C,QAA3CA,QAA2C;AAAA,MAA9BC,SAA8B;;AAC3G,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eAAcM,SAAd;AAAyB,IAAA,SAAS,EAAEP,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CAAhD;AAAuE,IAAA,MAAM,EAAC;AAA9E,MACGL,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC,iBAApC;AAAsD,IAAA,MAAM,EAAC;AAA7D,KAAwEA,MAAxE,CAFJ,EAIGC,QAJH,CADF;AAQD,CAXD;;AAaA,eAAeF,OAAf","sourcesContent":["import * as React from 'react';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Headline from '../Typography/Headline/Headline';\nimport { hasReactNode } from '../../lib/utils';\nimport './InfoRow.css';\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\nconst InfoRow: React.FunctionComponent<InfoRowProps> = ({ header, children, ...restProps }: InfoRowProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Headline {...restProps} vkuiClass={getClassName('InfoRow', platform)} weight=\"regular\">\n      {hasReactNode(header) &&\n        <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\" weight=\"regular\">{header}</Subhead>\n      }\n      {children}\n    </Headline>\n  );\n};\n\nexport default InfoRow;\n"],"file":"InfoRow.js"}
+{"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"names":["Subhead","getClassName","usePlatform","Headline","hasReactNode","InfoRow","header","children","restProps","platform"],"mappings":";;;;AACA,OAAOA,OAAP;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA;;AAMA,IAAMC,OAA8C,GAAG,SAAjDA,OAAiD,OAInC;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,MAFlBC,QAEkB,QAFlBA,QAEkB;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eACMM,SADN;AAEE,IAAA,SAAS,EAAEP,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CAFzB;AAGE,IAAA,MAAM,EAAC;AAHT,MAKGL,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC,iBAApC;AAAsD,IAAA,MAAM,EAAC;AAA7D,KACGA,MADH,CANJ,EAUGC,QAVH,CADF;AAcD,CArBD;;AAuBA,eAAeF,OAAf","sourcesContent":["import * as React from \"react\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\nconst InfoRow: React.FunctionComponent<InfoRowProps> = ({\n  header,\n  children,\n  ...restProps\n}: InfoRowProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Headline\n      {...restProps}\n      vkuiClass={getClassName(\"InfoRow\", platform)}\n      weight=\"regular\"\n    >\n      {hasReactNode(header) && (\n        <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\" weight=\"regular\">\n          {header}\n        </Subhead>\n      )}\n      {children}\n    </Headline>\n  );\n};\n\nexport default InfoRow;\n"],"file":"InfoRow.js"}

package/dist/cssm/components/InitialsAvatar/InitialsAvatar.css

@@ -1 +1 @@
-.vkuiInitialsAvatar{overflow:hidden;background:#99a2ad;background:linear-gradient(135deg,#b1b6bd,#99a2ad)}.vkuiInitialsAvatar__text{font-family:"TT Commons",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-tt);font-weight:600;color:#fff;color:var(--white);text-transform:uppercase;text-align:center}.vkuiInitialsAvatar--color-red{background:#e52e40;background:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiInitialsAvatar--color-pink{background:#e62e6b;background:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiInitialsAvatar--color-orange{background:#e66b2e;background:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiInitialsAvatar--color-yellow{background:#e7a902;background:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiInitialsAvatar--color-green{background:#6cd97e;background:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiInitialsAvatar--color-l-blue{background:#2bb4d6;background:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiInitialsAvatar--color-blue{background:#3f8ae0;background:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiInitialsAvatar--color-violet{background:#8f3fe0;background:linear-gradient(135deg,#d3a6ff,#8f3fe0)}
+.vkuiInitialsAvatar{background:#99a2ad;background:linear-gradient(135deg,#b1b6bd,#99a2ad)}.vkuiInitialsAvatar__text{font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:600;color:#fff;color:var(--white);text-transform:uppercase;text-align:center}.vkuiInitialsAvatar--color-red{background:#e52e40;background:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiInitialsAvatar--color-pink{background:#e62e6b;background:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiInitialsAvatar--color-orange{background:#e66b2e;background:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiInitialsAvatar--color-yellow{background:#e7a902;background:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiInitialsAvatar--color-green{background:#6cd97e;background:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiInitialsAvatar--color-l-blue{background:#2bb4d6;background:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiInitialsAvatar--color-blue{background:#3f8ae0;background:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiInitialsAvatar--color-violet{background:#8f3fe0;background:linear-gradient(135deg,#d3a6ff,#8f3fe0)}

package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "shadow", "children", "gradientColor", "style"];
+var _excluded = ["size", "children", "gradientColor", "style"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
-import Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from "../Avatar/Avatar";
+import Avatar, { AVATAR_DEFAULT_SIZE } from "../Avatar/Avatar";
 import "./InitialsAvatar.css";
 /**
  * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.
@@ -12,12 +12,12 @@ import "./InitialsAvatar.css";
  */
 
 var COLORS_NUMBER_TO_TEXT_MAP = {
-  1: 'red',
-  2: 'orange',
-  3: 'yellow',
-  4: 'green',
-  5: 'l-blue',
-  6: 'violet'
+  1: "red",
+  2: "orange",
+  3: "yellow",
+  4: "green",
+  5: "l-blue",
+  6: "violet"
 };
 
 function getInitialsFontSize(avatarSize) {
@@ -29,21 +29,18 @@ function getInitialsFontSize(avatarSize) {
 export var InitialsAvatar = function InitialsAvatar(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
-      _ref$shadow = _ref.shadow,
-      shadow = _ref$shadow === void 0 ? AVATAR_DEFAULT_SHADOW : _ref$shadow,
       children = _ref.children,
       gradientColor = _ref.gradientColor,
       style = _ref.style,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var gradientName = typeof gradientColor === 'string' ? gradientColor : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];
+  var gradientName = typeof gradientColor === "string" ? gradientColor : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];
   return createScopedElement(Avatar, _extends({}, restProps, {
     style: _objectSpread(_objectSpread({}, style), {}, {
       fontSize: getInitialsFontSize(size)
     }),
-    shadow: shadow,
     size: size,
-    vkuiClass: classNames('InitialsAvatar', "InitialsAvatar--color-".concat(gradientName))
+    vkuiClass: classNames("InitialsAvatar", "InitialsAvatar--color-".concat(gradientName))
   }), createScopedElement("span", {
     "aria-hidden": "true",
     vkuiClass: "InitialsAvatar__text"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["classNames","Avatar","AVATAR_DEFAULT_SHADOW","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","shadow","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,OAAOC,MAAP,IAAiBC,qBAAjB,EAAwCC,mBAAxC;AACA;AAEA;AACA;AACA;AACA;;AAoCA,IAAMC,yBAA6F,GAAG;AACpG,KAAG,KADiG;AAEpG,KAAG,QAFiG;AAGpG,KAAG,QAHiG;AAIpG,KAAG,OAJiG;AAKpG,KAAG,QALiG;AAMpG,KAAG;AANiG,CAAtG;;AASA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;;AAED,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAOlC;AAAA,uBANzBC,IAMyB;AAAA,MANzBA,IAMyB,0BANlBT,mBAMkB;AAAA,yBALzBU,MAKyB;AAAA,MALzBA,MAKyB,4BALhBX,qBAKgB;AAAA,MAJzBY,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;;AACzB,MAAMC,YAAY,GAAG,OAAOH,aAAP,KAAyB,QAAzB,GAAoCA,aAApC,GAAoDX,yBAAyB,CAACW,aAAD,CAAlG;AAEA,SACE,oBAAC,MAAD,eACME,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEd,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,IAAI,EAAED,IAPR;AAQE,IAAA,SAAS,EAAEZ,UAAU,CACnB,gBADmB,kCAEMkB,YAFN;AARvB,MAaE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAbF,CADF;AAmBD,CA7BM","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from '../Avatar/Avatar';\nimport './InitialsAvatar.css';\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | 'red'\n  | 'pink'\n  | 'orange'\n  | 'yellow'\n  | 'green'\n  | 'l-blue'\n  | 'blue'\n  | 'violet';\n\nexport interface InitialsAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n  size?: number;\n  shadow?: boolean;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<InitialsAvatarNumberGradients, InitialsAvatarTextGradients> = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\nexport const InitialsAvatar: React.FC<InitialsAvatarProps> = ({\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName = typeof gradientColor === 'string' ? gradientColor : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      shadow={shadow}\n      size={size}\n      vkuiClass={classNames(\n        'InitialsAvatar',\n        `InitialsAvatar--color-${gradientName}`,\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"file":"InitialsAvatar.js"}
+{"version":3,"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["classNames","Avatar","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,OAAOC,MAAP,IAAiBC,mBAAjB;AACA;AAEA;AACA;AACA;AACA;;AAqCA,IAAMC,yBAGL,GAAG;AACF,KAAG,KADD;AAEF,KAAG,QAFD;AAGF,KAAG,QAHD;AAIF,KAAG,OAJD;AAKF,KAAG,QALD;AAMF,KAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;;AAED,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAMlC;AAAA,uBALzBC,IAKyB;AAAA,MALzBA,IAKyB,0BALlBT,mBAKkB;AAAA,MAJzBU,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;;AACzB,MAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIV,yBAAyB,CAACU,aAAD,CAH/B;AAKA,SACE,oBAAC,MAAD,eACME,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEb,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,IAAI,EAAEA,IANR;AAOE,IAAA,SAAS,EAAEX,UAAU,CACnB,gBADmB,kCAEMgB,YAFN;AAPvB,MAYE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAZF,CADF;AAkBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport Avatar, { AVATAR_DEFAULT_SIZE, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | \"red\"\n  | \"pink\"\n  | \"orange\"\n  | \"yellow\"\n  | \"green\"\n  | \"l-blue\"\n  | \"blue\"\n  | \"violet\";\n\nexport interface InitialsAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n  InitialsAvatarNumberGradients,\n  InitialsAvatarTextGradients\n> = {\n  1: \"red\",\n  2: \"orange\",\n  3: \"yellow\",\n  4: \"green\",\n  5: \"l-blue\",\n  6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\nexport const InitialsAvatar: React.FC<InitialsAvatarProps> = ({\n  size = AVATAR_DEFAULT_SIZE,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName =\n    typeof gradientColor === \"string\"\n      ? gradientColor\n      : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      size={size}\n      vkuiClass={classNames(\n        \"InitialsAvatar\",\n        `InitialsAvatar--color-${gradientName}`\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"file":"InitialsAvatar.js"}

package/dist/cssm/components/Input/Input.js

@@ -22,7 +22,7 @@ var Input = function Input(_ref) {
 
   var platform = usePlatform();
   return createScopedElement(FormField, {
-    vkuiClass: classNames(getClassName('Input', platform), _defineProperty({}, "Input--".concat(align), !!align), "Input--sizeY-".concat(sizeY)),
+    vkuiClass: classNames(getClassName("Input", platform), _defineProperty({}, "Input--".concat(align), !!align), "Input--sizeY-".concat(sizeY)),
     style: style,
     className: className,
     getRootRef: getRootRef,
@@ -35,7 +35,7 @@ var Input = function Input(_ref) {
 };
 
 Input.defaultProps = {
-  type: 'text'
+  type: "text"
 };
 export default withAdaptivity(Input, {
   sizeY: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["getClassName","classNames","FormField","withAdaptivity","usePlatform","Input","align","getRef","className","getRootRef","sizeY","style","after","restProps","platform","disabled","defaultProps","type"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,WAAT;AACA;;AAUA,IAAMC,KAA0C,GAAG,SAA7CA,KAA6C,OASjC;AAAA,MARhBC,KAQgB,QARhBA,KAQgB;AAAA,MAPhBC,MAOgB,QAPhBA,MAOgB;AAAA,MANhBC,SAMgB,QANhBA,SAMgB;AAAA,MALhBC,UAKgB,QALhBA,UAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CAACD,YAAY,CAAC,OAAD,EAAUc,QAAV,CAAb,uCAA+CR,KAA/C,GAAyD,CAAC,CAACA,KAA3D,0BAAoFI,KAApF,EADvB;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,SAAS,EAAEH,SAHb;AAIE,IAAA,UAAU,EAAEC,UAJd;AAKE,IAAA,KAAK,EAAEG,KALT;AAME,IAAA,QAAQ,EAAEC,SAAS,CAACE;AANtB,KAQE,0CAAWF,SAAX;AAAsB,IAAA,SAAS,EAAC,WAAhC;AAA4C,IAAA,GAAG,EAAEN;AAAjD,KARF,CADF;AAYD,CAvBD;;AAyBAF,KAAK,CAACW,YAAN,GAAqB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAArB;AAIA,eAAed,cAAc,CAACE,KAAD,EAAQ;AACnCK,EAAAA,KAAK,EAAE;AAD4B,CAAR,CAA7B","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Input.css';\n\nexport interface InputProps extends\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HasRef<HTMLInputElement>,\n  HasRootRef<HTMLDivElement>,\n  HasAlign,\n  AdaptivityProps,\n  FormFieldProps {}\n\nconst Input: React.FunctionComponent<InputProps> = ({\n  align,\n  getRef,\n  className,\n  getRootRef,\n  sizeY,\n  style,\n  after,\n  ...restProps\n}: InputProps) => {\n  const platform = usePlatform();\n  return (\n    <FormField\n      vkuiClass={classNames(getClassName('Input', platform), { [`Input--${align}`]: !!align }, `Input--sizeY-${sizeY}`)}\n      style={style}\n      className={className}\n      getRootRef={getRootRef}\n      after={after}\n      disabled={restProps.disabled}\n    >\n      <input {...restProps} vkuiClass=\"Input__el\" ref={getRef} />\n    </FormField>\n  );\n};\n\nInput.defaultProps = {\n  type: 'text',\n};\n\nexport default withAdaptivity(Input, {\n  sizeY: true,\n});\n"],"file":"Input.js"}
+{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["getClassName","classNames","FormField","withAdaptivity","usePlatform","Input","align","getRef","className","getRootRef","sizeY","style","after","restProps","platform","disabled","defaultProps","type"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,WAAT;AACA;;AAUA,IAAMC,KAA0C,GAAG,SAA7CA,KAA6C,OASjC;AAAA,MARhBC,KAQgB,QARhBA,KAQgB;AAAA,MAPhBC,MAOgB,QAPhBA,MAOgB;AAAA,MANhBC,SAMgB,QANhBA,SAMgB;AAAA,MALhBC,UAKgB,QALhBA,UAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUc,QAAV,CADO,uCAENR,KAFM,GAEI,CAAC,CAACA,KAFN,0BAGHI,KAHG,EADvB;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,SAAS,EAAEH,SAPb;AAQE,IAAA,UAAU,EAAEC,UARd;AASE,IAAA,KAAK,EAAEG,KATT;AAUE,IAAA,QAAQ,EAAEC,SAAS,CAACE;AAVtB,KAYE,0CAAWF,SAAX;AAAsB,IAAA,SAAS,EAAC,WAAhC;AAA4C,IAAA,GAAG,EAAEN;AAAjD,KAZF,CADF;AAgBD,CA3BD;;AA6BAF,KAAK,CAACW,YAAN,GAAqB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAArB;AAIA,eAAed,cAAc,CAACE,KAAD,EAAQ;AACnCK,EAAAA,KAAK,EAAE;AAD4B,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Input.css\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    AdaptivityProps,\n    FormFieldProps {}\n\nconst Input: React.FunctionComponent<InputProps> = ({\n  align,\n  getRef,\n  className,\n  getRootRef,\n  sizeY,\n  style,\n  after,\n  ...restProps\n}: InputProps) => {\n  const platform = usePlatform();\n  return (\n    <FormField\n      vkuiClass={classNames(\n        getClassName(\"Input\", platform),\n        { [`Input--${align}`]: !!align },\n        `Input--sizeY-${sizeY}`\n      )}\n      style={style}\n      className={className}\n      getRootRef={getRootRef}\n      after={after}\n      disabled={restProps.disabled}\n    >\n      <input {...restProps} vkuiClass=\"Input__el\" ref={getRef} />\n    </FormField>\n  );\n};\n\nInput.defaultProps = {\n  type: \"text\",\n};\n\nexport default withAdaptivity(Input, {\n  sizeY: true,\n});\n"],"file":"Input.js"}

package/dist/cssm/components/Link/Link.js

@@ -13,9 +13,9 @@ var Link = function Link(_ref) {
 
   var platform = usePlatform();
   return createScopedElement(Tappable, _extends({
-    Component: restProps.href ? 'a' : 'button'
+    Component: restProps.href ? "a" : "button"
   }, restProps, {
-    vkuiClass: getClassName('Link', platform),
+    vkuiClass: getClassName("Link", platform),
     hasActive: false,
     hoverMode: "opacity",
     focusVisibleMode: "outside"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"names":["getClassName","usePlatform","Tappable","Link","children","restProps","platform","href"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA;;AAIA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAGjB;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEI,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAEL,YAAY,CAAC,MAAD,EAASM,QAAT,CAHzB;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAlBD;;AAoBA,eAAeD,IAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport './Link.css';\n\nexport type LinkProps = TappableProps;\n\nconst Link: React.FC<LinkProps> = ({\n  children,\n  ...restProps\n}: LinkProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      vkuiClass={getClassName('Link', platform)}\n      hasActive={false}\n      hoverMode=\"opacity\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n\nexport default Link;\n"],"file":"Link.js"}
+{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"names":["getClassName","usePlatform","Tappable","Link","children","restProps","platform","href"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA;;AAIA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;;AAC3E,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEI,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAEL,YAAY,CAAC,MAAD,EAASM,QAAT,CAHzB;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAfD;;AAiBA,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport type LinkProps = TappableProps;\n\nconst Link: React.FC<LinkProps> = ({ children, ...restProps }: LinkProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component={restProps.href ? \"a\" : \"button\"}\n      {...restProps}\n      vkuiClass={getClassName(\"Link\", platform)}\n      hasActive={false}\n      hoverMode=\"opacity\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n\nexport default Link;\n"],"file":"Link.js"}

package/dist/cssm/components/List/List.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -24,8 +24,8 @@ var List = function List(_ref) {
   return createScopedElement("div", _extends({
     role: "list"
   }, restProps, {
-    vkuiClass: classNames(getClassName('List', platform), {
-      'List--dragging': isDragging
+    vkuiClass: classNames(getClassName("List", platform), {
+      "List--dragging": isDragging
     })
   }), createScopedElement(ListContext.Provider, {
     value: React.useMemo(function () {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["React","classNames","getClassName","usePlatform","ListContext","List","children","restProps","platform","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,WAAT;AACA;;AAEA,IAAMC,IAAmE,GAAG,SAAtEA,IAAsE,OAGhC;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;;AACA,wBAAiCH,KAAK,CAACS,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMJ,SAFN;AAGE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,MAAD,EAASM,QAAT,CAAb,EAAiC;AACpD,wBAAkBE;AADkC,KAAjC;AAHvB,MAOE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEV,KAAK,CAACY,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGL,QADH,CAPF,CADF;AAaD,CApBD;;AAsBA,eAAeD,IAAf","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ListContext } from './ListContext';\nimport './List.css';\n\nconst List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  const platform = usePlatform();\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      vkuiClass={classNames(getClassName('List', platform), {\n        'List--dragging': isDragging,\n      })}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n\nexport default List;\n"],"file":"List.js"}
+{"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["React","classNames","getClassName","usePlatform","ListContext","List","children","restProps","platform","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,WAAT;AACA;;AAEA,IAAMC,IAAmE,GAAG,SAAtEA,IAAsE,OAGhC;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;;AACA,wBAAiCH,KAAK,CAACS,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMJ,SAFN;AAGE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,MAAD,EAASM,QAAT,CAAb,EAAiC;AACpD,wBAAkBE;AADkC,KAAjC;AAHvB,MAOE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEV,KAAK,CAACY,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGL,QADH,CAPF,CADF;AAaD,CApBD;;AAsBA,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nconst List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  const platform = usePlatform();\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      vkuiClass={classNames(getClassName(\"List\", platform), {\n        \"List--dragging\": isDragging,\n      })}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n\nexport default List;\n"],"file":"List.js"}

package/dist/cssm/components/List/ListContext.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 import { noop } from "../../lib/utils";
 export var ListContext = /*#__PURE__*/React.createContext({
   toggleDrag: noop

package/dist/cssm/components/List/ListContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/ListContext.ts"],"names":["React","noop","ListContext","createContext","toggleDrag"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AAEA,OAAO,IAAMC,WAAW,gBAAGF,KAAK,CAACG,aAAN,CAAoB;AAC7CC,EAAAA,UAAU,EAAEH;AADiC,CAApB,CAApB","sourcesContent":["import * as React from 'react';\nimport { noop } from '../../lib/utils';\n\nexport const ListContext = React.createContext({\n  toggleDrag: noop as (value: boolean) => void,\n});\n"],"file":"ListContext.js"}
+{"version":3,"sources":["../../../../src/components/List/ListContext.ts"],"names":["React","noop","ListContext","createContext","toggleDrag"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AAEA,OAAO,IAAMC,WAAW,gBAAGF,KAAK,CAACG,aAAN,CAAoB;AAC7CC,EAAAA,UAAU,EAAEH;AADiC,CAApB,CAApB","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\n\nexport const ListContext = React.createContext({\n  toggleDrag: noop as (value: boolean) => void,\n});\n"],"file":"ListContext.js"}

package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js

@@ -27,21 +27,21 @@ export var MiniInfoCell = function MiniInfoCell(props) {
   return createScopedElement(Tappable, _extends({
     Component: "div",
     disabled: !isClickable,
-    role: isClickable ? 'button' : null
+    role: isClickable ? "button" : null
   }, restProps, {
-    vkuiClass: classNames(getClassName('MiniInfoCell', platform), (_classNames = {}, _defineProperty(_classNames, "MiniInfoCell--md-".concat(mode), mode !== 'base'), _defineProperty(_classNames, "MiniInfoCell--wr-".concat(textWrap), textWrap !== 'nowrap'), _classNames), "MiniInfoCell--lvl-".concat(textLevel))
+    vkuiClass: classNames(getClassName("MiniInfoCell", platform), (_classNames = {}, _defineProperty(_classNames, "MiniInfoCell--md-".concat(mode), mode !== "base"), _defineProperty(_classNames, "MiniInfoCell--wr-".concat(textWrap), textWrap !== "nowrap"), _classNames), "MiniInfoCell--lvl-".concat(textLevel))
   }), createScopedElement("span", {
     vkuiClass: "MiniInfoCell__icon"
   }, before), createScopedElement(Text, {
     vkuiClass: "MiniInfoCell__content",
-    weight: mode === 'more' ? 'medium' : 'regular'
+    weight: mode === "more" ? "medium" : "regular"
   }, children), hasReactNode(after) && createScopedElement("span", {
     vkuiClass: "MiniInfoCell__after"
   }, after));
 };
 MiniInfoCell.defaultProps = {
-  mode: 'base',
-  textWrap: 'nowrap',
-  textLevel: 'secondary'
+  mode: "base",
+  textWrap: "nowrap",
+  textLevel: "secondary"
 };
 //# sourceMappingURL=MiniInfoCell.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":["classNames","usePlatform","getClassName","Text","Tappable","hasReactNode","MiniInfoCell","props","platform","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","defaultProps"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,IAAP;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA;AA2CA,OAAO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD,EAA8B;AAAA;;AACrF,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;;AACA,MACEQ,MADF,GAQIF,KARJ,CACEE,MADF;AAAA,MAEEC,KAFF,GAQIH,KARJ,CAEEG,KAFF;AAAA,MAGEC,IAHF,GAQIJ,KARJ,CAGEI,IAHF;AAAA,MAIEC,QAJF,GAQIL,KARJ,CAIEK,QAJF;AAAA,MAKEC,SALF,GAQIN,KARJ,CAKEM,SALF;AAAA,MAMEC,QANF,GAQIP,KARJ,CAMEO,QANF;AAAA,MAOKC,SAPL,4BAQIR,KARJ;;AAUA,MAAMS,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAc;AAHjC,KAIMD,SAJN;AAKE,IAAA,SAAS,EAAEf,UAAU,CAACE,YAAY,CAAC,cAAD,EAAiBM,QAAjB,CAAb,6EACEG,IADF,GACWA,IAAI,KAAK,MADpB,2DAEEC,QAFF,GAEeA,QAAQ,KAAK,QAF5B,6CAGGC,SAHH;AALvB,MAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAVF,EAWE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC,uBAAhB;AAAwC,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,QAAlB,GAA6B;AAA7E,KACGG,QADH,CAXF,EAcGT,YAAY,CAACK,KAAD,CAAZ,IAAuB;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CAd1B,CADF;AAkBD,CAhCM;AAkCPJ,YAAY,CAACY,YAAb,GAA4B;AAC1BP,EAAAA,IAAI,EAAE,MADoB;AAE1BC,EAAAA,QAAQ,EAAE,QAFgB;AAG1BC,EAAAA,SAAS,EAAE;AAHe,CAA5B","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport Text from '../Typography/Text/Text';\nimport Tappable from '../../components/Tappable/Tappable';\nimport { hasReactNode } from '../../lib/utils';\nimport './MiniInfoCell.css';\n\nexport interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'add' | 'more';\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Стиль текста:\n   *\n   * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n   * - `secondary` – стиль по-умолчанию.\n   */\n  textLevel?: 'primary' | 'secondary';\n}\n\nexport const MiniInfoCell: React.FC<MiniInfoCellProps> = (props: MiniInfoCellProps) => {\n  const platform = usePlatform();\n  const {\n    before,\n    after,\n    mode,\n    textWrap,\n    textLevel,\n    children,\n    ...restProps\n  } = props;\n\n  const isClickable = !!restProps.onClick;\n\n  return (\n    <Tappable\n      Component=\"div\"\n      disabled={!isClickable}\n      role={isClickable ? 'button' : null}\n      {...restProps}\n      vkuiClass={classNames(getClassName('MiniInfoCell', platform), {\n        [`MiniInfoCell--md-${mode}`]: mode !== 'base',\n        [`MiniInfoCell--wr-${textWrap}`]: textWrap !== 'nowrap',\n      }, `MiniInfoCell--lvl-${textLevel}`)}\n    >\n      <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n      <Text vkuiClass=\"MiniInfoCell__content\" weight={mode === 'more' ? 'medium' : 'regular'}>\n        {children}\n      </Text>\n      {hasReactNode(after) && <span vkuiClass=\"MiniInfoCell__after\">{after}</span>}\n    </Tappable>\n  );\n};\n\nMiniInfoCell.defaultProps = {\n  mode: 'base',\n  textWrap: 'nowrap',\n  textLevel: 'secondary',\n};\n"],"file":"MiniInfoCell.js"}
+{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":["classNames","usePlatform","getClassName","Text","Tappable","hasReactNode","MiniInfoCell","props","platform","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","defaultProps"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,IAAP;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA;AA4CA,OAAO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CACvDC,KADuD,EAEpD;AAAA;;AACH,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;;AACA,MAAQQ,MAAR,GACEF,KADF,CAAQE,MAAR;AAAA,MAAgBC,KAAhB,GACEH,KADF,CAAgBG,KAAhB;AAAA,MAAuBC,IAAvB,GACEJ,KADF,CAAuBI,IAAvB;AAAA,MAA6BC,QAA7B,GACEL,KADF,CAA6BK,QAA7B;AAAA,MAAuCC,SAAvC,GACEN,KADF,CAAuCM,SAAvC;AAAA,MAAkDC,QAAlD,GACEP,KADF,CAAkDO,QAAlD;AAAA,MAA+DC,SAA/D,4BACER,KADF;;AAGA,MAAMS,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAc;AAHjC,KAIMD,SAJN;AAKE,IAAA,SAAS,EAAEf,UAAU,CACnBE,YAAY,CAAC,cAAD,EAAiBM,QAAjB,CADO,6EAGIG,IAHJ,GAGaA,IAAI,KAAK,MAHtB,2DAIIC,QAJJ,GAIiBA,QAAQ,KAAK,QAJ9B,6CAMEC,SANF;AALvB,MAcE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAdF,EAeE,oBAAC,IAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,QAAlB,GAA6B;AAFvC,KAIGG,QAJH,CAfF,EAqBGT,YAAY,CAACK,KAAD,CAAZ,IACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CAtBJ,CADF;AA2BD,CApCM;AAsCPJ,YAAY,CAACY,YAAb,GAA4B;AAC1BP,EAAAA,IAAI,EAAE,MADoB;AAE1BC,EAAAA,QAAQ,EAAE,QAFgB;AAG1BC,EAAAA,SAAS,EAAE;AAHe,CAA5B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Text from \"../Typography/Text/Text\";\nimport Tappable from \"../../components/Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: \"base\" | \"add\" | \"more\";\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: \"nowrap\" | \"short\" | \"full\";\n\n  /**\n   * Стиль текста:\n   *\n   * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n   * - `secondary` – стиль по-умолчанию.\n   */\n  textLevel?: \"primary\" | \"secondary\";\n}\n\nexport const MiniInfoCell: React.FC<MiniInfoCellProps> = (\n  props: MiniInfoCellProps\n) => {\n  const platform = usePlatform();\n  const { before, after, mode, textWrap, textLevel, children, ...restProps } =\n    props;\n\n  const isClickable = !!restProps.onClick;\n\n  return (\n    <Tappable\n      Component=\"div\"\n      disabled={!isClickable}\n      role={isClickable ? \"button\" : null}\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"MiniInfoCell\", platform),\n        {\n          [`MiniInfoCell--md-${mode}`]: mode !== \"base\",\n          [`MiniInfoCell--wr-${textWrap}`]: textWrap !== \"nowrap\",\n        },\n        `MiniInfoCell--lvl-${textLevel}`\n      )}\n    >\n      <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n      <Text\n        vkuiClass=\"MiniInfoCell__content\"\n        weight={mode === \"more\" ? \"medium\" : \"regular\"}\n      >\n        {children}\n      </Text>\n      {hasReactNode(after) && (\n        <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n      )}\n    </Tappable>\n  );\n};\n\nMiniInfoCell.defaultProps = {\n  mode: \"base\",\n  textWrap: \"nowrap\",\n  textLevel: \"secondary\",\n};\n"],"file":"MiniInfoCell.js"}

package/dist/cssm/components/ModalCard/ModalCard.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["icon", "header", "subheader", "children", "actions", "actionsLayout", "onClose", "platform", "viewWidth", "viewHeight", "hasMouse", "nav"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { withPlatform } from "../../hoc/withPlatform";
@@ -13,7 +13,7 @@ import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
 import { ModalCardBase } from "../ModalCardBase/ModalCardBase";
 import "./ModalCard.css";
-var warn = warnOnce('ModalCard');
+var warn = warnOnce("ModalCard");
 
 var ModalCard = function ModalCard(props) {
   var icon = props.icon,
@@ -37,8 +37,8 @@ var ModalCard = function ModalCard(props) {
       refs = _useModalRegistry.refs;
 
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('ModalCard', platform), {
-      'ModalCard--desktop': isDesktop
+    vkuiClass: classNames(getClassName("ModalCard", platform), {
+      "ModalCard--desktop": isDesktop
     })
   }), createScopedElement(ModalCardBase, {
     vkuiClass: "ModalCard__in",
@@ -53,7 +53,7 @@ var ModalCard = function ModalCard(props) {
 };
 
 ModalCard.defaultProps = {
-  actionsLayout: 'horizontal'
+  actionsLayout: "horizontal"
 };
 export default withAdaptivity(withPlatform(ModalCard), {
   viewWidth: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":["React","getClassName","classNames","withPlatform","withAdaptivity","ViewHeight","ViewWidth","ModalRootContext","useModalRegistry","ModalType","getNavId","warnOnce","ModalCardBase","warn","ModalCard","props","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","restProps","isDesktop","SMALL_TABLET","MEDIUM","modalContext","useContext","CARD","refs","innerElement","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,cAAT,EAA0CC,UAA1C,EAAsDC,SAAtD;AACA,OAAOC,gBAAP,IAA2BC,gBAA3B;AACA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA;AAIA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,WAAD,CAArB;;AAEA,IAAMG,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MACEC,IADF,GAcID,KAdJ,CACEC,IADF;AAAA,MAEEC,MAFF,GAcIF,KAdJ,CAEEE,MAFF;AAAA,MAGEC,SAHF,GAcIH,KAdJ,CAGEG,SAHF;AAAA,MAIEC,QAJF,GAcIJ,KAdJ,CAIEI,QAJF;AAAA,MAKEC,OALF,GAcIL,KAdJ,CAKEK,OALF;AAAA,MAMEC,aANF,GAcIN,KAdJ,CAMEM,aANF;AAAA,MAOEC,OAPF,GAcIP,KAdJ,CAOEO,OAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,SATF,GAcIT,KAdJ,CASES,SATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,QAXF;AAAA,MAYEC,GAZF,GAcIZ,KAdJ,CAYEY,GAZF;AAAA,MAaKC,SAbL,4BAcIb,KAdJ;;AAgBA,MAAMc,SAAS,GAAGL,SAAS,IAAIlB,SAAS,CAACwB,YAAvB,KAAwCJ,QAAQ,IAAID,UAAU,IAAIpB,UAAU,CAAC0B,MAA7E,CAAlB;AAEA,MAAMC,YAAY,GAAGhC,KAAK,CAACiC,UAAN,CAAiB1B,gBAAjB,CAArB;;AACA,0BAAiBC,gBAAgB,CAACE,QAAQ,CAACK,KAAD,EAAQF,IAAR,CAAT,EAAwBJ,SAAS,CAACyB,IAAlC,CAAjC;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,wCACMP,SADN;AAEE,IAAA,SAAS,EAAE1B,UAAU,CAACD,YAAY,CAAC,WAAD,EAAcsB,QAAd,CAAb,EAAsC;AACzD,4BAAsBM;AADmC,KAAtC;AAFvB,MAME,oBAAC,aAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEM,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEpB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIU,YAAY,CAACV;AARnC,KAUGH,QAVH,CANF,CADF;AAqBD,CA3CD;;AA6CAL,SAAS,CAACuB,YAAV,GAAyB;AACvBhB,EAAAA,aAAa,EAAE;AADQ,CAAzB;AAIA,eAAejB,cAAc,CAACD,YAAY,CAACW,SAAD,CAAb,EAA0B;AACrDU,EAAAA,SAAS,EAAE,IAD0C;AAErDC,EAAAA,UAAU,EAAE,IAFyC;AAGrDC,EAAAA,QAAQ,EAAE;AAH2C,CAA1B,CAA7B","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { HasPlatform } from '../../types';\nimport { withAdaptivity, AdaptivityProps, ViewHeight, ViewWidth } from '../../hoc/withAdaptivity';\nimport ModalRootContext, { useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { ModalType } from '../ModalRoot/types';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport './ModalCard.css';\n\nexport interface ModalCardProps extends HasPlatform, AdaptivityProps, NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\nconst ModalCard: React.FC<ModalCardProps> = (props: ModalCardProps) => {\n  const {\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    onClose,\n    platform,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    nav,\n    ...restProps\n  } = props;\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalCard', platform), {\n        'ModalCard--desktop': isDesktop,\n      })}\n    >\n      <ModalCardBase\n        vkuiClass=\"ModalCard__in\"\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        actionsLayout={actionsLayout}\n        onClose={onClose || modalContext.onClose}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n\nModalCard.defaultProps = {\n  actionsLayout: 'horizontal',\n};\n\nexport default withAdaptivity(withPlatform(ModalCard), {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalCard.js"}
+{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":["React","getClassName","classNames","withPlatform","withAdaptivity","ViewHeight","ViewWidth","ModalRootContext","useModalRegistry","ModalType","getNavId","warnOnce","ModalCardBase","warn","ModalCard","props","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","restProps","isDesktop","SMALL_TABLET","MEDIUM","modalContext","useContext","CARD","refs","innerElement","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SACEC,cADF,EAGEC,UAHF,EAIEC,SAJF;AAMA,OAAOC,gBAAP,IACEC,gBADF;AAGA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SACEC,aADF;AAIA;AAQA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,WAAD,CAArB;;AAEA,IAAMG,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MACEC,IADF,GAcID,KAdJ,CACEC,IADF;AAAA,MAEEC,MAFF,GAcIF,KAdJ,CAEEE,MAFF;AAAA,MAGEC,SAHF,GAcIH,KAdJ,CAGEG,SAHF;AAAA,MAIEC,QAJF,GAcIJ,KAdJ,CAIEI,QAJF;AAAA,MAKEC,OALF,GAcIL,KAdJ,CAKEK,OALF;AAAA,MAMEC,aANF,GAcIN,KAdJ,CAMEM,aANF;AAAA,MAOEC,OAPF,GAcIP,KAdJ,CAOEO,OAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,SATF,GAcIT,KAdJ,CASES,SATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,QAXF;AAAA,MAYEC,GAZF,GAcIZ,KAdJ,CAYEY,GAZF;AAAA,MAaKC,SAbL,4BAcIb,KAdJ;;AAgBA,MAAMc,SAAS,GACbL,SAAS,IAAIlB,SAAS,CAACwB,YAAvB,KACCJ,QAAQ,IAAID,UAAU,IAAIpB,UAAU,CAAC0B,MADtC,CADF;AAIA,MAAMC,YAAY,GAAGhC,KAAK,CAACiC,UAAN,CAAiB1B,gBAAjB,CAArB;;AACA,0BAAiBC,gBAAgB,CAACE,QAAQ,CAACK,KAAD,EAAQF,IAAR,CAAT,EAAwBJ,SAAS,CAACyB,IAAlC,CAAjC;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,wCACMP,SADN;AAEE,IAAA,SAAS,EAAE1B,UAAU,CAACD,YAAY,CAAC,WAAD,EAAcsB,QAAd,CAAb,EAAsC;AACzD,4BAAsBM;AADmC,KAAtC;AAFvB,MAME,oBAAC,aAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEM,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEpB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIU,YAAY,CAACV;AARnC,KAUGH,QAVH,CANF,CADF;AAqBD,CA7CD;;AA+CAL,SAAS,CAACuB,YAAV,GAAyB;AACvBhB,EAAAA,aAAa,EAAE;AADQ,CAAzB;AAIA,eAAejB,cAAc,CAACD,YAAY,CAACW,SAAD,CAAb,EAA0B;AACrDU,EAAAA,SAAS,EAAE,IAD0C;AAErDC,EAAAA,UAAU,EAAE,IAFyC;AAGrDC,EAAAA,QAAQ,EAAE;AAH2C,CAA1B,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasPlatform } from \"../../types\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext, {\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  ModalCardBase,\n  ModalCardBaseProps,\n} from \"../ModalCardBase/ModalCardBase\";\nimport \"./ModalCard.css\";\n\nexport interface ModalCardProps\n  extends HasPlatform,\n    AdaptivityProps,\n    NavIdProps,\n    ModalCardBaseProps {}\n\nconst warn = warnOnce(\"ModalCard\");\n\nconst ModalCard: React.FC<ModalCardProps> = (props: ModalCardProps) => {\n  const {\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    onClose,\n    platform,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    nav,\n    ...restProps\n  } = props;\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName(\"ModalCard\", platform), {\n        \"ModalCard--desktop\": isDesktop,\n      })}\n    >\n      <ModalCardBase\n        vkuiClass=\"ModalCard__in\"\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        actionsLayout={actionsLayout}\n        onClose={onClose || modalContext.onClose}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n\nModalCard.defaultProps = {\n  actionsLayout: \"horizontal\",\n};\n\nexport default withAdaptivity(withPlatform(ModalCard), {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalCard.js"}