@vkontakte/vkui 4.24.0 → 4.26.0

package/dist/components/ChipsSelect/useChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","showSelected","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ChipsInputOption } from \"../ChipsInput/ChipsInput\";\nimport { useChipsInput } from \"../ChipsInput/useChipsInput\";\nimport { ChipsSelectProps } from \"./ChipsSelect\";\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue, showSelected } =\n    props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options.filter((option: Option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : options;\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [showSelected, filteredOptions, selectedOptions]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"file":"useChipsSelect.js"}
+{"version":3,"sources":["../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ChipsInputOption } from \"../ChipsInput/ChipsInput\";\nimport { useChipsInput } from \"../ChipsInput/useChipsInput\";\nimport { ChipsSelectProps } from \"./ChipsSelect\";\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"file":"useChipsSelect.js"}

package/dist/components/ClickPopper/ClickPopper.d.ts

@@ -6,7 +6,7 @@ export interface ClickPopperProps extends PopperCommonProps {
      */
     content?: React.ReactNode;
     /**
-     * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства
+     * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства
      */
     shown?: boolean;
     /**

package/dist/components/ClickPopper/ClickPopper.js

@@ -49,7 +49,9 @@ export var ClickPopper = function ClickPopper(_ref) {
   };
 
   useGlobalEventListener(document, "click", function (e) {
-    if (dropdownNode && !childRef.current.contains(e.target) && !dropdownNode.contains(e.target)) {
+    var _childRef$current;
+
+    if (dropdownNode && !((_childRef$current = childRef.current) !== null && _childRef$current !== void 0 && _childRef$current.contains(e.target)) && !dropdownNode.contains(e.target)) {
       setShown(false);
     }
   });
@@ -57,8 +59,10 @@ export var ClickPopper = function ClickPopper(_ref) {
     setShown(!shown);
   });
   React.useEffect(function () {
-    targetClickEvent.add(childRef.current);
-  }, []);
+    if (childRef.current !== null) {
+      targetClickEvent.add(childRef.current);
+    }
+  }, [childRef, targetClickEvent]);
   return createScopedElement(React.Fragment, null, child, shown && createScopedElement(Popper, _extends({}, restProps, {
     targetRef: childRef,
     getRef: patchedPopperRef

package/dist/components/ClickPopper/ClickPopper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ClickPopper/ClickPopper.tsx"],"names":["React","useDOM","Popper","useExternRef","useEventListener","useGlobalEventListener","usePatchChildrenRef","ClickPopper","getRef","content","children","onShownChange","_shown","shown","restProps","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","document","patchedPopperRef","childRef","child","setShown","value","e","current","contains","target","targetClickEvent","useEffect","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,MAAT;AACA,SAASC,YAAT;AACA,SAASC,gBAAT;AACA,SAASC,sBAAT;AACA,SAASC,mBAAT;AAqBA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAO/B;AAAA,MANtBC,MAMsB,QANtBA,MAMsB;AAAA,MALtBC,OAKsB,QALtBA,OAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,aAGsB,QAHtBA,aAGsB;AAAA,MAFfC,MAEe,QAFtBC,KAEsB;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cd,KAAK,CAACe,QAAN,CAAeH,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOI,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAsCjB,KAAK,CAACe,QAAN,CAAe,IAAf,CAAtC;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,aAArB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCI,aAArD;;AAEA,gBAAqBf,MAAM,EAA3B;AAAA,MAAQmB,QAAR,WAAQA,QAAR;;AAEA,MAAMC,gBAAgB,GAAGlB,YAAY,CAACgB,aAAD,EAAgBX,MAAhB,CAArC;;AAEA,6BAA0BF,mBAAmB,CAACI,QAAD,CAA7C;AAAA;AAAA,MAAOY,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOb,MAAP,KAAkB,SAAtB,EAAiC;AAC/BK,MAAAA,gBAAgB,CAACQ,KAAD,CAAhB;AACD;;AACD,WAAOd,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACc,KAAD,CAApD;AACD,GALD;;AAOApB,EAAAA,sBAAsB,CAACe,QAAD,EAAW,OAAX,EAAoB,UAACM,CAAD,EAAmB;AAC3D,QACER,YAAY,IACZ,CAACI,QAAQ,CAACK,OAAT,CAAiBC,QAAjB,CAA0BF,CAAC,CAACG,MAA5B,CADD,IAEA,CAACX,YAAY,CAACU,QAAb,CAAsBF,CAAC,CAACG,MAAxB,CAHH,EAIE;AACAL,MAAAA,QAAQ,CAAC,KAAD,CAAR;AACD;AACF,GARqB,CAAtB;AAUA,MAAMM,gBAAgB,GAAG1B,gBAAgB,CAAC,OAAD,EAAU,YAAM;AACvDoB,IAAAA,QAAQ,CAAC,CAACX,KAAF,CAAR;AACD,GAFwC,CAAzC;AAIAb,EAAAA,KAAK,CAAC+B,SAAN,CAAgB,YAAM;AACpBD,IAAAA,gBAAgB,CAACE,GAAjB,CAAqBV,QAAQ,CAACK,OAA9B;AACD,GAFD,EAEG,EAFH;AAIA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGJ,KADH,EAEGV,KAAK,IACJ,oBAAC,MAAD,eAAYC,SAAZ;AAAuB,IAAA,SAAS,EAAEQ,QAAlC;AAA4C,IAAA,MAAM,EAAED;AAApD,MACGZ,OADH,CAHJ,CADF;AAUD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\n\nexport interface ClickPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое `ClickPopper`\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элемнету компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const ClickPopper: React.FC<ClickPopperProps> = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  ...restProps\n}: ClickPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n  const [dropdownNode, setPopperNode] = React.useState(null);\n\n  const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n  const { document } = useDOM();\n\n  const patchedPopperRef = useExternRef(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  useGlobalEventListener(document, \"click\", (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target)\n    ) {\n      setShown(false);\n    }\n  });\n\n  const targetClickEvent = useEventListener(\"click\", () => {\n    setShown(!shown);\n  });\n\n  React.useEffect(() => {\n    targetClickEvent.add(childRef.current);\n  }, []);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper {...restProps} targetRef={childRef} getRef={patchedPopperRef}>\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"file":"ClickPopper.js"}
+{"version":3,"sources":["../../../src/components/ClickPopper/ClickPopper.tsx"],"names":["React","useDOM","Popper","useExternRef","useEventListener","useGlobalEventListener","usePatchChildrenRef","ClickPopper","getRef","content","children","onShownChange","_shown","shown","restProps","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","document","patchedPopperRef","childRef","child","setShown","value","e","current","contains","target","targetClickEvent","useEffect","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,MAAT;AACA,SAASC,YAAT;AACA,SAASC,gBAAT;AACA,SAASC,sBAAT;AACA,SAASC,mBAAT;AAqBA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAO/B;AAAA,MANtBC,MAMsB,QANtBA,MAMsB;AAAA,MALtBC,OAKsB,QALtBA,OAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,aAGsB,QAHtBA,aAGsB;AAAA,MAFfC,MAEe,QAFtBC,KAEsB;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cd,KAAK,CAACe,QAAN,CAAeH,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOI,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAsCjB,KAAK,CAACe,QAAN,CACpC,IADoC,CAAtC;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,aAArB;;AAIA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCI,aAArD;;AAEA,gBAAqBf,MAAM,EAA3B;AAAA,MAAQmB,QAAR,WAAQA,QAAR;;AAEA,MAAMC,gBAAgB,GAAGlB,YAAY,CAAiBgB,aAAjB,EAAgCX,MAAhC,CAArC;;AAEA,6BAA0BF,mBAAmB,CAACI,QAAD,CAA7C;AAAA;AAAA,MAAOY,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOb,MAAP,KAAkB,SAAtB,EAAiC;AAC/BK,MAAAA,gBAAgB,CAACQ,KAAD,CAAhB;AACD;;AACD,WAAOd,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACc,KAAD,CAApD;AACD,GALD;;AAOApB,EAAAA,sBAAsB,CAACe,QAAD,EAAW,OAAX,EAAoB,UAACM,CAAD,EAAmB;AAAA;;AAC3D,QACER,YAAY,IACZ,uBAACI,QAAQ,CAACK,OAAV,8CAAC,kBAAkBC,QAAlB,CAA2BF,CAAC,CAACG,MAA7B,CAAD,CADA,IAEA,CAACX,YAAY,CAACU,QAAb,CAAsBF,CAAC,CAACG,MAAxB,CAHH,EAIE;AACAL,MAAAA,QAAQ,CAAC,KAAD,CAAR;AACD;AACF,GARqB,CAAtB;AAUA,MAAMM,gBAAgB,GAAG1B,gBAAgB,CAAC,OAAD,EAAU,YAAM;AACvDoB,IAAAA,QAAQ,CAAC,CAACX,KAAF,CAAR;AACD,GAFwC,CAAzC;AAIAb,EAAAA,KAAK,CAAC+B,SAAN,CAAgB,YAAM;AACpB,QAAIT,QAAQ,CAACK,OAAT,KAAqB,IAAzB,EAA+B;AAC7BG,MAAAA,gBAAgB,CAACE,GAAjB,CAAqBV,QAAQ,CAACK,OAA9B;AACD;AACF,GAJD,EAIG,CAACL,QAAD,EAAWQ,gBAAX,CAJH;AAMA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGV,KAAK,IACJ,oBAAC,MAAD,eAAYC,SAAZ;AAAuB,IAAA,SAAS,EAAEQ,QAAlC;AAA4C,IAAA,MAAM,EAAED;AAApD,MACGZ,OADH,CAHJ,CADF;AAUD,CA1DM","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\n\nexport interface ClickPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое `ClickPopper`\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элемнету компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const ClickPopper: React.FC<ClickPopperProps> = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  ...restProps\n}: ClickPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n  const [dropdownNode, setPopperNode] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n  const { document } = useDOM();\n\n  const patchedPopperRef = useExternRef<HTMLDivElement>(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  useGlobalEventListener(document, \"click\", (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current?.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target as Node)\n    ) {\n      setShown(false);\n    }\n  });\n\n  const targetClickEvent = useEventListener(\"click\", () => {\n    setShown(!shown);\n  });\n\n  React.useEffect(() => {\n    if (childRef.current !== null) {\n      targetClickEvent.add(childRef.current);\n    }\n  }, [childRef, targetClickEvent]);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper {...restProps} targetRef={childRef} getRef={patchedPopperRef}>\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"file":"ClickPopper.js"}

package/dist/components/ConfigProvider/ConfigProvider.d.ts

@@ -1,7 +1,9 @@
 import * as React from "react";
-import { AppearanceScheme, ConfigProviderContextInterface } from "./ConfigProviderContext";
+import { ConfigProviderContextInterface } from "./ConfigProviderContext";
+import { AppearanceScheme } from "../../helpers/scheme";
 export interface ConfigProviderProps extends ConfigProviderContextInterface {
     /**
+     * @deprecated будет удалено в 5.0.0, устанавливать тему следует через appearance
      * Цветовая схема приложения
      */
     scheme?: AppearanceScheme;

package/dist/components/ConfigProvider/ConfigProvider.js

@@ -1,28 +1,29 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["children", "schemeTarget"];
+var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { canUseDOM, useDOM } from "../../lib/dom";
-import { ConfigProviderContext, defaultConfigProviderProps, Scheme } from "./ConfigProviderContext";
-import { VKCOM } from "../../lib/platform";
+import { ConfigProviderContext, defaultConfigProviderProps } from "./ConfigProviderContext";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { useObjectMemo } from "../../hooks/useObjectMemo";
 import { noop } from "../../lib/utils";
 import { warnOnce } from "../../lib/warnOnce";
+import { normalizeScheme, Scheme } from "../../helpers/scheme";
+import { AppearanceProvider } from "../AppearanceProvider/AppearanceProvider";
+import { Platform } from "../../lib/platform";
 var warn = warnOnce("ConfigProvider");
 
 function useSchemeDetector(node, _scheme) {
   var inherit = _scheme === "inherit";
-
-  var getScheme = function getScheme() {
-    if (!inherit || !canUseDOM) {
+  var getScheme = React.useCallback(function () {
+    if (!inherit || !canUseDOM || !node) {
       return undefined;
     }
 
     return node.getAttribute("scheme");
-  };
+  }, [inherit, node]);
 
   var _React$useState = React.useState(getScheme()),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -30,7 +31,7 @@ function useSchemeDetector(node, _scheme) {
       setScheme = _React$useState2[1];
 
   React.useEffect(function () {
-    if (!inherit) {
+    if (!inherit || !node) {
       return noop;
     }
 
@@ -45,7 +46,7 @@ function useSchemeDetector(node, _scheme) {
     return function () {
       return observer.disconnect();
     };
-  }, [inherit]);
+  }, [getScheme, inherit, node]);
   return _scheme === "inherit" ? resolvedScheme : _scheme;
 }
 
@@ -53,69 +54,80 @@ var deriveAppearance = function deriveAppearance(scheme) {
   return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
 };
 
-function normalizeScheme(scheme, platform) {
-  if (scheme === "inherit") {
-    return scheme;
-  }
-
-  if (scheme === Scheme.VKCOM) {
-    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(Scheme.VKCOM_LIGHT, "\""));
-    return Scheme.VKCOM_LIGHT;
-  }
+var generateVKUITokensClassName = function generateVKUITokensClassName(platform, appearance) {
+  var tokensPlatform;
 
-  if (platform === VKCOM && (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)) {
-    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(Scheme.VKCOM_DARK, "\""));
-    return Scheme.VKCOM_LIGHT;
-  }
+  switch (platform) {
+    case Platform.ANDROID:
+      tokensPlatform = "vkBase";
+      break;
 
-  switch (scheme) {
-    case Scheme.DEPRECATED_CLIENT_LIGHT:
-      return Scheme.BRIGHT_LIGHT;
+    case Platform.IOS:
+      tokensPlatform = "vkIOS";
+      break;
 
-    case Scheme.DEPRECATED_CLIENT_DARK:
-      return Scheme.SPACE_GRAY;
+    case Platform.VKCOM:
+      tokensPlatform = "vkCom";
+      break;
 
     default:
-      return scheme;
+      tokensPlatform = platform;
   }
-}
+
+  return "vkui--".concat(tokensPlatform, "--").concat(appearance);
+};
 
 var ConfigProvider = function ConfigProvider(_ref) {
   var children = _ref.children,
-      schemeTarget = _ref.schemeTarget,
-      config = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var config = _objectSpread(_objectSpread({}, defaultConfigProviderProps), props);
 
-  var scheme = normalizeScheme(config.scheme, config.platform);
+  var platform = config.platform,
+      appearance = config.appearance;
+  var scheme = normalizeScheme({
+    scheme: config.scheme,
+    platform: platform,
+    appearance: appearance
+  });
 
   var _useDOM = useDOM(),
       document = _useDOM.document;
 
-  var target = schemeTarget || (document === null || document === void 0 ? void 0 : document.body);
+  var target = document === null || document === void 0 ? void 0 : document.body;
   useIsomorphicLayoutEffect(function () {
     if (scheme === "inherit") {
       return noop;
     }
 
-    if (process.env.NODE_ENV === "development" && target.hasAttribute("scheme")) {
+    if (process.env.NODE_ENV === "development" && target !== null && target !== void 0 && target.hasAttribute("scheme")) {
       warn('<body scheme> was set before VKUI mount - did you forget scheme="inherit"?');
     }
 
-    target.setAttribute("scheme", scheme);
+    target === null || target === void 0 ? void 0 : target.setAttribute("scheme", scheme);
     return function () {
-      return target.removeAttribute("scheme");
+      return target === null || target === void 0 ? void 0 : target.removeAttribute("scheme");
     };
   }, [scheme]);
   var realScheme = useSchemeDetector(target, scheme);
+  var derivedAppearance = deriveAppearance(realScheme);
+  useIsomorphicLayoutEffect(function () {
+    var VKUITokensClassName = generateVKUITokensClassName(platform, derivedAppearance);
+    target === null || target === void 0 ? void 0 : target.classList.add(VKUITokensClassName);
+    return function () {
+      target === null || target === void 0 ? void 0 : target.classList.remove(VKUITokensClassName);
+    };
+  }, [platform, derivedAppearance]);
   var configContext = useObjectMemo(_objectSpread({
-    appearance: deriveAppearance(realScheme)
+    appearance: derivedAppearance
   }, config));
   return createScopedElement(ConfigProviderContext.Provider, {
     value: configContext
-  }, children);
-}; // Деструктуризация нужна из бага в react-docgen-typescript
-// https://github.com/styleguidist/react-docgen-typescript/issues/195
+  }, createScopedElement(AppearanceProvider, {
+    appearance: configContext.appearance
+  }, children));
+}; // eslint-disable-next-line import/no-default-export
 
 
-ConfigProvider.defaultProps = _objectSpread({}, defaultConfigProviderProps);
 export default ConfigProvider;
 //# sourceMappingURL=ConfigProvider.js.map

package/dist/components/ConfigProvider/ConfigProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["React","canUseDOM","useDOM","ConfigProviderContext","defaultConfigProviderProps","Scheme","VKCOM","useIsomorphicLayoutEffect","useObjectMemo","noop","warnOnce","warn","useSchemeDetector","node","_scheme","inherit","getScheme","undefined","getAttribute","useState","resolvedScheme","setScheme","useEffect","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","normalizeScheme","platform","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK","ConfigProvider","children","schemeTarget","config","document","target","body","hasAttribute","setAttribute","removeAttribute","realScheme","configContext","appearance","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { canUseDOM, useDOM } from \"../../lib/dom\";\nimport {\n  AppearanceScheme,\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  defaultConfigProviderProps,\n  Scheme,\n} from \"./ConfigProviderContext\";\nimport { PlatformType, VKCOM } from \"../../lib/platform\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\n\nexport interface ConfigProviderProps extends ConfigProviderContextInterface {\n  /**\n   * Цветовая схема приложения\n   */\n  scheme?: AppearanceScheme;\n}\n\nconst warn = warnOnce(\"ConfigProvider\");\n\nfunction useSchemeDetector(node: HTMLElement, _scheme: Scheme | \"inherit\") {\n  const inherit = _scheme === \"inherit\";\n  const getScheme = () => {\n    if (!inherit || !canUseDOM) {\n      return undefined;\n    }\n    return node.getAttribute(\"scheme\") as Scheme;\n  };\n  const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n  React.useEffect(() => {\n    if (!inherit) {\n      return noop;\n    }\n    setScheme(getScheme());\n    const observer = new MutationObserver(() => setScheme(getScheme()));\n    observer.observe(node, { attributes: true, attributeFilter: [\"scheme\"] });\n    return () => observer.disconnect();\n  }, [inherit]);\n\n  return _scheme === \"inherit\" ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\nfunction normalizeScheme(\n  scheme: AppearanceScheme,\n  platform: PlatformType\n): Scheme | \"inherit\" {\n  if (scheme === \"inherit\") {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (\n    platform === VKCOM &&\n    (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)\n  ) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n  children,\n  schemeTarget,\n  ...config\n}: ConfigProviderProps & {\n  children?: React.ReactNode;\n  schemeTarget?: HTMLElement;\n}) => {\n  const scheme = normalizeScheme(config.scheme, config.platform);\n  const { document } = useDOM();\n  const target = schemeTarget || document?.body;\n\n  useIsomorphicLayoutEffect(() => {\n    if (scheme === \"inherit\") {\n      return noop;\n    }\n    if (\n      process.env.NODE_ENV === \"development\" &&\n      target.hasAttribute(\"scheme\")\n    ) {\n      warn(\n        '<body scheme> was set before VKUI mount - did you forget scheme=\"inherit\"?'\n      );\n    }\n    target.setAttribute(\"scheme\", scheme);\n    return () => target.removeAttribute(\"scheme\");\n  }, [scheme]);\n\n  const realScheme = useSchemeDetector(target, scheme);\n  const configContext = useObjectMemo({\n    appearance: deriveAppearance(realScheme),\n    ...config,\n  });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      {children}\n    </ConfigProviderContext.Provider>\n  );\n};\n\n// Деструктуризация нужна из бага в react-docgen-typescript\n// https://github.com/styleguidist/react-docgen-typescript/issues/195\nConfigProvider.defaultProps = { ...defaultConfigProviderProps };\n\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}
+{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["React","canUseDOM","useDOM","ConfigProviderContext","defaultConfigProviderProps","useIsomorphicLayoutEffect","useObjectMemo","noop","warnOnce","normalizeScheme","Scheme","AppearanceProvider","Platform","warn","useSchemeDetector","node","_scheme","inherit","getScheme","useCallback","undefined","getAttribute","useState","resolvedScheme","setScheme","useEffect","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM","ConfigProvider","children","props","config","document","target","body","process","env","NODE_ENV","hasAttribute","setAttribute","removeAttribute","realScheme","derivedAppearance","VKUITokensClassName","classList","add","remove","configContext"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,SAAT,EAAoBC,MAApB;AACA,SACEC,qBADF,EAGEC,0BAHF;AAKA,SAASC,yBAAT;AACA,SAASC,aAAT;AACA,SAASC,IAAT;AACA,SAASC,QAAT;AACA,SACEC,eADF,EAGEC,MAHF;AAKA,SAASC,kBAAT;AACA,SAASC,QAAT;AAUA,IAAMC,IAAI,GAAGL,QAAQ,CAAC,gBAAD,CAArB;;AAEA,SAASM,iBAAT,CACEC,IADF,EAEEC,OAFF,EAGE;AACA,MAAMC,OAAO,GAAGD,OAAO,KAAK,SAA5B;AACA,MAAME,SAAS,GAAGlB,KAAK,CAACmB,WAAN,CAAkB,YAAM;AACxC,QAAI,CAACF,OAAD,IAAY,CAAChB,SAAb,IAA0B,CAACc,IAA/B,EAAqC;AACnC,aAAOK,SAAP;AACD;;AACD,WAAOL,IAAI,CAACM,YAAL,CAAkB,QAAlB,CAAP;AACD,GALiB,EAKf,CAACJ,OAAD,EAAUF,IAAV,CALe,CAAlB;;AAMA,wBAAoCf,KAAK,CAACsB,QAAN,CAAeJ,SAAS,EAAxB,CAApC;AAAA;AAAA,MAAOK,cAAP;AAAA,MAAuBC,SAAvB;;AAEAxB,EAAAA,KAAK,CAACyB,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACR,OAAD,IAAY,CAACF,IAAjB,EAAuB;AACrB,aAAOR,IAAP;AACD;;AACDiB,IAAAA,SAAS,CAACN,SAAS,EAAV,CAAT;AACA,QAAMQ,QAAQ,GAAG,IAAIC,gBAAJ,CAAqB;AAAA,aAAMH,SAAS,CAACN,SAAS,EAAV,CAAf;AAAA,KAArB,CAAjB;AACAQ,IAAAA,QAAQ,CAACE,OAAT,CAAiBb,IAAjB,EAAuB;AAAEc,MAAAA,UAAU,EAAE,IAAd;AAAoBC,MAAAA,eAAe,EAAE,CAAC,QAAD;AAArC,KAAvB;AACA,WAAO;AAAA,aAAMJ,QAAQ,CAACK,UAAT,EAAN;AAAA,KAAP;AACD,GARD,EAQG,CAACb,SAAD,EAAYD,OAAZ,EAAqBF,IAArB,CARH;AAUA,SAAOC,OAAO,KAAK,SAAZ,GAAwBO,cAAxB,GAAyCP,OAAhD;AACD;;AAED,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD;AAAA,SACvBA,MAAM,KAAKvB,MAAM,CAACwB,UAAlB,IAAgCD,MAAM,KAAKvB,MAAM,CAACyB,UAAlD,GACI,MADJ,GAEI,OAHmB;AAAA,CAAzB;;AAKA,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,QADkC,EAElCC,UAFkC,EAGvB;AACX,MAAIC,cAAJ;;AACA,UAAQF,QAAR;AACE,SAAKzB,QAAQ,CAAC4B,OAAd;AACED,MAAAA,cAAc,GAAG,QAAjB;AACA;;AACF,SAAK3B,QAAQ,CAAC6B,GAAd;AACEF,MAAAA,cAAc,GAAG,OAAjB;AACA;;AACF,SAAK3B,QAAQ,CAAC8B,KAAd;AACEH,MAAAA,cAAc,GAAG,OAAjB;AACA;;AACF;AACEA,MAAAA,cAAc,GAAGF,QAAjB;AAXJ;;AAcA,yBAAgBE,cAAhB,eAAmCD,UAAnC;AACD,CApBD;;AAsBA,IAAMK,cAA6C,GAAG,SAAhDA,cAAgD,OAGhD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,KACC;;AACJ,MAAMC,MAAM,mCAAQ1C,0BAAR,GAAuCyC,KAAvC,CAAZ;;AACA,MAAQR,QAAR,GAAiCS,MAAjC,CAAQT,QAAR;AAAA,MAAkBC,UAAlB,GAAiCQ,MAAjC,CAAkBR,UAAlB;AACA,MAAML,MAAM,GAAGxB,eAAe,CAAC;AAC7BwB,IAAAA,MAAM,EAAEa,MAAM,CAACb,MADc;AAE7BI,IAAAA,QAAQ,EAAEA,QAFmB;AAG7BC,IAAAA,UAAU,EAAEA;AAHiB,GAAD,CAA9B;;AAKA,gBAAqBpC,MAAM,EAA3B;AAAA,MAAQ6C,QAAR,WAAQA,QAAR;;AACA,MAAMC,MAAM,GAAGD,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEE,IAAzB;AAEA5C,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAI4B,MAAM,KAAK,SAAf,EAA0B;AACxB,aAAO1B,IAAP;AACD;;AACD,QACE2C,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACAJ,MADA,aACAA,MADA,eACAA,MAAM,CAAEK,YAAR,CAAqB,QAArB,CAFF,EAGE;AACAxC,MAAAA,IAAI,CACF,4EADE,CAAJ;AAGD;;AACDmC,IAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEM,YAAR,CAAqB,QAArB,EAA+BrB,MAA/B;AACA,WAAO;AAAA,aAAMe,MAAN,aAAMA,MAAN,uBAAMA,MAAM,CAAEO,eAAR,CAAwB,QAAxB,CAAN;AAAA,KAAP;AACD,GAdwB,EActB,CAACtB,MAAD,CAdsB,CAAzB;AAgBA,MAAMuB,UAAU,GAAG1C,iBAAiB,CAACkC,MAAD,EAASf,MAAT,CAApC;AACA,MAAMwB,iBAAiB,GAAGzB,gBAAgB,CAACwB,UAAD,CAA1C;AAEAnD,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAMqD,mBAAmB,GAAGtB,2BAA2B,CACrDC,QADqD,EAErDoB,iBAFqD,CAAvD;AAKAT,IAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEW,SAAR,CAAkBC,GAAlB,CAAsBF,mBAAtB;AAEA,WAAO,YAAM;AACXV,MAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEW,SAAR,CAAkBE,MAAlB,CAAyBH,mBAAzB;AACD,KAFD;AAGD,GAXwB,EAWtB,CAACrB,QAAD,EAAWoB,iBAAX,CAXsB,CAAzB;AAaA,MAAMK,aAAa,GAAGxD,aAAa;AACjCgC,IAAAA,UAAU,EAAEmB;AADqB,KAE9BX,MAF8B,EAAnC;AAKA,SACE,oBAAC,qBAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEgB;AAAvC,KACE,oBAAC,kBAAD;AAAoB,IAAA,UAAU,EAAEA,aAAa,CAACxB;AAA9C,KACGM,QADH,CADF,CADF;AAOD,CA1DD,C,CA4DA;;;AACA,eAAeD,cAAf","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { canUseDOM, useDOM } from \"../../lib/dom\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  defaultConfigProviderProps,\n} from \"./ConfigProviderContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  normalizeScheme,\n  AppearanceScheme,\n  Scheme,\n} from \"../../helpers/scheme\";\nimport { AppearanceProvider } from \"../AppearanceProvider/AppearanceProvider\";\nimport { Platform } from \"../../lib/platform\";\n\nexport interface ConfigProviderProps extends ConfigProviderContextInterface {\n  /**\n   * @deprecated будет удалено в 5.0.0, устанавливать тему следует через appearance\n   * Цветовая схема приложения\n   */\n  scheme?: AppearanceScheme;\n}\n\nconst warn = warnOnce(\"ConfigProvider\");\n\nfunction useSchemeDetector(\n  node: HTMLElement | undefined | null,\n  _scheme: Scheme | \"inherit\"\n) {\n  const inherit = _scheme === \"inherit\";\n  const getScheme = React.useCallback(() => {\n    if (!inherit || !canUseDOM || !node) {\n      return undefined;\n    }\n    return node.getAttribute(\"scheme\") as Scheme;\n  }, [inherit, node]);\n  const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n  React.useEffect(() => {\n    if (!inherit || !node) {\n      return noop;\n    }\n    setScheme(getScheme());\n    const observer = new MutationObserver(() => setScheme(getScheme()));\n    observer.observe(node, { attributes: true, attributeFilter: [\"scheme\"] });\n    return () => observer.disconnect();\n  }, [getScheme, inherit, node]);\n\n  return _scheme === \"inherit\" ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\nconst generateVKUITokensClassName = (\n  platform: string,\n  appearance: string\n): string => {\n  let tokensPlatform;\n  switch (platform) {\n    case Platform.ANDROID:\n      tokensPlatform = \"vkBase\";\n      break;\n    case Platform.IOS:\n      tokensPlatform = \"vkIOS\";\n      break;\n    case Platform.VKCOM:\n      tokensPlatform = \"vkCom\";\n      break;\n    default:\n      tokensPlatform = platform;\n  }\n\n  return `vkui--${tokensPlatform}--${appearance}`;\n};\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n  children,\n  ...props\n}) => {\n  const config = { ...defaultConfigProviderProps, ...props };\n  const { platform, appearance } = config;\n  const scheme = normalizeScheme({\n    scheme: config.scheme,\n    platform: platform,\n    appearance: appearance,\n  });\n  const { document } = useDOM();\n  const target = document?.body;\n\n  useIsomorphicLayoutEffect(() => {\n    if (scheme === \"inherit\") {\n      return noop;\n    }\n    if (\n      process.env.NODE_ENV === \"development\" &&\n      target?.hasAttribute(\"scheme\")\n    ) {\n      warn(\n        '<body scheme> was set before VKUI mount - did you forget scheme=\"inherit\"?'\n      );\n    }\n    target?.setAttribute(\"scheme\", scheme);\n    return () => target?.removeAttribute(\"scheme\");\n  }, [scheme]);\n\n  const realScheme = useSchemeDetector(target, scheme);\n  const derivedAppearance = deriveAppearance(realScheme);\n\n  useIsomorphicLayoutEffect(() => {\n    const VKUITokensClassName = generateVKUITokensClassName(\n      platform,\n      derivedAppearance\n    );\n\n    target?.classList.add(VKUITokensClassName);\n\n    return () => {\n      target?.classList.remove(VKUITokensClassName);\n    };\n  }, [platform, derivedAppearance]);\n\n  const configContext = useObjectMemo({\n    appearance: derivedAppearance,\n    ...config,\n  });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      <AppearanceProvider appearance={configContext.appearance}>\n        {children}\n      </AppearanceProvider>\n    </ConfigProviderContext.Provider>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}

package/dist/components/ConfigProvider/ConfigProviderContext.d.ts

@@ -1,32 +1,6 @@
 import * as React from "react";
-import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { AppearanceType } from "@vkontakte/vk-bridge";
 import { PlatformType } from "../../lib/platform";
-export declare enum Appearance {
-    DARK = "dark",
-    LIGHT = "light"
-}
-export declare enum Scheme {
-    /**
-     * @deprecated будет удалено в 5.0.0
-     * версия оставлена для совместимости со старыми версиями клиентов
-     */
-    DEPRECATED_CLIENT_LIGHT = "client_light",
-    /**
-     * @deprecated будет удалено в 5.0.0
-     * версия оставлена для совместимости со старыми версиями клиентов
-     */
-    DEPRECATED_CLIENT_DARK = "client_dark",
-    /**
-     * @deprecated будет удалено в 5.0.0
-     * версия оставлена для совместимости с vkcom, когда там была только одна схема
-     */
-    VKCOM = "vkcom",
-    BRIGHT_LIGHT = "bright_light",
-    SPACE_GRAY = "space_gray",
-    VKCOM_LIGHT = "vkcom_light",
-    VKCOM_DARK = "vkcom_dark"
-}
-export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | "inherit";
 export declare enum WebviewType {
     VKAPPS = "vkapps",
     INTERNAL = "internal"
@@ -62,9 +36,8 @@ export interface ConfigProviderContextInterface {
 export declare const defaultConfigProviderProps: {
     webviewType: WebviewType;
     isWebView: boolean;
-    scheme: Scheme;
     transitionMotionEnabled: boolean;
-    platform: import("../../lib/platform").Platform;
+    platform: string;
     hasNewTokens: boolean;
 };
 export declare const ConfigProviderContext: React.Context<ConfigProviderContextInterface>;

package/dist/components/ConfigProvider/ConfigProviderContext.js

@@ -1,25 +1,6 @@
 import * as React from "react";
 import vkBridge from "@vkontakte/vk-bridge";
 import { platform } from "../../lib/platform";
-export var Appearance;
-
-(function (Appearance) {
-  Appearance["DARK"] = "dark";
-  Appearance["LIGHT"] = "light";
-})(Appearance || (Appearance = {}));
-
-export var Scheme;
-
-(function (Scheme) {
-  Scheme["DEPRECATED_CLIENT_LIGHT"] = "client_light";
-  Scheme["DEPRECATED_CLIENT_DARK"] = "client_dark";
-  Scheme["VKCOM"] = "vkcom";
-  Scheme["BRIGHT_LIGHT"] = "bright_light";
-  Scheme["SPACE_GRAY"] = "space_gray";
-  Scheme["VKCOM_LIGHT"] = "vkcom_light";
-  Scheme["VKCOM_DARK"] = "vkcom_dark";
-})(Scheme || (Scheme = {}));
-
 export var WebviewType;
 
 (function (WebviewType) {
@@ -30,7 +11,6 @@ export var WebviewType;
 export var defaultConfigProviderProps = {
   webviewType: WebviewType.VKAPPS,
   isWebView: vkBridge.isWebView(),
-  scheme: Scheme.BRIGHT_LIGHT,
   transitionMotionEnabled: true,
   platform: platform(),
   hasNewTokens: false // appearance is auto-detected by default

package/dist/components/ConfigProvider/ConfigProviderContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"names":["React","vkBridge","platform","Appearance","Scheme","WebviewType","defaultConfigProviderProps","webviewType","VKAPPS","isWebView","scheme","BRIGHT_LIGHT","transitionMotionEnabled","hasNewTokens","ConfigProviderContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAGO,sBAHP;AAIA,SAAuBC,QAAvB;AAEA,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U;;AAKZ,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AA8BZ,WAAYC,WAAZ;;WAAYA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,KAAAA,W;;AAkCZ,OAAO,IAAMC,0BAA0B,GAAG;AACxCC,EAAAA,WAAW,EAAEF,WAAW,CAACG,MADe;AAExCC,EAAAA,SAAS,EAAER,QAAQ,CAACQ,SAAT,EAF6B;AAGxCC,EAAAA,MAAM,EAAEN,MAAM,CAACO,YAHyB;AAIxCC,EAAAA,uBAAuB,EAAE,IAJe;AAKxCV,EAAAA,QAAQ,EAAEA,QAAQ,EALsB;AAMxCW,EAAAA,YAAY,EAAE,KAN0B,CAOxC;AACA;;AARwC,CAAnC;AAWP,OAAO,IAAMC,qBAAqB,gBAChCd,KAAK,CAACe,aAAN,CACET,0BADF,CADK","sourcesContent":["import * as React from \"react\";\nimport vkBridge, {\n  AppearanceSchemeType,\n  AppearanceType,\n} from \"@vkontakte/vk-bridge\";\nimport { PlatformType, platform } from \"../../lib/platform\";\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum Scheme {\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_LIGHT = \"client_light\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_DARK = \"client_dark\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = \"vkcom\",\n\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT\n  | \"inherit\";\n\nexport enum WebviewType {\n  VKAPPS = \"vkapps\",\n  INTERNAL = \"internal\",\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n   */\n  isWebView?: boolean;\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   */\n  webviewType?: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * Тип приложения\n   */\n  app?: string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance?: AppearanceType;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled?: boolean;\n  /**\n   * Платформа\n   */\n  platform?: PlatformType;\n  hasNewTokens?: boolean;\n}\n\nexport const defaultConfigProviderProps = {\n  webviewType: WebviewType.VKAPPS,\n  isWebView: vkBridge.isWebView(),\n  scheme: Scheme.BRIGHT_LIGHT,\n  transitionMotionEnabled: true,\n  platform: platform(),\n  hasNewTokens: false,\n  // appearance is auto-detected by default\n  // appearance: Appearance.LIGHT,\n};\n\nexport const ConfigProviderContext =\n  React.createContext<ConfigProviderContextInterface>(\n    defaultConfigProviderProps\n  );\n"],"file":"ConfigProviderContext.js"}
+{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"names":["React","vkBridge","platform","WebviewType","defaultConfigProviderProps","webviewType","VKAPPS","isWebView","transitionMotionEnabled","hasNewTokens","ConfigProviderContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAyC,sBAAzC;AACA,SAAuBC,QAAvB;AAEA,WAAYC,WAAZ;;WAAYA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,KAAAA,W;;AAkCZ,OAAO,IAAMC,0BAA0B,GAAG;AACxCC,EAAAA,WAAW,EAAEF,WAAW,CAACG,MADe;AAExCC,EAAAA,SAAS,EAAEN,QAAQ,CAACM,SAAT,EAF6B;AAGxCC,EAAAA,uBAAuB,EAAE,IAHe;AAIxCN,EAAAA,QAAQ,EAAEA,QAAQ,EAJsB;AAKxCO,EAAAA,YAAY,EAAE,KAL0B,CAMxC;AACA;;AAPwC,CAAnC;AAUP,OAAO,IAAMC,qBAAqB,gBAChCV,KAAK,CAACW,aAAN,CACEP,0BADF,CADK","sourcesContent":["import * as React from \"react\";\nimport vkBridge, { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, platform } from \"../../lib/platform\";\n\nexport enum WebviewType {\n  VKAPPS = \"vkapps\",\n  INTERNAL = \"internal\",\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n   */\n  isWebView?: boolean;\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   */\n  webviewType?: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * Тип приложения\n   */\n  app?: string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance?: AppearanceType;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled?: boolean;\n  /**\n   * Платформа\n   */\n  platform?: PlatformType;\n  hasNewTokens?: boolean;\n}\n\nexport const defaultConfigProviderProps = {\n  webviewType: WebviewType.VKAPPS,\n  isWebView: vkBridge.isWebView(),\n  transitionMotionEnabled: true,\n  platform: platform(),\n  hasNewTokens: false,\n  // appearance is auto-detected by default\n  // appearance: Appearance.LIGHT,\n};\n\nexport const ConfigProviderContext =\n  React.createContext<ConfigProviderContextInterface>(\n    defaultConfigProviderProps\n  );\n"],"file":"ConfigProviderContext.js"}

package/dist/components/ContentCard/ContentCard.js

@@ -10,7 +10,9 @@ import Tappable from "../Tappable/Tappable";
 import { getClassName } from "../../helpers/getClassName";
 import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode } from "../../lib/utils";
+import { warnOnce } from "../../lib/warnOnce";
 import { classNames } from "../../lib/classNames";
+var warn = warnOnce("ContentCard");
 
 var ContentCard = function ContentCard(props) {
   var subtitle = props.subtitle,
@@ -39,6 +41,11 @@ var ContentCard = function ContentCard(props) {
 
   var platform = usePlatform();
   var source = image || src;
+
+  if (image && process.env.NODE_ENV === "development") {
+    warn("Свойство image устарело и будет удалено в 5.0.0. Используйте src");
+  }
+
   return createScopedElement(Card, {
     mode: mode,
     getRootRef: getRootRef,
@@ -92,6 +99,7 @@ var ContentCard = function ContentCard(props) {
 
 ContentCard.defaultProps = {
   mode: "shadow"
-};
+}; // eslint-disable-next-line import/no-default-export
+
 export default ContentCard;
 //# sourceMappingURL=ContentCard.js.map

package/dist/components/ContentCard/ContentCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ContentCard/ContentCard.tsx"],"names":["Card","Caption","Title","Text","Tappable","getClassName","usePlatform","hasReactNode","classNames","ContentCard","props","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","platform","source","disabled","onClick","href","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Card, { CardProps } from \"../Card/Card\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ContentCard.css\";\n\nexport interface ContentCardProps\n  extends HasRootRef<HTMLDivElement>,\n    Omit<TappableProps, \"getRootRef\" | \"crossOrigin\">,\n    Omit<\n      React.ImgHTMLAttributes<HTMLImageElement>,\n      keyof React.HTMLAttributes<HTMLImageElement>\n    >,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    @deprecated будет удалено в 5.0.0. Используйте src\n   */\n  image?: string;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps[\"mode\"];\n}\n\nconst ContentCard: React.FC<ContentCardProps> = (props: ContentCardProps) => {\n  const {\n    subtitle,\n    header,\n    text,\n    caption,\n    // card props\n    className,\n    mode,\n    style,\n    getRootRef,\n    // img props\n    getRef,\n    maxHeight,\n    image,\n    src,\n    srcSet,\n    alt,\n    width,\n    height,\n    crossOrigin,\n    decoding,\n    loading,\n    referrerPolicy,\n    sizes,\n    useMap,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n\n  const source = image || src;\n\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      vkuiClass={classNames(getClassName(\"ContentCard\", platform), {\n        \"ContentCard--disabled\": restProps.disabled,\n      })}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        {...restProps}\n        disabled={restProps.disabled || (!restProps.onClick && !restProps.href)}\n        hasHover={false}\n        hasActive={false}\n        vkuiClass=\"ContentCard__tappable\"\n      >\n        {(source || srcSet) && (\n          <img\n            ref={getRef}\n            vkuiClass=\"ContentCard__img\"\n            src={source}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div vkuiClass=\"ContentCard__body\">\n          {hasReactNode(subtitle) && (\n            <Caption\n              caps\n              vkuiClass=\"ContentCard__text\"\n              weight=\"semibold\"\n              level=\"3\"\n            >\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Title vkuiClass=\"ContentCard__text\" weight=\"semibold\" level=\"3\">\n              {header}\n            </Title>\n          )}\n          {hasReactNode(text) && (\n            <Text vkuiClass=\"ContentCard__text\" weight=\"regular\">\n              {text}\n            </Text>\n          )}\n          {hasReactNode(caption) && (\n            <Caption vkuiClass=\"ContentCard__text\" weight=\"regular\" level=\"1\">\n              {caption}\n            </Caption>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n\nContentCard.defaultProps = {\n  mode: \"shadow\",\n};\n\nexport default ContentCard;\n"],"file":"ContentCard.js"}
+{"version":3,"sources":["../../../src/components/ContentCard/ContentCard.tsx"],"names":["Card","Caption","Title","Text","Tappable","getClassName","usePlatform","hasReactNode","warnOnce","classNames","warn","ContentCard","props","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","platform","source","process","env","NODE_ENV","disabled","onClick","href","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Card, { CardProps } from \"../Card/Card\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ContentCard.css\";\n\nexport interface ContentCardProps\n  extends HasRootRef<HTMLDivElement>,\n    Omit<TappableProps, \"getRootRef\" | \"crossOrigin\">,\n    Omit<\n      React.ImgHTMLAttributes<HTMLImageElement>,\n      keyof React.HTMLAttributes<HTMLImageElement>\n    >,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    @deprecated будет удалено в 5.0.0. Используйте src\n   */\n  image?: string;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps[\"mode\"];\n}\n\nconst warn = warnOnce(\"ContentCard\");\nconst ContentCard: React.FC<ContentCardProps> = (props: ContentCardProps) => {\n  const {\n    subtitle,\n    header,\n    text,\n    caption,\n    // card props\n    className,\n    mode,\n    style,\n    getRootRef,\n    // img props\n    getRef,\n    maxHeight,\n    image,\n    src,\n    srcSet,\n    alt,\n    width,\n    height,\n    crossOrigin,\n    decoding,\n    loading,\n    referrerPolicy,\n    sizes,\n    useMap,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n\n  const source = image || src;\n\n  if (image && process.env.NODE_ENV === \"development\") {\n    warn(\"Свойство image устарело и будет удалено в 5.0.0. Используйте src\");\n  }\n\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      vkuiClass={classNames(getClassName(\"ContentCard\", platform), {\n        \"ContentCard--disabled\": restProps.disabled,\n      })}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        {...restProps}\n        disabled={restProps.disabled || (!restProps.onClick && !restProps.href)}\n        hasHover={false}\n        hasActive={false}\n        vkuiClass=\"ContentCard__tappable\"\n      >\n        {(source || srcSet) && (\n          <img\n            ref={getRef}\n            vkuiClass=\"ContentCard__img\"\n            src={source}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div vkuiClass=\"ContentCard__body\">\n          {hasReactNode(subtitle) && (\n            <Caption\n              caps\n              vkuiClass=\"ContentCard__text\"\n              weight=\"semibold\"\n              level=\"3\"\n            >\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Title vkuiClass=\"ContentCard__text\" weight=\"semibold\" level=\"3\">\n              {header}\n            </Title>\n          )}\n          {hasReactNode(text) && (\n            <Text vkuiClass=\"ContentCard__text\" weight=\"regular\">\n              {text}\n            </Text>\n          )}\n          {hasReactNode(caption) && (\n            <Caption vkuiClass=\"ContentCard__text\" weight=\"regular\" level=\"1\">\n              {caption}\n            </Caption>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n\nContentCard.defaultProps = {\n  mode: \"shadow\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ContentCard;\n"],"file":"ContentCard.js"}

package/dist/components/Counter/Counter.js

@@ -49,6 +49,7 @@ var Counter = function Counter(props) {
 Counter.defaultProps = {
   mode: "secondary",
   size: "m"
-};
+}; // eslint-disable-next-line import/no-default-export
+
 export default /*#__PURE__*/React.memo(Counter);
 //# sourceMappingURL=Counter.js.map

package/dist/components/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Counter/Counter.tsx"],"names":["React","classNames","getClassName","usePlatform","Caption","Text","VKCOM","hasReactNode","CounterTypography","size","platform","restProps","Counter","props","mode","children","Children","count","defaultProps","memo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,OAAP;AACA,OAAOC,IAAP;AACA,SAASC,KAAT;AACA,SAASC,YAAT;;AAgBA,IAAMC,iBAAmD,GAAG,SAAtDA,iBAAsD,OAItD;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,SACC;;AACJ,SAAOF,IAAI,KAAK,GAAT,GACL,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEC,QAAQ,KAAKJ,KAAb,GAAqB,QAArB,GAAgC;AAF1C,KAGMK,SAHN,EADK,GAOL,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAA0BA,SAA1B,EAPF;AASD,CAdD;;AAgBA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,CAACC,KAAD,EAAyB;AAC/D,MAAQC,IAAR,GAA+CD,KAA/C,CAAQC,IAAR;AAAA,MAAcL,IAAd,GAA+CI,KAA/C,CAAcJ,IAAd;AAAA,MAAoBM,QAApB,GAA+CF,KAA/C,CAAoBE,QAApB;AAAA,MAAiCJ,SAAjC,4BAA+CE,KAA/C;;AACA,MAAMH,QAAQ,GAAGP,WAAW,EAA5B;;AAEA,MAAIH,KAAK,CAACgB,QAAN,CAAeC,KAAf,CAAqBF,QAArB,MAAmC,CAAvC,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,SACE,yCACMJ,SADN;AAEE,IAAA,SAAS,EAAEV,UAAU,CACnBC,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CADO,qBAEPI,IAFO,wBAGLL,IAHK;AAFvB,MAQGF,YAAY,CAACQ,QAAD,CAAZ,IACC,oBAAC,iBAAD;AACE,IAAA,QAAQ,EAAEL,QADZ;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGM,QALH,CATJ,CADF;AAoBD,CA5BD;;AA8BAH,OAAO,CAACM,YAAR,GAAuB;AACrBJ,EAAAA,IAAI,EAAE,WADe;AAErBL,EAAAA,IAAI,EAAE;AAFe,CAAvB;AAKA,4BAAeT,KAAK,CAACmB,IAAN,CAAWP,OAAX,CAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Text from \"../Typography/Text/Text\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { HasComponent, HasPlatform } from \"../../types\";\nimport \"./Counter.css\";\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n   */\n  mode?: \"secondary\" | \"primary\" | \"prominent\";\n  size?: \"s\" | \"m\";\n}\n\ntype CounterTypographyProps = Pick<CounterProps, \"size\"> &\n  HasPlatform &\n  HasComponent;\n\nconst CounterTypography: React.FC<CounterTypographyProps> = ({\n  size,\n  platform,\n  ...restProps\n}) => {\n  return size === \"s\" ? (\n    <Caption\n      level=\"2\"\n      weight={platform === VKCOM ? \"medium\" : \"regular\"}\n      {...restProps}\n    />\n  ) : (\n    <Text weight=\"medium\" {...restProps} />\n  );\n};\n\nconst Counter: React.FC<CounterProps> = (props: CounterProps) => {\n  const { mode, size, children, ...restProps } = props;\n  const platform = usePlatform();\n\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  return (\n    <span\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Counter\", platform),\n        `Counter--${mode}`,\n        `Counter--s-${size}`\n      )}\n    >\n      {hasReactNode(children) && (\n        <CounterTypography\n          platform={platform}\n          size={size}\n          vkuiClass=\"Counter__in\"\n        >\n          {children}\n        </CounterTypography>\n      )}\n    </span>\n  );\n};\n\nCounter.defaultProps = {\n  mode: \"secondary\",\n  size: \"m\",\n};\n\nexport default React.memo(Counter);\n"],"file":"Counter.js"}
+{"version":3,"sources":["../../../src/components/Counter/Counter.tsx"],"names":["React","classNames","getClassName","usePlatform","Caption","Text","VKCOM","hasReactNode","CounterTypography","size","platform","restProps","Counter","props","mode","children","Children","count","defaultProps","memo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,OAAP;AACA,OAAOC,IAAP;AACA,SAASC,KAAT;AACA,SAASC,YAAT;;AAgBA,IAAMC,iBAAmD,GAAG,SAAtDA,iBAAsD,OAItD;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,SACC;;AACJ,SAAOF,IAAI,KAAK,GAAT,GACL,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEC,QAAQ,KAAKJ,KAAb,GAAqB,QAArB,GAAgC;AAF1C,KAGMK,SAHN,EADK,GAOL,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAA0BA,SAA1B,EAPF;AASD,CAdD;;AAgBA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,CAACC,KAAD,EAAyB;AAC/D,MAAQC,IAAR,GAA+CD,KAA/C,CAAQC,IAAR;AAAA,MAAcL,IAAd,GAA+CI,KAA/C,CAAcJ,IAAd;AAAA,MAAoBM,QAApB,GAA+CF,KAA/C,CAAoBE,QAApB;AAAA,MAAiCJ,SAAjC,4BAA+CE,KAA/C;;AACA,MAAMH,QAAQ,GAAGP,WAAW,EAA5B;;AAEA,MAAIH,KAAK,CAACgB,QAAN,CAAeC,KAAf,CAAqBF,QAArB,MAAmC,CAAvC,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,SACE,yCACMJ,SADN;AAEE,IAAA,SAAS,EAAEV,UAAU,CACnBC,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CADO,qBAEPI,IAFO,wBAGLL,IAHK;AAFvB,MAQGF,YAAY,CAACQ,QAAD,CAAZ,IACC,oBAAC,iBAAD;AACE,IAAA,QAAQ,EAAEL,QADZ;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGM,QALH,CATJ,CADF;AAoBD,CA5BD;;AA8BAH,OAAO,CAACM,YAAR,GAAuB;AACrBJ,EAAAA,IAAI,EAAE,WADe;AAErBL,EAAAA,IAAI,EAAE;AAFe,CAAvB,C,CAKA;;AACA,4BAAeT,KAAK,CAACmB,IAAN,CAAWP,OAAX,CAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Text from \"../Typography/Text/Text\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { HasComponent, HasPlatform } from \"../../types\";\nimport \"./Counter.css\";\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n   */\n  mode?: \"secondary\" | \"primary\" | \"prominent\";\n  size?: \"s\" | \"m\";\n}\n\ntype CounterTypographyProps = Pick<CounterProps, \"size\"> &\n  HasPlatform &\n  HasComponent;\n\nconst CounterTypography: React.FC<CounterTypographyProps> = ({\n  size,\n  platform,\n  ...restProps\n}) => {\n  return size === \"s\" ? (\n    <Caption\n      level=\"2\"\n      weight={platform === VKCOM ? \"medium\" : \"regular\"}\n      {...restProps}\n    />\n  ) : (\n    <Text weight=\"medium\" {...restProps} />\n  );\n};\n\nconst Counter: React.FC<CounterProps> = (props: CounterProps) => {\n  const { mode, size, children, ...restProps } = props;\n  const platform = usePlatform();\n\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  return (\n    <span\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Counter\", platform),\n        `Counter--${mode}`,\n        `Counter--s-${size}`\n      )}\n    >\n      {hasReactNode(children) && (\n        <CounterTypography\n          platform={platform}\n          size={size}\n          vkuiClass=\"Counter__in\"\n        >\n          {children}\n        </CounterTypography>\n      )}\n    </span>\n  );\n};\n\nCounter.defaultProps = {\n  mode: \"secondary\",\n  size: \"m\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(Counter);\n"],"file":"Counter.js"}

package/dist/components/CustomScrollView/CustomScrollView.d.ts

@@ -6,5 +6,5 @@ interface Props extends DOMProps {
     boxRef: React.Ref<HTMLDivElement>;
     className?: HTMLDivElement["className"];
 }
-declare const _default: React.FC<Props>;
+declare const _default: React.ComponentType<Props>;
 export default _default;