npm - @vkontakte/vkui - Versions diffs - 4.22.0 → 4.24.0 - Mend

@vkontakte/vkui 4.22.0 → 4.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2208) hide show

package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"names":["React","Tappable","getClassName","classNames","usePlatform","Text","SliderSwitchButton","props","active","hovered","children","getRootRef","restProps","platform","useState","focus","setFocus","toggleFocus"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,IAAP;AACA;;~~AAOA~~,IAAMC,kBAAwD,GAAG,SAA3DA,kBAA2D,~~CAACC~~,~~KAAD~~,~~EAAwB~~;AAAA;;~~AACvF~~,MAAQC,MAAR,GAAgED,KAAhE,CAAQC,MAAR;AAAA,MAAgBC,OAAhB,GAAgEF,KAAhE,CAAgBE,OAAhB;AAAA,MAAyBC,QAAzB,GAAgEH,KAAhE,CAAyBG,QAAzB;AAAA,MAAmCC,UAAnC,GAAgEJ,KAAhE,CAAmCI,UAAnC;AAAA,MAAkDC,SAAlD,4BAAgEL,KAAhE;;AACA,MAAMM,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BJ,KAAK,CAACc,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAIA,~~SAAO~~,oBAAC,QAAD,~~eAAcH~~,~~SAAd~~;~~AACL~~,IAAA,SAAS,~~EACPT~~,UAAU,~~CACRD~~,YAAY,CAAC,sBAAD,EAAyBW,QAAzB,~~CADJ~~,~~kDAGL~~,~~8BAHK~~,~~EAG4BL~~,~~MAH5B~~,~~gCAIL~~,~~6BAJK~~,~~EAI2B~~,CAACA,MAAD,IAAWC,~~OAJtC~~,~~gCAKL~~,~~mCALK~~,~~EAKiCD~~,MAAM,IAAIC,~~OAL3C~~,~~gCAML~~,~~6BANK~~,~~EAM2BM~~,KAAK,IAAI,CAACN,~~OANrC~~,~~gBAFP~~;~~AAYL~~,IAAA,SAAS,EAAC,~~QAZL~~;~~AAaL~~,IAAA,IAAI,EAAC,~~QAbA~~;~~AAcL~~,IAAA,UAAU,EAAEE,~~UAdP~~;~~AAeL~~,oBAAcH,~~MAfT~~;~~AAgBL~~,IAAA,OAAO,EAAES,~~WAhBJ~~;~~AAiBL~~,IAAA,MAAM,EAAEA,~~WAjBH~~;~~AAkBL~~,IAAA,QAAQ,EAAE,~~CAlBL~~;~~AAmBL~~,IAAA,SAAS,EAAE,~~KAnBN~~;~~AAoBL~~,IAAA,SAAS,EAAC;~~AApBL~~,~~MAsBL~~,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAuBP,QAAvB,~~CAtBK~~,~~CAAP~~;~~AAwBD~~,CAjCD;;AAmCA,eAAeJ,kBAAf","sourcesContent":["import * as React from 'react';\nimport Tappable from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRootRef } from '../../types';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Text from '../Typography/Text/Text';\nimport './SliderSwitch.css';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n active?: boolean;\n hovered?: boolean;\n}\n\nconst SliderSwitchButton: React.FunctionComponent<ButtonProps> = (props: ButtonProps) => {\n const { active, hovered, children, getRootRef, ...restProps } = props;\n const platform = usePlatform();\n const [focus, setFocus] = React.useState(false);\n\n const toggleFocus = () => {\n setFocus(!focus);\n };\n\n return <Tappable {...restProps}\n vkuiClass={\n classNames(\n getClassName('SliderSwitch__button', platform)~~,\n~~ {\n ['SliderSwitch__button--active']: active,\n ['SliderSwitch__button--hover']: !active && hovered,\n ['SliderSwitch__button--activeHover']: active && hovered,\n ['SliderSwitch__button--focus']: focus && !hovered,\n }~~,\n~~ )\n }\n Component=\"button\"\n type=\"button\"\n getRootRef={getRootRef}\n aria-pressed={active}\n onFocus={toggleFocus}\n onBlur={toggleFocus}\n tabIndex={0}\n hasActive={false}\n hoverMode=\"opacity\"\n >\n <Text weight=\"medium\">{children}</Text>\n </Tappable~~>;\~~n};\n\nexport default SliderSwitchButton;\n"],"file":"SliderSwitchButton.js"}
1	+ {"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"names":["React","Tappable","getClassName","classNames","usePlatform","Text","SliderSwitchButton","props","active","hovered","children","getRootRef","restProps","platform","useState","focus","setFocus","toggleFocus"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,IAAP;AACA;;AASA,IAAMC,kBAAwD,GAAG,SAA3DA,kBAA2D,CAC/DC,KAD+D,EAE5D;AAAA;;AACH,MAAQC,MAAR,GAAgED,KAAhE,CAAQC,MAAR;AAAA,MAAgBC,OAAhB,GAAgEF,KAAhE,CAAgBE,OAAhB;AAAA,MAAyBC,QAAzB,GAAgEH,KAAhE,CAAyBG,QAAzB;AAAA,MAAmCC,UAAnC,GAAgEJ,KAAhE,CAAmCI,UAAnC;AAAA,MAAkDC,SAAlD,4BAAgEL,KAAhE;;AACA,MAAMM,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BJ,KAAK,CAACc,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAIA,SACE,oBAAC,QAAD,eACMH,SADN;AAEE,IAAA,SAAS,EAAET,UAAU,CAACD,YAAY,CAAC,sBAAD,EAAyBW,QAAzB,CAAb,kDAClB,8BADkB,EACeL,MADf,gCAElB,6BAFkB,EAEc,CAACA,MAAD,IAAWC,OAFzB,gCAGlB,mCAHkB,EAGoBD,MAAM,IAAIC,OAH9B,gCAIlB,6BAJkB,EAIcM,KAAK,IAAI,CAACN,OAJxB,gBAFvB;AAQE,IAAA,SAAS,EAAC,QARZ;AASE,IAAA,IAAI,EAAC,QATP;AAUE,IAAA,UAAU,EAAEE,UAVd;AAWE,oBAAcH,MAXhB;AAYE,IAAA,OAAO,EAAES,WAZX;AAaE,IAAA,MAAM,EAAEA,WAbV;AAcE,IAAA,QAAQ,EAAE,CAdZ;AAeE,IAAA,SAAS,EAAE,KAfb;AAgBE,IAAA,SAAS,EAAC;AAhBZ,MAkBE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAuBP,QAAvB,CAlBF,CADF;AAsBD,CAjCD;;AAmCA,eAAeJ,kBAAf","sourcesContent":["import * as React from \"react\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Text from \"../Typography/Text/Text\";\nimport \"./SliderSwitch.css\";\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n active?: boolean;\n hovered?: boolean;\n}\n\nconst SliderSwitchButton: React.FunctionComponent<ButtonProps> = (\n props: ButtonProps\n) => {\n const { active, hovered, children, getRootRef, ...restProps } = props;\n const platform = usePlatform();\n const [focus, setFocus] = React.useState(false);\n\n const toggleFocus = () => {\n setFocus(!focus);\n };\n\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(getClassName(\"SliderSwitch__button\", platform), {\n [\"SliderSwitch__button--active\"]: active,\n [\"SliderSwitch__button--hover\"]: !active && hovered,\n [\"SliderSwitch__button--activeHover\"]: active && hovered,\n [\"SliderSwitch__button--focus\"]: focus && !hovered,\n })}\n Component=\"button\"\n type=\"button\"\n getRootRef={getRootRef}\n aria-pressed={active}\n onFocus={toggleFocus}\n onBlur={toggleFocus}\n tabIndex={0}\n hasActive={false}\n hoverMode=\"opacity\"\n >\n <Text weight=\"medium\">{children}</Text>\n </Tappable>\n );\n};\n\nexport default SliderSwitchButton;\n"],"file":"SliderSwitchButton.js"}

package/dist/cssm/components/Snackbar/Snackbar.js CHANGED Viewed

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "layout", "action", "before", "after", "viewWidth", "duration", "onActionClick", "onClose"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { Touch } from "../Touch/Touch";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
@@ -63,7 +63,7 @@ var SnackbarComponent = function SnackbarComponent(props) {
   var handleActionClick = function handleActionClick(e) {
     close();
-    if (action && typeof onActionClick === 'function') {
+    if (action && typeof onActionClick === "function") {
       onActionClick(e);
     }
   };
@@ -130,12 +130,12 @@ var SnackbarComponent = function SnackbarComponent(props) {
   };
   React.useEffect(closeTimeout.set, []);
-  var resolvedLayout = after || isDesktop ? 'vertical' : layout;
+  var resolvedLayout = after || isDesktop ? "vertical" : layout;
   return createScopedElement(AppRootPortal, null, createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('Snackbar', platform), "Snackbar--l-".concat(resolvedLayout), {
-      'Snackbar--closing': closing,
-      'Snackbar--touched': touched,
-      'Snackbar--desktop': isDesktop
+    vkuiClass: classNames(getClassName("Snackbar", platform), "Snackbar--l-".concat(resolvedLayout), {
+      "Snackbar--closing": closing,
+      "Snackbar--touched": touched,
+      "Snackbar--desktop": isDesktop
     })
   }), createScopedElement(Touch, {
     vkuiClass: "Snackbar__in",
@@ -165,10 +165,10 @@ var SnackbarComponent = function SnackbarComponent(props) {
   }, after)))));
 };
-SnackbarComponent.displayName = 'Snackbar';
+SnackbarComponent.displayName = "Snackbar";
 SnackbarComponent.defaultProps = {
   duration: 4000,
-  layout: 'horizontal'
+  layout: "horizontal"
 };
 export var Snackbar = withAdaptivity(SnackbarComponent, {
   viewWidth: true

package/dist/cssm/components/Snackbar/Snackbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["React","Touch","classNames","getClassName","ANDROID","VKCOM","rubber","withAdaptivity","ViewWidth","Text","Button","AppRootPortal","useWaitTransitionFinish","usePlatform","useTimeout","SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","SMALL_TABLET","transitionFinishDurationFallback","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { classNames } from '../../lib/classNames';\nimport { HasPlatform } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { rubber } from '../../lib/touch';\nimport { withAdaptivity, AdaptivityProps, ViewWidth } from '../../hoc/withAdaptivity';\nimport Text from '../Typography/Text/Text';\nimport Button from '../Button/Button';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Snackbar.css';\n\nexport interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {\n /*\n Название кнопки действия в уведомлении\n /\n action?: string \| React.ComponentType;\n\n /\n Будет вызвано при клике на кнопку действия\n /\n onActionClick?: (e: React.MouseEvent) => void;\n\n /\n Цветная иконка 24x24 пикселя\n /\n before?: React.ReactNode;\n /\n Контент в правой части, может быть `<Avatar size={32} />`\n /\n after?: React.ReactNode;\n /\n Варианты расположения кнопки\n /\n layout?: 'vertical' \| 'horizontal';\n /\n Время в миллисекундах, через которое плашка скроется\n /\n duration?: number;\n /\n Обработчик закрытия уведомления\n /\n onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n const {\n children,\n layout,\n action,\n before,\n after,\n viewWidth,\n duration,\n onActionClick,\n onClose,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n const [touched, setTouched] = React.useState(false);\n\n const shiftXPercentRef = React.useRef<number>(0);\n const shiftXCurrentRef = React.useRef<number>(0);\n\n const bodyElRef = React.useRef<HTMLDivElement \| null>(null);\n const innerElRef = React.useRef<HTMLDivElement \| null>(null);\n\n const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> \| null>(null);\n\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n const transitionFinishDurationFallback = platform === ANDROID \|\| platform === VKCOM ? 400 : 320;\n\n const close = () => {\n setClosing(true);\n waitTransitionFinish(innerElRef.current, () => {\n onClose();\n }, transitionFinishDurationFallback);\n };\n\n const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n close();\n\n if (action && typeof onActionClick === 'function') {\n onActionClick(e);\n }\n };\n\n const closeTimeout = useTimeout(close, duration);\n\n const setBodyTransform = (percent: number) => {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = requestAnimationFrame(() => {\n if (bodyElRef.current) {\n bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n }\n });\n };\n\n const onTouchStart = closeTimeout.clear;\n\n const onTouchMoveX = (event: TouchEvent) => {\n const { shiftX, originalEvent } = event;\n originalEvent.preventDefault();\n\n if (!touched) {\n setTouched(true);\n }\n\n shiftXPercentRef.current = shiftX / bodyElRef.current.offsetWidth 100;\n shiftXCurrentRef.current = rubber(shiftXPercentRef.current, 72, 1.2, platform === ANDROID \|\| platform === VKCOM);\n\n setBodyTransform(shiftXCurrentRef.current);\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n let callback: VoidFunction \| undefined;\n\n if (touched) {\n let shiftXCurrent = shiftXCurrentRef.current;\n const expectTranslateY = shiftXCurrent / e.duration * 240 * 0.6;\n shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n if (isDesktop && shiftXCurrent <= -50) {\n closeTimeout.clear();\n waitTransitionFinish(bodyElRef.current, () => {\n onClose();\n }, transitionFinishDurationFallback);\n setBodyTransform(-120);\n } else if (!isDesktop && shiftXCurrent >= 50) {\n closeTimeout.clear();\n waitTransitionFinish(bodyElRef.current, () => {\n onClose();\n }, transitionFinishDurationFallback);\n setBodyTransform(120);\n } else {\n callback = () => {\n closeTimeout.set();\n setBodyTransform(0);\n };\n }\n } else {\n closeTimeout.set();\n }\n\n setTouched(false);\n callback && requestAnimationFrame(callback);\n };\n\n React.useEffect(closeTimeout.set, []);\n\n const resolvedLayout = after \|\| isDesktop ? 'vertical' : layout;\n\n return (\n <AppRootPortal>\n <div\n {...restProps}\n vkuiClass={classNames(getClassName('Snackbar', platform), `Snackbar--l-${resolvedLayout}`, {\n 'Snackbar--closing': closing,\n 'Snackbar--touched': touched,\n 'Snackbar--desktop': isDesktop,\n })}\n >\n <Touch\n vkuiClass=\"Snackbar__in\"\n getRootRef={innerElRef}\n onStart={onTouchStart}\n onMoveX={onTouchMoveX}\n onEnd={onTouchEnd}\n >\n <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n {before &&\n <div vkuiClass=\"Snackbar__before\">\n {before}\n </div>}\n\n <div vkuiClass=\"Snackbar__content\">\n <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">{children}</Text>\n\n {action &&\n <Button align=\"left\" hasHover={false} mode=\"tertiary\" size=\"s\" vkuiClass=\"Snackbar__action\" onClick={handleActionClick}>\n {action}\n </Button>}\n </div>\n\n {after &&\n <div vkuiClass=\"Snackbar__after\">\n {after}\n </div>}\n </div>\n </Touch>\n </div>\n </AppRootPortal>\n );\n};\n\nSnackbarComponent.displayName = 'Snackbar';\n\nSnackbarComponent.defaultProps = {\n duration: 4000,\n layout: 'horizontal',\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n viewWidth: true,\n});\n"],"file":"Snackbar.js"}
1	+ {"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["React","Touch","classNames","getClassName","ANDROID","VKCOM","rubber","withAdaptivity","ViewWidth","Text","Button","AppRootPortal","useWaitTransitionFinish","usePlatform","useTimeout","SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","SMALL_TABLET","transitionFinishDurationFallback","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { rubber } from \"../../lib/touch\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport Button from \"../Button/Button\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Snackbar.css\";\n\nexport interface SnackbarProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n AdaptivityProps {\n /*\n Название кнопки действия в уведомлении\n /\n action?: string \| React.ComponentType;\n\n /\n Будет вызвано при клике на кнопку действия\n /\n onActionClick?: (e: React.MouseEvent) => void;\n\n /\n Цветная иконка 24x24 пикселя\n /\n before?: React.ReactNode;\n /\n Контент в правой части, может быть `<Avatar size={32} />`\n /\n after?: React.ReactNode;\n /\n Варианты расположения кнопки\n /\n layout?: \"vertical\" \| \"horizontal\";\n /\n Время в миллисекундах, через которое плашка скроется\n /\n duration?: number;\n /\n Обработчик закрытия уведомления\n /\n onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n const {\n children,\n layout,\n action,\n before,\n after,\n viewWidth,\n duration,\n onActionClick,\n onClose,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n const [touched, setTouched] = React.useState(false);\n\n const shiftXPercentRef = React.useRef<number>(0);\n const shiftXCurrentRef = React.useRef<number>(0);\n\n const bodyElRef = React.useRef<HTMLDivElement \| null>(null);\n const innerElRef = React.useRef<HTMLDivElement \| null>(null);\n\n const animationFrameRef = React.useRef<ReturnType<\n typeof requestAnimationFrame\n > \| null>(null);\n\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n const transitionFinishDurationFallback =\n platform === ANDROID \|\| platform === VKCOM ? 400 : 320;\n\n const close = () => {\n setClosing(true);\n waitTransitionFinish(\n innerElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n };\n\n const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n close();\n\n if (action && typeof onActionClick === \"function\") {\n onActionClick(e);\n }\n };\n\n const closeTimeout = useTimeout(close, duration);\n\n const setBodyTransform = (percent: number) => {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = requestAnimationFrame(() => {\n if (bodyElRef.current) {\n bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n }\n });\n };\n\n const onTouchStart = closeTimeout.clear;\n\n const onTouchMoveX = (event: TouchEvent) => {\n const { shiftX, originalEvent } = event;\n originalEvent.preventDefault();\n\n if (!touched) {\n setTouched(true);\n }\n\n shiftXPercentRef.current = (shiftX / bodyElRef.current.offsetWidth) 100;\n shiftXCurrentRef.current = rubber(\n shiftXPercentRef.current,\n 72,\n 1.2,\n platform === ANDROID \|\| platform === VKCOM\n );\n\n setBodyTransform(shiftXCurrentRef.current);\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n let callback: VoidFunction \| undefined;\n\n if (touched) {\n let shiftXCurrent = shiftXCurrentRef.current;\n const expectTranslateY = (shiftXCurrent / e.duration) * 240 * 0.6;\n shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n if (isDesktop && shiftXCurrent <= -50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(-120);\n } else if (!isDesktop && shiftXCurrent >= 50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(120);\n } else {\n callback = () => {\n closeTimeout.set();\n setBodyTransform(0);\n };\n }\n } else {\n closeTimeout.set();\n }\n\n setTouched(false);\n callback && requestAnimationFrame(callback);\n };\n\n React.useEffect(closeTimeout.set, []);\n\n const resolvedLayout = after \|\| isDesktop ? \"vertical\" : layout;\n\n return (\n <AppRootPortal>\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"Snackbar\", platform),\n `Snackbar--l-${resolvedLayout}`,\n {\n \"Snackbar--closing\": closing,\n \"Snackbar--touched\": touched,\n \"Snackbar--desktop\": isDesktop,\n }\n )}\n >\n <Touch\n vkuiClass=\"Snackbar__in\"\n getRootRef={innerElRef}\n onStart={onTouchStart}\n onMoveX={onTouchMoveX}\n onEnd={onTouchEnd}\n >\n <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n {before && <div vkuiClass=\"Snackbar__before\">{before}</div>}\n\n <div vkuiClass=\"Snackbar__content\">\n <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">\n {children}\n </Text>\n\n {action && (\n <Button\n align=\"left\"\n hasHover={false}\n mode=\"tertiary\"\n size=\"s\"\n vkuiClass=\"Snackbar__action\"\n onClick={handleActionClick}\n >\n {action}\n </Button>\n )}\n </div>\n\n {after && <div vkuiClass=\"Snackbar__after\">{after}</div>}\n </div>\n </Touch>\n </div>\n </AppRootPortal>\n );\n};\n\nSnackbarComponent.displayName = \"Snackbar\";\n\nSnackbarComponent.defaultProps = {\n duration: 4000,\n layout: \"horizontal\",\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n viewWidth: true,\n});\n"],"file":"Snackbar.js"}

package/dist/cssm/components/Spacing/Spacing.js CHANGED Viewed

@@ -21,11 +21,11 @@ export var Spacing = function Spacing(_ref) {
   return createScopedElement("div", _extends({}, restProps, {
     "aria-hidden": "true",
-    vkuiClass: classNames(getClassName('Spacing', platfrom), {
-      'Spacing--separator': !!separator,
-      'Spacing--separator-center': separator === true || separator === 'center',
-      'Spacing--separator-top': separator === 'top',
-      'Spacing--separator-bottom': separator === 'bottom'
+    vkuiClass: classNames(getClassName("Spacing", platfrom), {
+      "Spacing--separator": !!separator,
+      "Spacing--separator-center": separator === true || separator === "center",
+      "Spacing--separator-top": separator === "top",
+      "Spacing--separator-bottom": separator === "bottom"
     }),
     style: styles
   }));

package/dist/cssm/components/Spacing/Spacing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["classNames","usePlatform","getClassName","Spacing","size","separator","style","restProps","platfrom","styles","height","defaultProps"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA;AAkBA,OAAO,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,~~OAA4D~~;AAAA,~~MAAzDC~~,~~IAAyD~~,~~QAAzDA~~,~~IAAyD~~;AAAA,~~MAAnDC~~,~~SAAmD~~,~~QAAnDA~~,~~SAAmD~~;AAAA,~~MAAxCC~~,~~KAAwC~~,~~QAAxCA~~,~~KAAwC~~;AAAA,~~MAA9BC~~,~~SAA8B~~;;~~AACzG~~,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;;AACA,MAAMQ,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;;AAKA,SACE,wCACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAEP,UAAU,CAACE,YAAY,CAAC,SAAD,EAAYM,QAAZ,CAAb,EAAoC;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,~~mCAA6BA~~,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,~~QAFV~~;~~AAGvD~~,gCAA0BA,SAAS,KAAK,~~KAHe~~;~~AAIvD~~,mCAA6BA,SAAS,KAAK;~~AAJY~~,KAApC,CAHvB;~~AASE~~,IAAA,KAAK,EAAEI;~~AATT~~,KADF;~~AAaD~~,~~CApBM~~;~~AAsBPN~~,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport './Spacing.css';\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n */\n separator?: boolean \| 'top' \| 'bottom' \| 'center';\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({ size, separator, style, ...restProps }: SpacingProps) => {\n const platfrom = usePlatform();\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName('Spacing', platfrom), {\n 'Spacing--separator': !!separator,\n 'Spacing--separator-center': separator === true \|\| separator === 'center',\n 'Spacing--separator-top': separator === 'top',\n 'Spacing--separator-bottom': separator === 'bottom',\n })}\n style={styles}\n />\n );\n};\n\nSpacing.defaultProps = {\n size: 8,\n};\n"],"file":"Spacing.js"}
1	+ {"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["classNames","usePlatform","getClassName","Spacing","size","separator","style","restProps","platfrom","styles","height","defaultProps"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA;AAkBA,OAAO,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAK3B;AAAA,MAJlBC,IAIkB,QAJlBA,IAIkB;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;;AACA,MAAMQ,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;;AAKA,SACE,wCACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAEP,UAAU,CAACE,YAAY,CAAC,SAAD,EAAYM,QAAZ,CAAb,EAAoC;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,mCACEA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAHiB;AAIvD,gCAA0BA,SAAS,KAAK,KAJe;AAKvD,mCAA6BA,SAAS,KAAK;AALY,KAApC,CAHvB;AAUE,IAAA,KAAK,EAAEI;AAVT,KADF;AAcD,CA1BM;AA4BPN,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n */\n separator?: boolean \| \"top\" \| \"bottom\" \| \"center\";\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({\n size,\n separator,\n style,\n ...restProps\n}: SpacingProps) => {\n const platfrom = usePlatform();\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName(\"Spacing\", platfrom), {\n \"Spacing--separator\": !!separator,\n \"Spacing--separator-center\":\n separator === true \|\| separator === \"center\",\n \"Spacing--separator-top\": separator === \"top\",\n \"Spacing--separator-bottom\": separator === \"bottom\",\n })}\n style={styles}\n />\n );\n};\n\nSpacing.defaultProps = {\n size: 8,\n};\n"],"file":"Spacing.js"}

package/dist/cssm/components/Spinner/Spinner.js CHANGED Viewed

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
-import { Icon24Spinner, Icon32Spinner, Icon44Spinner, Icon16Spinner } from '@vkontakte/icons';
+import { Icon24Spinner, Icon32Spinner, Icon44Spinner, Icon16Spinner } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 import "./Spinner.css";
@@ -15,22 +15,22 @@ var Spinner = function Spinner(_ref) {
   var platform = usePlatform();
   var SpinnerIcon = Icon24Spinner;
-  if (size === 'large') {
+  if (size === "large") {
     SpinnerIcon = Icon44Spinner;
   }
-  if (size === 'medium') {
+  if (size === "medium") {
     SpinnerIcon = Icon32Spinner;
   }
-  if (size === 'small') {
+  if (size === "small") {
     SpinnerIcon = Icon16Spinner;
   }
   return createScopedElement("span", _extends({
     role: "status"
   }, restProps, {
-    vkuiClass: getClassName('Spinner', platform)
+    vkuiClass: getClassName("Spinner", platform)
   }), createScopedElement(SpinnerIcon, {
     "aria-hidden": "true",
     vkuiClass: "Spinner__self"
@@ -38,8 +38,8 @@ var Spinner = function Spinner(_ref) {
 };
 Spinner.defaultProps = {
-  'size': 'regular',
-  'aria-label': 'Загружается...'
+  size: "regular",
+  "aria-label": "Загружается..."
 };
 export default /*#__PURE__*/React.memo(Spinner);
 //# sourceMappingURL=Spinner.js.map

package/dist/cssm/components/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":["React","getClassName","Icon24Spinner","Icon32Spinner","Icon44Spinner","Icon16Spinner","usePlatform","Spinner","size","restProps","platform","SpinnerIcon","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,~~SAASC~~,~~aAAT~~,~~EAAwBC~~,~~aAAxB~~,~~EAAuCC~~,~~aAAvC~~,~~EAAsDC~~,~~aAAtD~~,~~QAA2E~~,~~kBAA3E~~;~~AACA~~,SAASC,WAAT;AACA;;AAMA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,~~OAA0C~~;AAAA,~~MAAvCC~~,~~IAAuC~~,~~QAAvCA~~,~~IAAuC~~;AAAA,~~MAA9BC~~,~~SAA8B~~;;~~AAChF~~,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AAEA,MAAIK,WAAW,GAAGT,aAAlB;;AAEA,MAAIM,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGP,aAAd;AACD;;AAED,MAAII,IAAI,KAAK,QAAb,EAAuB;AACrBG,IAAAA,WAAW,GAAGR,aAAd;AACD;;AAED,MAAIK,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGN,aAAd;AACD;;AAED,SACE;~~AAAM~~,IAAA,IAAI,EAAC;~~AAAX~~,~~KAAwBI~~,~~SAAxB~~;~~AAAmC~~,IAAA,SAAS,EAAER,YAAY,CAAC,SAAD,EAAYS,QAAZ;~~AAA1D~~,~~MACE~~,oBAAC,WAAD;AAAa,mBAAY,MAAzB;AAAgC,IAAA,SAAS,EAAC;AAA1C,~~IADF~~,CADF;~~AAKD~~,~~CAtBD~~;;~~AAwBAH~~,OAAO,CAACK,YAAR,GAAuB;~~AACrB~~,~~UAAQ~~,~~SADa~~;AAErB,gBAAc;AAFO,CAAvB;AAKA,~~4BAAeZ~~,KAAK,CAACa,IAAN,CAAWN,OAAX,CAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { Icon24Spinner, Icon32Spinner, Icon44Spinner, Icon16Spinner } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Spinner.css';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: 'small' \| 'regular' \| 'large' \| 'medium';\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({ size, ...restProps }: SpinnerProps) => {\n const platform = usePlatform();\n\n let SpinnerIcon = Icon24Spinner;\n\n if (size === 'large') {\n SpinnerIcon = Icon44Spinner;\n }\n\n if (size === 'medium') {\n SpinnerIcon = Icon32Spinner;\n }\n\n if (size === 'small') {\n SpinnerIcon = Icon16Spinner;\n }\n\n return (\n <span role=\"status\" {...restProps} vkuiClass={getClassName('Spinner', platform)}>\n <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n </span>\n );\n};\n\nSpinner.defaultProps = {\n 'size': 'regular',\n 'aria-label': ~~'Загружается...'~~,\n};\n\nexport default React.memo(Spinner);\n"],"file":"Spinner.js"}
1	+ {"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":["React","getClassName","Icon24Spinner","Icon32Spinner","Icon44Spinner","Icon16Spinner","usePlatform","Spinner","size","restProps","platform","SpinnerIcon","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SACEC,aADF,EAEEC,aAFF,EAGEC,aAHF,EAIEC,aAJF,QAKO,kBALP;AAMA,SAASC,WAAT;AACA;;AAMA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAGpB;AAAA,MAFlBC,IAEkB,QAFlBA,IAEkB;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AAEA,MAAIK,WAAW,GAAGT,aAAlB;;AAEA,MAAIM,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGP,aAAd;AACD;;AAED,MAAII,IAAI,KAAK,QAAb,EAAuB;AACrBG,IAAAA,WAAW,GAAGR,aAAd;AACD;;AAED,MAAIK,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGN,aAAd;AACD;;AAED,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMI,SAFN;AAGE,IAAA,SAAS,EAAER,YAAY,CAAC,SAAD,EAAYS,QAAZ;AAHzB,MAKE,oBAAC,WAAD;AAAa,mBAAY,MAAzB;AAAgC,IAAA,SAAS,EAAC;AAA1C,IALF,CADF;AASD,CA7BD;;AA+BAH,OAAO,CAACK,YAAR,GAAuB;AACrBJ,EAAAA,IAAI,EAAE,SADe;AAErB,gBAAc;AAFO,CAAvB;AAKA,4BAAeR,KAAK,CAACa,IAAN,CAAWN,OAAX,CAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n Icon24Spinner,\n Icon32Spinner,\n Icon44Spinner,\n Icon16Spinner,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Spinner.css\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: \"small\" \| \"regular\" \| \"large\" \| \"medium\";\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({\n size,\n ...restProps\n}: SpinnerProps) => {\n const platform = usePlatform();\n\n let SpinnerIcon = Icon24Spinner;\n\n if (size === \"large\") {\n SpinnerIcon = Icon44Spinner;\n }\n\n if (size === \"medium\") {\n SpinnerIcon = Icon32Spinner;\n }\n\n if (size === \"small\") {\n SpinnerIcon = Icon16Spinner;\n }\n\n return (\n <span\n role=\"status\"\n {...restProps}\n vkuiClass={getClassName(\"Spinner\", platform)}\n >\n <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n </span>\n );\n};\n\nSpinner.defaultProps = {\n size: \"regular\",\n \"aria-label\": \"Загружается...\",\n};\n\nexport default React.memo(Spinner);\n"],"file":"Spinner.js"}

package/dist/cssm/components/SplitCol/SplitCol.js CHANGED Viewed

@@ -3,7 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "width", "maxWidth", "minWidth", "spaced", "animate", "fixed", "style"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import "./SplitCol.css";
 export var SplitColContext = /*#__PURE__*/React.createContext({
@@ -36,9 +36,9 @@ export var SplitCol = function SplitCol(props) {
       minWidth: minWidth
     }),
     ref: baseRef,
-    vkuiClass: classNames('SplitCol', {
-      'SplitCol--spaced': spaced,
-      'SplitCol--fixed': fixed
+    vkuiClass: classNames("SplitCol", {
+      "SplitCol--spaced": spaced,
+      "SplitCol--fixed": fixed
     })
   }), createScopedElement(SplitColContext.Provider, {
     value: contextValue

package/dist/cssm/components/SplitCol/SplitCol.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":["React","classNames","SplitColContext","createContext","colRef","animate","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","contextValue","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA;AAOA,OAAO,IAAMC,eAAe,gBAAGF,KAAK,CAACG,aAAN,CAA0C;AACvEC,EAAAA,MAAM,EAAE,IAD+D;AAEvEC,EAAAA,OAAO,EAAE;AAF8D,CAA1C,CAAxB;AAoBP,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,~~MAAQC~~,~~QAAR~~,~~GAAqGD~~,~~KAArG~~,~~CAAQC~~,~~QAAR~~;AAAA,~~MAAkBC~~,~~KAAlB~~,~~GAAqGF~~,~~KAArG~~,~~CAAkBE~~,~~KAAlB~~;AAAA,~~MAAyBC~~,~~QAAzB~~,~~GAAqGH~~,~~KAArG~~,~~CAAyBG~~,~~QAAzB~~;AAAA,~~MAAmCC~~,~~QAAnC~~,~~GAAqGJ~~,~~KAArG~~,~~CAAmCI~~,~~QAAnC~~;AAAA,~~MAA6CC~~,~~MAA7C~~,~~GAAqGL~~,~~KAArG~~,~~CAA6CK~~,~~MAA7C~~;AAAA,~~uBAAqGL~~,~~KAArG~~,~~CAAqDF~~,~~OAArD~~;AAAA,~~MAAqDA~~,~~OAArD~~,+~~BAA+D~~,~~KAA/D~~;AAAA,~~MAAsEQ~~,~~KAAtE~~,~~GAAqGN~~,~~KAArG~~,~~CAAsEM~~,~~KAAtE~~;AAAA,~~MAA6EC~~,~~KAA7E~~,~~GAAqGP~~,~~KAArG~~,~~CAA6EO~~,~~KAA7E~~;AAAA,~~MAAuFC~~,~~SAAvF~~,~~4BAAqGR~~,~~KAArG~~;;~~AACA~~,MAAMS,OAAO,GAAGhB,KAAK,CAACiB,MAAN,EAAhB;AAEA,MAAMC,YAAY,GAAGlB,KAAK,CAACmB,OAAN,CAAc,YAAM;AACvC,WAAO;AACLf,MAAAA,MAAM,EAAEY,OADH;AAELX,MAAAA,OAAO,EAAPA;AAFK,KAAP;AAID,GALoB,EAKlB,CAACW,OAAD,EAAUX,OAAV,CALkB,CAArB;AAOA,SACE,wCACMU,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHL,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEA,QAHP;AAIHC,MAAAA,QAAQ,EAAEA;AAJP,MAFP;AAQE,IAAA,GAAG,EAAEK,OARP;AASE,IAAA,SAAS,EAAEf,UAAU,CAAC,UAAD,EAAa;AAChC,0BAAoBW,MADY;AAEhC,yBAAmBC;AAFa,KAAb;AATvB,MAcE,oBAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEK;AAAjC,KACGL,KAAK,~~GAAG~~;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCL,QAAvC,~~CAAH~~,~~GAA4DA~~,~~QADpE~~,CAdF,CADF;~~AAoBD~~,~~CA/BM~~","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport './SplitCol.css';\n\nexport interface SplitColContextProps {\n colRef: React.RefObject<HTMLDivElement>;\n animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n colRef: null,\n animate: true,\n});\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number \| string;\n maxWidth?: number \| string;\n minWidth?: number \| string;\n /*\n Если false, то переходы между Panel происходят без анимации\n /\n animate?: boolean;\n /\n Если true, то добавляются боковые отступы фиксированной величины\n */\n spaced?: boolean;\n fixed?: boolean;\n}\n\nexport const SplitCol: React.FC<SplitColProps> = (props: SplitColProps) => {\n const { children, width, maxWidth, minWidth, spaced, animate = false, fixed, style, ...restProps } = props;\n const baseRef = React.useRef<HTMLDivElement>();\n\n const contextValue = React.useMemo(() => {\n return {\n colRef: baseRef,\n animate,\n };\n }, [baseRef, animate]);\n\n return (\n <div\n {...restProps}\n style={{\n ...style,\n width: width,\n maxWidth: maxWidth,\n minWidth: minWidth,\n }}\n ref={baseRef}\n vkuiClass={classNames('SplitCol', {\n 'SplitCol--spaced': spaced,\n 'SplitCol--fixed': fixed,\n })}\n >\n <SplitColContext.Provider value={contextValue}>\n {fixed ? <div vkuiClass=\"SplitCol__fixedInner\">{children}</div> : children}\n </SplitColContext.Provider>\n </div>\n );\n};\n"],"file":"SplitCol.js"}
1	+ {"version":3,"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":["React","classNames","SplitColContext","createContext","colRef","animate","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","contextValue","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA;AAOA,OAAO,IAAMC,eAAe,gBAAGF,KAAK,CAACG,aAAN,CAA0C;AACvEC,EAAAA,MAAM,EAAE,IAD+D;AAEvEC,EAAAA,OAAO,EAAE;AAF8D,CAA1C,CAAxB;AAoBP,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,MACEC,QADF,GAUID,KAVJ,CACEC,QADF;AAAA,MAEEC,KAFF,GAUIF,KAVJ,CAEEE,KAFF;AAAA,MAGEC,QAHF,GAUIH,KAVJ,CAGEG,QAHF;AAAA,MAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;AAAA,MAKEC,MALF,GAUIL,KAVJ,CAKEK,MALF;AAAA,uBAUIL,KAVJ,CAMEF,OANF;AAAA,MAMEA,OANF,+BAMY,KANZ;AAAA,MAOEQ,KAPF,GAUIN,KAVJ,CAOEM,KAPF;AAAA,MAQEC,KARF,GAUIP,KAVJ,CAQEO,KARF;AAAA,MASKC,SATL,4BAUIR,KAVJ;;AAWA,MAAMS,OAAO,GAAGhB,KAAK,CAACiB,MAAN,EAAhB;AAEA,MAAMC,YAAY,GAAGlB,KAAK,CAACmB,OAAN,CAAc,YAAM;AACvC,WAAO;AACLf,MAAAA,MAAM,EAAEY,OADH;AAELX,MAAAA,OAAO,EAAPA;AAFK,KAAP;AAID,GALoB,EAKlB,CAACW,OAAD,EAAUX,OAAV,CALkB,CAArB;AAOA,SACE,wCACMU,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHL,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEA,QAHP;AAIHC,MAAAA,QAAQ,EAAEA;AAJP,MAFP;AAQE,IAAA,GAAG,EAAEK,OARP;AASE,IAAA,SAAS,EAAEf,UAAU,CAAC,UAAD,EAAa;AAChC,0BAAoBW,MADY;AAEhC,yBAAmBC;AAFa,KAAb;AATvB,MAcE,oBAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEK;AAAjC,KACGL,KAAK,GACJ;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCL,QAAvC,CADI,GAGJA,QAJJ,CAdF,CADF;AAwBD,CA7CM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./SplitCol.css\";\n\nexport interface SplitColContextProps {\n colRef: React.RefObject<HTMLDivElement>;\n animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n colRef: null,\n animate: true,\n});\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number \| string;\n maxWidth?: number \| string;\n minWidth?: number \| string;\n /*\n Если false, то переходы между Panel происходят без анимации\n /\n animate?: boolean;\n /\n Если true, то добавляются боковые отступы фиксированной величины\n */\n spaced?: boolean;\n fixed?: boolean;\n}\n\nexport const SplitCol: React.FC<SplitColProps> = (props: SplitColProps) => {\n const {\n children,\n width,\n maxWidth,\n minWidth,\n spaced,\n animate = false,\n fixed,\n style,\n ...restProps\n } = props;\n const baseRef = React.useRef<HTMLDivElement>();\n\n const contextValue = React.useMemo(() => {\n return {\n colRef: baseRef,\n animate,\n };\n }, [baseRef, animate]);\n\n return (\n <div\n {...restProps}\n style={{\n ...style,\n width: width,\n maxWidth: maxWidth,\n minWidth: minWidth,\n }}\n ref={baseRef}\n vkuiClass={classNames(\"SplitCol\", {\n \"SplitCol--spaced\": spaced,\n \"SplitCol--fixed\": fixed,\n })}\n >\n <SplitColContext.Provider value={contextValue}>\n {fixed ? (\n <div vkuiClass=\"SplitCol__fixedInner\">{children}</div>\n ) : (\n children\n )}\n </SplitColContext.Provider>\n </div>\n );\n};\n"],"file":"SplitCol.js"}

package/dist/cssm/components/SplitLayout/SplitLayout.js CHANGED Viewed

@@ -18,14 +18,14 @@ export var SplitLayout = function SplitLayout(_ref) {
   var platform = usePlatform();
   return createScopedElement(PopoutRoot, {
-    vkuiClass: getClassName('SplitLayout', platform),
+    vkuiClass: getClassName("SplitLayout", platform),
     popout: popout,
     modal: modal,
     getRootRef: getRootRef
   }, header, createScopedElement("div", _extends({}, restProps, {
     ref: getRef,
-    vkuiClass: classNames('SplitLayout__inner', {
-      'SplitLayout__inner--header': !!header
+    vkuiClass: classNames("SplitLayout__inner", {
+      "SplitLayout__inner--header": !!header
     })
   }), children));
 };

package/dist/cssm/components/SplitLayout/SplitLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":["getClassName","classNames","PopoutRoot","usePlatform","SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;AAiBA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAQ/B;AAAA,MAPtBC,MAOsB,QAPtBA,MAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,MAKsB,QALtBA,MAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;;AACtB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AAEA,SACE,oBAAC,UAAD;AACE,IAAA,SAAS,EAAEH,YAAY,CAAC,aAAD,EAAgBY,QAAhB,CADzB;AAEE,IAAA,MAAM,EAAEP,MAFV;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,UAAU,EAAEG;AAJd,KAMGF,MANH,EAOE,~~wCAASI~~,~~SAAT~~;~~AAAoB~~,IAAA,GAAG,EAAED,~~MAAzB~~;~~AAAiC~~,IAAA,SAAS,EAAET,UAAU,CAAC,oBAAD,EAAuB;~~AAC3E~~,oCAA8B,CAAC,CAACM;~~AAD2C~~,KAAvB;~~AAAtD~~,~~MAGGC~~,~~QAHH~~,CAPF,CADF;~~AAeD~~,~~CA1BM~~","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRef, HasRootRef } from '../../types';\nimport { PopoutRoot } from '../PopoutRoot/PopoutRoot';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './SplitLayout.css';\n\nexport interface SplitLayoutProps ~~extends~~\n React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /*\n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n header?: React.ReactNode;\n}\n\nexport const SplitLayout: React.FC<SplitLayoutProps> = ({\n popout,\n modal,\n header,\n children,\n getRootRef,\n getRef,\n ...restProps\n}: SplitLayoutProps) => {\n const platform = usePlatform();\n\n return (\n <PopoutRoot\n vkuiClass={getClassName('SplitLayout', platform)}\n popout={popout}\n modal={modal}\n getRootRef={getRootRef}\n >\n {header}\n <div {...restProps} ref={getRef} vkuiClass={classNames('SplitLayout__inner', {\n 'SplitLayout__inner--header': !!header,\n })}>\n {children}\n </div>\n </PopoutRoot>\n );\n};\n"],"file":"SplitLayout.js"}
1	+ {"version":3,"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":["getClassName","classNames","PopoutRoot","usePlatform","SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;AAiBA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAQ/B;AAAA,MAPtBC,MAOsB,QAPtBA,MAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,MAKsB,QALtBA,MAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;;AACtB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AAEA,SACE,oBAAC,UAAD;AACE,IAAA,SAAS,EAAEH,YAAY,CAAC,aAAD,EAAgBY,QAAhB,CADzB;AAEE,IAAA,MAAM,EAAEP,MAFV;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,UAAU,EAAEG;AAJd,KAMGF,MANH,EAOE,wCACMI,SADN;AAEE,IAAA,GAAG,EAAED,MAFP;AAGE,IAAA,SAAS,EAAET,UAAU,CAAC,oBAAD,EAAuB;AAC1C,oCAA8B,CAAC,CAACM;AADU,KAAvB;AAHvB,MAOGC,QAPH,CAPF,CADF;AAmBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { PopoutRoot } from \"../PopoutRoot/PopoutRoot\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./SplitLayout.css\";\n\nexport interface SplitLayoutProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /*\n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n header?: React.ReactNode;\n}\n\nexport const SplitLayout: React.FC<SplitLayoutProps> = ({\n popout,\n modal,\n header,\n children,\n getRootRef,\n getRef,\n ...restProps\n}: SplitLayoutProps) => {\n const platform = usePlatform();\n\n return (\n <PopoutRoot\n vkuiClass={getClassName(\"SplitLayout\", platform)}\n popout={popout}\n modal={modal}\n getRootRef={getRootRef}\n >\n {header}\n <div\n {...restProps}\n ref={getRef}\n vkuiClass={classNames(\"SplitLayout__inner\", {\n \"SplitLayout__inner--header\": !!header,\n })}\n >\n {children}\n </div>\n </PopoutRoot>\n );\n};\n"],"file":"SplitLayout.js"}

package/dist/cssm/components/SubnavigationBar/SubnavigationBar.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiSubnavigationBar__in{margin:-8px 0}.vkuiSubnavigationBar__scrollIn{padding:20px 0;display:flex}.vkuiSubnavigationBar__scrollIn::before,.vkuiSubnavigationBar__scrollIn::after{content:'';min-width:16px}.vkuiSubnavigationBar .vkuiSubnavigationButton+.vkuiSubnavigationButton{margin-left:8px}.vkuiSubnavigationBar--fixed .vkuiSubnavigationButton{flex:1;min-width:0}.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn::before,.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn::after{min-width:12px}
1	+ .vkuiSubnavigationBar__in{margin:-8px 0}.vkuiSubnavigationBar__scrollIn{padding:20px 0;display:flex}.vkuiSubnavigationBar__scrollIn::before,.vkuiSubnavigationBar__scrollIn::after{content:"";min-width:16px}.vkuiSubnavigationBar .vkuiSubnavigationButton+.vkuiSubnavigationButton{margin-left:8px}.vkuiSubnavigationBar--fixed .vkuiSubnavigationButton{flex:1;min-width:0}.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn::before,.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn::after{min-width:12px}

package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js CHANGED Viewed

@@ -18,7 +18,7 @@ var defaultScrollToRight = function defaultScrollToRight(x) {
 export var SubnavigationBar = function SubnavigationBar(_ref) {
   var _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'overflow' : _ref$mode,
+      mode = _ref$mode === void 0 ? "overflow" : _ref$mode,
       children = _ref.children,
       _ref$showArrows = _ref.showArrows,
       showArrows = _ref$showArrows === void 0 ? true : _ref$showArrows,
@@ -33,8 +33,8 @@ export var SubnavigationBar = function SubnavigationBar(_ref) {
   var ScrollWrapper;
   var scrollWrapperProps = {};
-  if (mode === 'fixed') {
-    ScrollWrapper = 'div';
+  if (mode === "fixed") {
+    ScrollWrapper = "div";
   } else {
     ScrollWrapper = HorizontalScroll;
     scrollWrapperProps = {
@@ -46,7 +46,7 @@ export var SubnavigationBar = function SubnavigationBar(_ref) {
   }
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('SubnavigationBar', platform), "SubnavigationBar--".concat(mode))
+    vkuiClass: classNames(getClassName("SubnavigationBar", platform), "SubnavigationBar--".concat(mode))
   }), createScopedElement(ScrollWrapper, _extends({
     vkuiClass: "SubnavigationBar__in"
   }, scrollWrapperProps), createScopedElement("div", {

package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":["usePlatform","classNames","getClassName","HorizontalScroll","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","platform","ScrollWrapper","scrollWrapperProps"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,gBAAP;~~AACA~~;;~~AAQA~~,IAAMC,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;;AAEA,OAAO,IAAME,gBAAiD,GAAG,SAApDA,gBAAoD,OAQpC;AAAA,uBAP3BC,IAO2B;AAAA,MAP3BA,IAO2B,0BAPpB,UAOoB;AAAA,MAN3BC,QAM2B,QAN3BA,QAM2B;AAAA,6BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,gCALd,IAKc;AAAA,kCAJ3BC,eAI2B;AAAA,MAJ3BA,eAI2B,qCAJTP,mBAIS;AAAA,mCAH3BQ,gBAG2B;AAAA,MAH3BA,gBAG2B,sCAHRN,oBAGQ;AAAA,MAF3BO,uBAE2B,QAF3BA,uBAE2B;AAAA,MADxBC,SACwB;;AAC3B,MAAMC,QAAQ,GAAGf,WAAW,EAA5B;AAEA,MAAIgB,aAAJ;AACA,MAAIC,kBAAkB,GAAG,EAAzB;;AAEA,MAAIT,IAAI,KAAK,OAAb,EAAsB;AACpBQ,IAAAA,aAAa,GAAG,KAAhB;AACD,GAFD,MAEO;AACLA,IAAAA,aAAa,GAAGb,gBAAhB;AACAc,IAAAA,kBAAkB,GAAG;AACnBP,MAAAA,UAAU,EAAVA,UADmB;AAEnBC,MAAAA,eAAe,EAAfA,eAFmB;AAGnBC,MAAAA,gBAAgB,EAAhBA,gBAHmB;AAInBC,MAAAA,uBAAuB,EAAvBA;AAJmB,KAArB;AAMD;;AAED,SACE,wCACMC,SADN;AAEE,IAAA,SAAS,EAAEb,UAAU,~~CAACC~~,YAAY,CAAC,kBAAD,EAAqBa,QAArB,~~CAAb~~,~~8BAAkEP~~,~~IAAlE~~;AAFvB,~~MAIE~~,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,KAAoDS,kBAApD,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,~~KACGR~~,~~QADH~~,CADF,~~CAJF~~,CADF;~~AAYD~~,~~CAtCM~~","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport HorizontalScroll, { HorizontalScrollProps, ScrollPositionHandler } from '../HorizontalScroll/HorizontalScroll';\nimport './SubnavigationBar.css';\n\nexport interface SubnavigationBarProps ~~extends~~\n React.HTMLAttributes<HTMLDivElement>,\n Pick<HorizontalScrollProps, 'showArrows' \| 'getScrollToLeft' \| 'getScrollToRight' \| 'scrollAnimationDuration'> {\n mode?: 'fixed' \| 'overflow';\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\nexport const SubnavigationBar: React.FC<SubnavigationBarProps> = ({\n mode = 'overflow',\n children,\n showArrows = true,\n getScrollToLeft = defaultScrollToLeft,\n getScrollToRight = defaultScrollToRight,\n scrollAnimationDuration,\n ...restProps\n}: SubnavigationBarProps) => {\n const platform = usePlatform();\n\n let ScrollWrapper: React.ElementType;\n let scrollWrapperProps = {};\n\n if (mode === 'fixed') {\n ScrollWrapper = 'div';\n } else {\n ScrollWrapper = HorizontalScroll;\n scrollWrapperProps = {\n showArrows,\n getScrollToLeft,\n getScrollToRight,\n scrollAnimationDuration,\n };\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(getClassName('SubnavigationBar', platform), `SubnavigationBar--${mode}`)}\n >\n <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n <div vkuiClass=\"SubnavigationBar__scrollIn\"~~>\n~~ {children}\n </div>\n </ScrollWrapper>\n </div>\n );\n};\n"],"file":"SubnavigationBar.js"}
1	+ {"version":3,"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":["usePlatform","classNames","getClassName","HorizontalScroll","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","platform","ScrollWrapper","scrollWrapperProps"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,gBAAP;AAIA;;AAcA,IAAMC,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;;AAEA,OAAO,IAAME,gBAAiD,GAAG,SAApDA,gBAAoD,OAQpC;AAAA,uBAP3BC,IAO2B;AAAA,MAP3BA,IAO2B,0BAPpB,UAOoB;AAAA,MAN3BC,QAM2B,QAN3BA,QAM2B;AAAA,6BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,gCALd,IAKc;AAAA,kCAJ3BC,eAI2B;AAAA,MAJ3BA,eAI2B,qCAJTP,mBAIS;AAAA,mCAH3BQ,gBAG2B;AAAA,MAH3BA,gBAG2B,sCAHRN,oBAGQ;AAAA,MAF3BO,uBAE2B,QAF3BA,uBAE2B;AAAA,MADxBC,SACwB;;AAC3B,MAAMC,QAAQ,GAAGf,WAAW,EAA5B;AAEA,MAAIgB,aAAJ;AACA,MAAIC,kBAAkB,GAAG,EAAzB;;AAEA,MAAIT,IAAI,KAAK,OAAb,EAAsB;AACpBQ,IAAAA,aAAa,GAAG,KAAhB;AACD,GAFD,MAEO;AACLA,IAAAA,aAAa,GAAGb,gBAAhB;AACAc,IAAAA,kBAAkB,GAAG;AACnBP,MAAAA,UAAU,EAAVA,UADmB;AAEnBC,MAAAA,eAAe,EAAfA,eAFmB;AAGnBC,MAAAA,gBAAgB,EAAhBA,gBAHmB;AAInBC,MAAAA,uBAAuB,EAAvBA;AAJmB,KAArB;AAMD;;AAED,SACE,wCACMC,SADN;AAEE,IAAA,SAAS,EAAEb,UAAU,CACnBC,YAAY,CAAC,kBAAD,EAAqBa,QAArB,CADO,8BAEEP,IAFF;AAFvB,MAOE,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,KAAoDS,kBAApD,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CR,QAA7C,CADF,CAPF,CADF;AAaD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport HorizontalScroll, {\n HorizontalScrollProps,\n ScrollPositionHandler,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport \"./SubnavigationBar.css\";\n\nexport interface SubnavigationBarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<\n HorizontalScrollProps,\n \| \"showArrows\"\n \| \"getScrollToLeft\"\n \| \"getScrollToRight\"\n \| \"scrollAnimationDuration\"\n > {\n mode?: \"fixed\" \| \"overflow\";\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\nexport const SubnavigationBar: React.FC<SubnavigationBarProps> = ({\n mode = \"overflow\",\n children,\n showArrows = true,\n getScrollToLeft = defaultScrollToLeft,\n getScrollToRight = defaultScrollToRight,\n scrollAnimationDuration,\n ...restProps\n}: SubnavigationBarProps) => {\n const platform = usePlatform();\n\n let ScrollWrapper: React.ElementType;\n let scrollWrapperProps = {};\n\n if (mode === \"fixed\") {\n ScrollWrapper = \"div\";\n } else {\n ScrollWrapper = HorizontalScroll;\n scrollWrapperProps = {\n showArrows,\n getScrollToLeft,\n getScrollToRight,\n scrollAnimationDuration,\n };\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"SubnavigationBar\", platform),\n `SubnavigationBar--${mode}`\n )}\n >\n <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n <div vkuiClass=\"SubnavigationBar__scrollIn\">{children}</div>\n </ScrollWrapper>\n </div>\n );\n};\n"],"file":"SubnavigationBar.js"}

package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
 import { getTitleFromChildren, hasReactNode } from "../../lib/utils";
 import Tappable from "../Tappable/Tappable";
-import { Icon16Dropdown } from '@vkontakte/icons';
+import { Icon16Dropdown } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 import Caption from "../Typography/Caption/Caption";
 import Subhead from "../Typography/Subhead/Subhead";
@@ -24,7 +24,7 @@ var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref)
   }
   return createScopedElement(Caption, _extends({
-    level: textLevel === 2 ? '1' : '2',
+    level: textLevel === 2 ? "1" : "2",
     weight: "regular"
   }, restProps));
 };
@@ -44,8 +44,8 @@ export var SubnavigationButton = function SubnavigationButton(props) {
   return createScopedElement(Tappable, _extends({}, restProps, {
     hasActive: false,
     focusVisibleMode: "outside",
-    vkuiClass: classNames(getClassName('SubnavigationButton', platform), "SubnavigationButton--".concat(size), {
-      'SubnavigationButton--selected': selected
+    vkuiClass: classNames(getClassName("SubnavigationButton", platform), "SubnavigationButton--".concat(size), {
+      "SubnavigationButton--selected": selected
     }),
     "aria-label": getTitleFromChildren(children)
   }), createScopedElement("span", {
@@ -63,7 +63,7 @@ export var SubnavigationButton = function SubnavigationButton(props) {
   })));
 };
 SubnavigationButton.defaultProps = {
-  size: 'm',
+  size: "m",
   textLevel: 1
 };
 //# sourceMappingURL=SubnavigationButton.js.map

package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":["classNames","getClassName","getTitleFromChildren","hasReactNode","Tappable","Icon16Dropdown","usePlatform","Caption","Subhead","SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","props","platform","size","selected","before","after","expandable","children","defaultProps"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,oBAAT,EAA+BC,YAA/B;AACA,OAAOC,QAAP;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,WAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA;;~~AAsBA~~,IAAMC,6BAAoE,GAAG,SAAvEA,6BAAuE,~~OAA8D~~;AAAA,~~MAA3DC~~,~~SAA2D~~,~~QAA3DA~~,~~SAA2D~~;AAAA,~~MAA7CC~~,~~SAA6C~~;;~~AACzI~~,MAAID,SAAS,KAAK,CAAlB,EAAqB;AACnB,WAAO,oBAAC,OAAD;AAAS,MAAA,MAAM,EAAC;AAAhB,OAA8BC,SAA9B,EAAP;AACD;;AAED,SACE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB,GADjC;AAEE,IAAA,MAAM,EAAC;AAFT,KAGMC,SAHN,EADF;AAOD,~~CAZD~~;;~~AAcA~~,OAAO,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,~~CAACC~~,~~KAAD~~,~~EAAqC~~;~~AAC1G~~,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;;AACA,MACES,IADF,GASIF,KATJ,CACEE,IADF;AAAA,MAEEC,QAFF,GASIH,KATJ,CAEEG,QAFF;AAAA,MAGEN,SAHF,GASIG,KATJ,CAGEH,SAHF;AAAA,MAIEO,MAJF,GASIJ,KATJ,CAIEI,MAJF;AAAA,MAKEC,KALF,GASIL,KATJ,CAKEK,KALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKT,SARL,4BASIE,KATJ;;AAWA,SACE,oBAAC,QAAD,eACMF,SADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,gBAAgB,EAAC,SAHnB;AAIE,IAAA,SAAS,EAAEX,UAAU,CACnBC,YAAY,CAAC,qBAAD,EAAwBa,QAAxB,CADO,iCAEKC,IAFL,GAGnB;AACE,uCAAiCC;AADnC,KAHmB,CAJvB;AAWE,kBAAYd,oBAAoB,CAACkB,QAAD;AAXlC,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGjB,YAAY,CAACc,MAAD,CAAZ,~~IAAwB~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA+CA,MAA/C,~~CAD3B~~,~~EAEE~~,oBAAC,6BAAD;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,SAAS,EAAC,4BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGU,QALH,~~CAFF~~,~~EASGjB~~,YAAY,CAACe,KAAD,CAAZ,~~IAAuB~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA8CA,KAA9C,~~CAT1B~~,~~EAUGC~~,UAAU,~~IAAI~~,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,~~IAVjB~~,CAbF,CADF;~~AA4BD~~,~~CAzCM~~;~~AA2CPP~~,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAE,GAD2B;AAEjCL,EAAAA,SAAS,EAAE;AAFsB,CAAnC","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { getTitleFromChildren, hasReactNode } from '../../lib/utils';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport { Icon16Dropdown } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Caption from '../Typography/Caption/Caption';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './SubnavigationButton.css';\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {\n size?: 'm' \| 'l';\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n */\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype SubnavButtonTypographyProps = Pick<SubnavigationButtonProps, 'textLevel'> & HasComponent;\n\nconst SubnavigationButtonTypography: React.FC<SubnavButtonTypographyProps> = ({ textLevel, ...restProps }: SubnavButtonTypographyProps) => {\n if (textLevel === 1) {\n return <Subhead weight=\"regular\" {...restProps} />;\n }\n\n return (\n <Caption\n level={textLevel === 2 ? '1' : '2'}\n weight=\"regular\"\n {...restProps}\n />\n );\n};\n\nexport const SubnavigationButton: React.FC<SubnavigationButtonProps> = (props: SubnavigationButtonProps) => {\n const platform = usePlatform();\n const {\n size,\n selected,\n textLevel,\n before,\n after,\n expandable,\n children,\n ...restProps\n } = props;\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n vkuiClass={classNames(\n getClassName('SubnavigationButton', platform),\n `SubnavigationButton--${size}`,\n {\n 'SubnavigationButton--selected': selected,\n },\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {hasReactNode(before) && <span vkuiClass=\"SubnavigationButton__before\">{before}</span>}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {hasReactNode(after) && <span vkuiClass=\"SubnavigationButton__after\">{after}</span>}\n {expandable && <Icon16Dropdown vkuiClass=\"SubnavigationButton__expandableIcon\" />}\n </span>\n </Tappable>\n );\n};\n\nSubnavigationButton.defaultProps = {\n size: 'm',\n textLevel: 1,\n};\n"],"file":"SubnavigationButton.js"}
1	+ {"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":["classNames","getClassName","getTitleFromChildren","hasReactNode","Tappable","Icon16Dropdown","usePlatform","Caption","Subhead","SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","props","platform","size","selected","before","after","expandable","children","defaultProps"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,oBAAT,EAA+BC,YAA/B;AACA,OAAOC,QAAP;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,WAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA;;AAuBA,IAAMC,6BAAoE,GAAG,SAAvEA,6BAAuE,OAG1C;AAAA,MAFjCC,SAEiC,QAFjCA,SAEiC;AAAA,MAD9BC,SAC8B;;AACjC,MAAID,SAAS,KAAK,CAAlB,EAAqB;AACnB,WAAO,oBAAC,OAAD;AAAS,MAAA,MAAM,EAAC;AAAhB,OAA8BC,SAA9B,EAAP;AACD;;AAED,SACE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB,GADjC;AAEE,IAAA,MAAM,EAAC;AAFT,KAGMC,SAHN,EADF;AAOD,CAfD;;AAiBA,OAAO,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,CACrEC,KADqE,EAElE;AACH,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;;AACA,MACES,IADF,GASIF,KATJ,CACEE,IADF;AAAA,MAEEC,QAFF,GASIH,KATJ,CAEEG,QAFF;AAAA,MAGEN,SAHF,GASIG,KATJ,CAGEH,SAHF;AAAA,MAIEO,MAJF,GASIJ,KATJ,CAIEI,MAJF;AAAA,MAKEC,KALF,GASIL,KATJ,CAKEK,KALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKT,SARL,4BASIE,KATJ;;AAWA,SACE,oBAAC,QAAD,eACMF,SADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,gBAAgB,EAAC,SAHnB;AAIE,IAAA,SAAS,EAAEX,UAAU,CACnBC,YAAY,CAAC,qBAAD,EAAwBa,QAAxB,CADO,iCAEKC,IAFL,GAGnB;AACE,uCAAiCC;AADnC,KAHmB,CAJvB;AAWE,kBAAYd,oBAAoB,CAACkB,QAAD;AAXlC,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGjB,YAAY,CAACc,MAAD,CAAZ,IACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA+CA,MAA/C,CAFJ,EAIE,oBAAC,6BAAD;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,SAAS,EAAC,4BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGU,QALH,CAJF,EAWGjB,YAAY,CAACe,KAAD,CAAZ,IACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA8CA,KAA9C,CAZJ,EAcGC,UAAU,IACT,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,IAfJ,CAbF,CADF;AAkCD,CAjDM;AAmDPP,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAE,GAD2B;AAEjCL,EAAAA,SAAS,EAAE;AAFsB,CAAnC","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getTitleFromChildren, hasReactNode } from \"../../lib/utils\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n size?: \"m\" \| \"l\";\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n */\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype SubnavButtonTypographyProps = Pick<SubnavigationButtonProps, \"textLevel\"> &\n HasComponent;\n\nconst SubnavigationButtonTypography: React.FC<SubnavButtonTypographyProps> = ({\n textLevel,\n ...restProps\n}: SubnavButtonTypographyProps) => {\n if (textLevel === 1) {\n return <Subhead weight=\"regular\" {...restProps} />;\n }\n\n return (\n <Caption\n level={textLevel === 2 ? \"1\" : \"2\"}\n weight=\"regular\"\n {...restProps}\n />\n );\n};\n\nexport const SubnavigationButton: React.FC<SubnavigationButtonProps> = (\n props: SubnavigationButtonProps\n) => {\n const platform = usePlatform();\n const {\n size,\n selected,\n textLevel,\n before,\n after,\n expandable,\n children,\n ...restProps\n } = props;\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n vkuiClass={classNames(\n getClassName(\"SubnavigationButton\", platform),\n `SubnavigationButton--${size}`,\n {\n \"SubnavigationButton--selected\": selected,\n }\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {hasReactNode(before) && (\n <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n )}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {hasReactNode(after) && (\n <span vkuiClass=\"SubnavigationButton__after\">{after}</span>\n )}\n {expandable && (\n <Icon16Dropdown vkuiClass=\"SubnavigationButton__expandableIcon\" />\n )}\n </span>\n </Tappable>\n );\n};\n\nSubnavigationButton.defaultProps = {\n size: \"m\",\n textLevel: 1,\n};\n"],"file":"SubnavigationButton.js"}

package/dist/cssm/components/Switch/Switch.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiSwitch{position:relative;display:block;cursor:pointer}.vkuiSwitch__self{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;clip:rect(1px,1px,1px,1px);overflow:hidden;opacity:0}.vkuiSwitch__pseudo{position:relative;display:block;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.vkuiSwitch__pseudo::before{position:absolute;content:'';top:-3px;left:-3px;border-radius:50%;box-sizing:border-box}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{-webkit-transform:translateX(20px);transform:translateX(20px)}.vkuiSwitch__self[disabled]+.vkuiSwitch__pseudo{opacity:.4}.vkuiSwitch--ios .vkuiSwitch__pseudo{width:51px;height:31px;border:2px solid transparent;background:rgba(0,28,61,.08);background:var(--placeholder_icon_background);border-radius:15px}.vkuiSwitch--ios.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo{width:47px;height:27px;border-radius:13px}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo{background:#2688eb;background:var(--accent)}.vkuiSwitch--ios .vkuiSwitch__pseudo::before{top:0;left:0;width:27px;height:27px;background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(0,0,0,.04)}.vkuiSwitch--ios.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::before{width:23px;height:23px}.vkuiSwitch--android,.vkuiSwitch--vkcom{padding:3px}.vkuiSwitch--android .vkuiSwitch__pseudo::after,.vkuiSwitch--vkcom .vkuiSwitch__pseudo::after{content:'';display:block;width:100%;height:100%}.vkuiSwitch--android .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::after,.vkuiSwitch--vkcom .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::after{background:#2688eb;background:var(--accent);opacity:.48}.vkuiSwitch--android .vkuiSwitch__pseudo{width:34px;height:14px}.vkuiSwitch--android .vkuiSwitch__pseudo::after{background:#c6c5c5;border-radius:7px}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo{width:32px;height:12px}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::after{border-radius:6px}.vkuiSwitch--android .vkuiSwitch__pseudo::before{width:20px;height:20px;background:#f1f1f1;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::before{width:18px;height:18px}.vkuiSwitch--android .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{background:#2688eb;background:var(--accent)}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{-webkit-transform:translateX(19px);transform:translateX(19px)}.vkuiSwitch--vkcom .vkuiSwitch__pseudo{width:28px;height:10px}.vkuiSwitch--vkcom .vkuiSwitch__pseudo::after{border-radius:45px;background:#b8c1cc;background:var(--icon_tertiary);opacity:.48}.vkuiSwitch--vkcom .vkuiSwitch__pseudo::before{left:-2px;width:16px;height:16px;background:#f9f9f9;background:var(--background_light);border:1px solid #b8c1cc;border:1px solid var(--icon_tertiary);z-index:1}.vkuiSwitch--vkcom .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{background:#2688eb;background:var(--accent);border:0;-webkit-transform:translateX(16px);transform:translateX(16px)}@media (prefers-reduced-motion:no-preference){.vkuiSwitch__pseudo::before{transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo{transition:background-color .2s ease,border-color .2s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo::before{transition:-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32),-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32)}.vkuiSwitch--android .vkuiSwitch__pseudo::after,.vkuiSwitch--vkcom .vkuiSwitch__pseudo::after{transition:background-color .1s ease}}.vkuiSimpleCell .vkuiSwitch{margin-left:10px}
1	+ .vkuiSwitch{position:relative;display:block;cursor:pointer}.vkuiSwitch--disabled{cursor:default}.vkuiSwitch__self{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;clip:rect(1px,1px,1px,1px);overflow:hidden;opacity:0}.vkuiSwitch__pseudo{position:relative;display:block;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.vkuiSwitch__pseudo::before{position:absolute;content:"";top:-3px;left:-3px;border-radius:50%;box-sizing:border-box}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{-webkit-transform:translateX(20px);transform:translateX(20px)}.vkuiSwitch__self[disabled]+.vkuiSwitch__pseudo{opacity:.4}.vkuiSwitch--ios .vkuiSwitch__pseudo{width:51px;height:31px;border:2px solid transparent;background:rgba(0,28,61,.08);background:var(--placeholder_icon_background);border-radius:15px}.vkuiSwitch--ios.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo{width:47px;height:27px;border-radius:13px}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo{background:#2688eb;background:var(--accent)}.vkuiSwitch--ios .vkuiSwitch__pseudo::before{top:0;left:0;width:27px;height:27px;background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(0,0,0,.04)}.vkuiSwitch--ios.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::before{width:23px;height:23px}.vkuiSwitch--android,.vkuiSwitch--vkcom{padding:3px}.vkuiSwitch--android .vkuiSwitch__pseudo::after,.vkuiSwitch--vkcom .vkuiSwitch__pseudo::after{content:"";display:block;width:100%;height:100%}.vkuiSwitch--android .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::after,.vkuiSwitch--vkcom .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::after{background:#2688eb;background:var(--accent);opacity:.48}.vkuiSwitch--android .vkuiSwitch__pseudo{width:34px;height:14px}.vkuiSwitch--android .vkuiSwitch__pseudo::after{background:#c6c5c5;border-radius:7px}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo{width:32px;height:12px}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::after{border-radius:6px}.vkuiSwitch--android .vkuiSwitch__pseudo::before{width:20px;height:20px;background:#f1f1f1;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::before{width:18px;height:18px}.vkuiSwitch--android .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{background:#2688eb;background:var(--accent)}.vkuiSwitch--android.vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{-webkit-transform:translateX(19px);transform:translateX(19px)}.vkuiSwitch--vkcom .vkuiSwitch__pseudo{width:28px;height:10px}.vkuiSwitch--vkcom .vkuiSwitch__pseudo::after{border-radius:45px;background:#b8c1cc;background:var(--icon_tertiary);opacity:.48}.vkuiSwitch--vkcom .vkuiSwitch__pseudo::before{left:-2px;width:16px;height:16px;background:#f9f9f9;background:var(--background_light);border:1px solid #b8c1cc;border:1px solid var(--icon_tertiary);z-index:1}.vkuiSwitch--vkcom .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{background:#2688eb;background:var(--accent);border:0;-webkit-transform:translateX(16px);transform:translateX(16px)}@media (prefers-reduced-motion:no-preference){.vkuiSwitch__pseudo::before{transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo{transition:background-color .2s ease,border-color .2s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo::before{transition:-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32),-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32)}.vkuiSwitch--android .vkuiSwitch__pseudo::after,.vkuiSwitch--vkcom .vkuiSwitch__pseudo::after{transition:background-color .1s ease}}.vkuiSimpleCell .vkuiSwitch{margin-left:10px}

package/dist/cssm/components/Switch/Switch.js CHANGED Viewed

@@ -4,12 +4,13 @@ var _excluded = ["style", "className", "getRef", "getRootRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
+import { callMultiple } from "../../lib/callMultiple";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { useExternRef } from "../../hooks/useExternRef";
+import { useFocusVisible } from "../../hooks/useFocusVisible";
 import { FocusVisible } from "../FocusVisible/FocusVisible";
 import "./Switch.css";
-;
 export var Switch = function Switch(_ref) {
   var style = _ref.style,
       className = _ref.className,
@@ -22,9 +23,17 @@ export var Switch = function Switch(_ref) {
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
+  var _useFocusVisible = useFocusVisible(),
+      focusVisible = _useFocusVisible.focusVisible,
+      onBlur = _useFocusVisible.onBlur,
+      onFocus = _useFocusVisible.onFocus;
   var inputRef = useExternRef(getRef);
   return createScopedElement("label", {
-    vkuiClass: classNames(getClassName('Switch', platform), "Switch--sizeY-".concat(sizeY)),
+    vkuiClass: classNames(getClassName("Switch", platform), "Switch--sizeY-".concat(sizeY), {
+      "Switch--disabled": restProps.disabled,
+      "Switch--focus-visible": focusVisible
+    }),
     className: className,
     style: style,
     ref: getRootRef,
@@ -32,7 +41,9 @@ export var Switch = function Switch(_ref) {
   }, createScopedElement("input", _extends({}, restProps, {
     type: "checkbox",
     vkuiClass: "Switch__self",
-    ref: inputRef
+    ref: inputRef,
+    onBlur: callMultiple(onBlur, restProps.onBlur),
+    onFocus: callMultiple(onFocus, restProps.onFocus)
   })), createScopedElement("span", {
     role: "presentation",
     vkuiClass: "Switch__pseudo"

package/dist/cssm/components/Switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Switch/Switch.tsx"],"names":["getClassName","classNames","usePlatform","useAdaptivity","useExternRef","FocusVisible","Switch","style","className","getRef","getRootRef","restProps","platform","sizeY","inputRef"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,aAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT;AACA;~~AAK6B;AAE7B~~,OAAO,IAAMC,MAA6B,GAAG,SAAhCA,MAAgC,OAM1B;AAAA,MALjBC,KAKiB,QALjBA,KAKiB;AAAA,MAJjBC,SAIiB,QAJjBA,SAIiB;AAAA,MAHjBC,MAGiB,QAHjBA,MAGiB;AAAA,MAFjBC,UAEiB,QAFjBA,UAEiB;AAAA,MADdC,SACc;;AACjB,MAAMC,QAAQ,~~GAAGV~~,WAAW,EAA5B;;AACA,uBAAkBC,aAAa,EAA/B;AAAA,~~MAAQU~~,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,QAAQ,~~GAAGV~~,YAAY,~~CAACK~~,MAAD,CAA7B;AAEA,SACE;AACE,IAAA,SAAS,~~EAAER~~,UAAU,~~CAACD~~,YAAY,CAAC,QAAD,~~EAAWY~~,QAAX,~~CAAb~~,~~0BAAoDC~~,~~KAApD~~,~~EADvB~~;AAEE,IAAA,SAAS,~~EAAEL~~,~~SAFb~~;~~AAGE~~,IAAA,KAAK,EAAED,~~KAHT~~;~~AAIE~~,IAAA,GAAG,EAAEG,~~UAJP~~;~~AAKE~~,IAAA,IAAI,EAAC;~~AALP~~,~~KAOE~~,~~0CAAWC~~,~~SAAX~~;~~AAAsB~~,IAAA,IAAI,EAAC,~~UAA3B~~;~~AAAsC~~,IAAA,SAAS,EAAC,~~cAAhD~~;~~AAA+D~~,IAAA,GAAG,~~EAAEG~~;~~AAApE~~,~~KAPF~~,~~EAQE~~;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,SAAS,EAAC;AAApC,~~IARF~~,~~EASE~~,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAC;AAAnB,~~IATF~~,CADF;~~AAaD~~,~~CAzBM~~","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { FocusVisible } from '../FocusVisible/FocusVisible';\nimport './Switch.css';\n\nexport interface SwitchProps ~~extends~~\n React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement> {};\n\nexport const Switch: React.FC<SwitchProps> = ({\n style,\n className,\n getRef,\n getRootRef,\n ...restProps\n}: SwitchProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const inputRef = useExternRef(getRef);\n\n return (\n <label\n vkuiClass={classNames(getClassName('Switch', platform), `Switch--sizeY-${sizeY}`)}\n className={className}\n style={style}\n ref={getRootRef}\n role=\"presentation\"\n >\n <input {...restProps} type=\"checkbox\" vkuiClass=\"Switch__self\" ref={inputRef} />\n <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n <FocusVisible mode=\"outside\" />\n </label>\n );\n};\n"],"file":"Switch.js"}
1	+ {"version":3,"sources":["../../../../src/components/Switch/Switch.tsx"],"names":["getClassName","classNames","callMultiple","usePlatform","useAdaptivity","useExternRef","useFocusVisible","FocusVisible","Switch","style","className","getRef","getRootRef","restProps","platform","sizeY","focusVisible","onBlur","onFocus","inputRef","disabled"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AAEA,SAASC,aAAT;AACA,SAASC,YAAT;AACA,SAASC,eAAT;AACA,SAASC,YAAT;AACA;AAOA,OAAO,IAAMC,MAA6B,GAAG,SAAhCA,MAAgC,OAM1B;AAAA,MALjBC,KAKiB,QALjBA,KAKiB;AAAA,MAJjBC,SAIiB,QAJjBA,SAIiB;AAAA,MAHjBC,MAGiB,QAHjBA,MAGiB;AAAA,MAFjBC,UAEiB,QAFjBA,UAEiB;AAAA,MADdC,SACc;;AACjB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBC,aAAa,EAA/B;AAAA,MAAQW,KAAR,kBAAQA,KAAR;;AACA,yBAA0CT,eAAe,EAAzD;AAAA,MAAQU,YAAR,oBAAQA,YAAR;AAAA,MAAsBC,MAAtB,oBAAsBA,MAAtB;AAAA,MAA8BC,OAA9B,oBAA8BA,OAA9B;;AAEA,MAAMC,QAAQ,GAAGd,YAAY,CAACM,MAAD,CAA7B;AAEA,SACE;AACE,IAAA,SAAS,EAAEV,UAAU,CACnBD,YAAY,CAAC,QAAD,EAAWc,QAAX,CADO,0BAEFC,KAFE,GAGnB;AACE,0BAAoBF,SAAS,CAACO,QADhC;AAEE,+BAAyBJ;AAF3B,KAHmB,CADvB;AASE,IAAA,SAAS,EAAEN,SATb;AAUE,IAAA,KAAK,EAAED,KAVT;AAWE,IAAA,GAAG,EAAEG,UAXP;AAYE,IAAA,IAAI,EAAC;AAZP,KAcE,0CACMC,SADN;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,GAAG,EAAEM,QAJP;AAKE,IAAA,MAAM,EAAEjB,YAAY,CAACe,MAAD,EAASJ,SAAS,CAACI,MAAnB,CALtB;AAME,IAAA,OAAO,EAAEf,YAAY,CAACgB,OAAD,EAAUL,SAAS,CAACK,OAApB;AANvB,KAdF,EAsBE;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,SAAS,EAAC;AAApC,IAtBF,EAuBE,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAC;AAAnB,IAvBF,CADF;AA2BD,CAxCM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { FocusVisible } from \"../FocusVisible/FocusVisible\";\nimport \"./Switch.css\";\n\nexport interface SwitchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement> {}\n\nexport const Switch: React.FC<SwitchProps> = ({\n style,\n className,\n getRef,\n getRootRef,\n ...restProps\n}: SwitchProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n const inputRef = useExternRef(getRef);\n\n return (\n <label\n vkuiClass={classNames(\n getClassName(\"Switch\", platform),\n `Switch--sizeY-${sizeY}`,\n {\n \"Switch--disabled\": restProps.disabled,\n \"Switch--focus-visible\": focusVisible,\n }\n )}\n className={className}\n style={style}\n ref={getRootRef}\n role=\"presentation\"\n >\n <input\n {...restProps}\n type=\"checkbox\"\n vkuiClass=\"Switch__self\"\n ref={inputRef}\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n <FocusVisible mode=\"outside\" />\n </label>\n );\n};\n"],"file":"Switch.js"}

package/dist/cssm/components/Tabbar/Tabbar.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiTabbar{position:fixed;z-index:2;bottom:0;left:0;width:100%;height:48px;height:var(--tabbar_height);~~display~~:~~flex~~;~~align~~-~~items~~:~~stretch;justify~~-~~content:center~~;box-sizing:content-box;background:#fff;background:var(--header_alternate_background);~~padding~~-~~bottom~~:0;~~padding-bottom~~:~~var(--safe-area-inset-bottom)~~}.vkuiTabbar--ios.vkuiTabbar--shadow::before{position:absolute;bottom:100%;left:0;width:100%;height:1px;background:#d7d8d9;background:var(--separator_common);-webkit-transform-origin:center bottom;transform-origin:center bottom;content:''}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiTabbar--android.vkuiTabbar--shadow,.vkuiTabbar--vkcom.vkuiTabbar--shadow{box-shadow:0 -2px 4px 0 rgba(0,0,0,.06),0 0 2px 0 rgba(0,0,0,.08)}
1	+ .vkuiTabbar{position:fixed;z-index:2;bottom:0;left:0;width:100%;height:48px;height:var(--tabbar_height);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);box-sizing:content-box;background:#fff;background:var(--header_alternate_background)}.vkuiTabbar__in{display:flex;justify-content:center;overflow:hidden}.vkuiTabbar--ios.vkuiTabbar--shadow::before{position:absolute;bottom:100%;left:0;width:100%;height:1px;background:#d7d8d9;background:var(--separator_common);-webkit-transform-origin:center bottom;transform-origin:center bottom;content:""}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiTabbar--android.vkuiTabbar--shadow,.vkuiTabbar--vkcom.vkuiTabbar--shadow{box-shadow:0 -2px 4px 0 rgba(0,0,0,.06),0 0 2px 0 rgba(0,0,0,.08)}