@vkontakte/vkui 5.0.0 → 5.0.1

package/dist/components/CellButton/CellButton.js

@@ -1,24 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["centered", "mode"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import { classNames } from "../../lib/classNames";
+var _excluded = ["centered", "mode", "className"];
+import * as React from "react";
+import { classNamesString } from "../../lib/classNames";
 import { SimpleCell } from "../SimpleCell/SimpleCell";
-
 /**
  * @see https://vkcom.github.io/VKUI/#/CellButton
  */
 export var CellButton = function CellButton(_ref) {
   var _ref$centered = _ref.centered,
-      centered = _ref$centered === void 0 ? false : _ref$centered,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "primary" : _ref$mode,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  return createScopedElement(SimpleCell, _extends({
+    centered = _ref$centered === void 0 ? false : _ref$centered,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "primary" : _ref$mode,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(SimpleCell, _extends({
     stopPropagation: true
   }, restProps, {
-    vkuiClass: classNames("CellButton", "CellButton--mode-".concat(mode), centered && "CellButton--centered")
+    className: classNamesString("vkuiCellButton", styles["CellButton--mode-".concat(mode)], centered && "vkuiCellButton--centered", className)
   }));
 };
+var styles = {
+  "CellButton--mode-danger": "vkuiCellButton--mode-danger",
+  "CellButton--mode-primary": "vkuiCellButton--mode-primary"
+};
 //# sourceMappingURL=CellButton.js.map

package/dist/components/CellButton/CellButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellButton.js","names":["classNames","SimpleCell","CellButton","centered","mode","restProps"],"sources":["../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport \"./CellButton.css\";\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: \"primary\" | \"danger\";\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = \"primary\",\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      vkuiClass={classNames(\n        \"CellButton\",\n        `CellButton--mode-${mode}`,\n        centered && \"CellButton--centered\"\n      )}\n    />\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,UAAT;AACA,SAASC,UAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAIH;EAAA,yBAHrBC,QAGqB;EAAA,IAHrBA,QAGqB,8BAHV,KAGU;EAAA,qBAFrBC,IAEqB;EAAA,IAFrBA,IAEqB,0BAFd,SAEc;EAAA,IADlBC,SACkB;;EACrB,OACE,oBAAC,UAAD;IACE,eAAe,EAAE;EADnB,GAEMA,SAFN;IAGE,SAAS,EAAEL,UAAU,CACnB,YADmB,6BAECI,IAFD,GAGnBD,QAAQ,IAAI,sBAHO;EAHvB,GADF;AAWD,CAhBM"}
+{"version":3,"file":"CellButton.js","names":["React","classNamesString","SimpleCell","CellButton","centered","mode","className","restProps","styles"],"sources":["../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport styles from \"./CellButton.module.css\";\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: \"primary\" | \"danger\";\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = \"primary\",\n  className,\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      className={classNamesString(\n        styles[\"CellButton\"],\n        styles[`CellButton--mode-${mode}`],\n        centered && styles[\"CellButton--centered\"],\n        className\n      )}\n    />\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,UAAU,QAAyB,0BAA0B;AAQtE;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAKA;EAAA,yBAJrBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,iBAChBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE,oBAAC,UAAU;IACT,eAAe,EAAE;EAAK,GAClBA,SAAS;IACb,SAAS,EAAEN,gBAAgB,mBAEzBO,MAAM,4BAAqBH,IAAI,EAAG,EAClCD,QAAQ,8BAAkC,EAC1CE,SAAS;EACT,GACF;AAEN,CAAC;AAAC;EAAA;EAAA;AAAA"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { HasRef, HasRootRef } from "../../types";
-import "./Checkbox.css";
 export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement> {
     description?: React.ReactNode;
     indeterminate?: boolean;
@@ -10,4 +9,3 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
  * @see https://vkcom.github.io/VKUI/#/Checkbox
  */
 export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, onChange, ...restProps }: CheckboxProps) => JSX.Element;
-export default Checkbox;

package/dist/components/Checkbox/Checkbox.js

@@ -1,10 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "onChange"];
-import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { ACTIVE_EFFECT_DELAY, Tappable } from "../Tappable/Tappable";
-import { classNames } from "../../lib/classNames";
+import { classNamesString } from "../../lib/classNames";
 import { Platform } from "../../lib/platform";
 import { Icon20CheckBoxOn, Icon24CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -13,35 +12,33 @@ import { Footnote } from "../Typography/Footnote/Footnote";
 import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { useExternRef } from "../../hooks/useExternRef";
-import { SizeYConditionalRender } from "../SizeYConditionalRender/SizeYConditionalRender";
+import { useAdaptivityConditionalRender } from "../../hooks/useAdaptivityConditionalRender";
 import { VisuallyHiddenInput } from "../VisuallyHiddenInput/VisuallyHiddenInput";
 import { warnOnce } from "../../lib/warnOnce";
 var warn = warnOnce("Checkbox");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Checkbox
  */
-
 export var Checkbox = function Checkbox(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      style = _ref.style,
-      getRootRef = _ref.getRootRef,
-      getRef = _ref.getRef,
-      description = _ref.description,
-      indeterminate = _ref.indeterminate,
-      defaultIndeterminate = _ref.defaultIndeterminate,
-      onChange = _ref.onChange,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    style = _ref.style,
+    getRootRef = _ref.getRootRef,
+    getRef = _ref.getRef,
+    description = _ref.description,
+    indeterminate = _ref.indeterminate,
+    defaultIndeterminate = _ref.defaultIndeterminate,
+    onChange = _ref.onChange,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = useExternRef(getRef);
   var platform = usePlatform();
-
   var _useAdaptivity = useAdaptivity(),
-      sizeY = _useAdaptivity.sizeY;
-
+    sizeY = _useAdaptivity.sizeY;
+  var _useAdaptivityConditi = useAdaptivityConditionalRender(),
+    adaptiveSizeY = _useAdaptivityConditi.sizeY;
   React.useEffect(function () {
     var indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
-
     if (inputRef.current) {
       inputRef.current.indeterminate = Boolean(indeterminateValue);
     }
@@ -50,88 +47,65 @@ export var Checkbox = function Checkbox(_ref) {
     if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined && inputRef.current) {
       inputRef.current.indeterminate = false;
     }
-
     if (indeterminate !== undefined && inputRef.current) {
       inputRef.current.indeterminate = indeterminate;
     }
-
     onChange && onChange(event);
   }, [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]);
-
   if (process.env.NODE_ENV === "development") {
     if (defaultIndeterminate && restProps.defaultChecked) {
       warn("defaultIndeterminate и defaultChecked не могут быть true одновременно", "error");
     }
-
     if (indeterminate && restProps.checked) {
       warn("indeterminate и checked не могут быть true одновременно", "error");
     }
-
     if (restProps.defaultChecked && restProps.checked) {
       warn("defaultChecked и checked не могут быть true одновременно", "error");
     }
   }
-
-  return createScopedElement(Tappable, {
+  return /*#__PURE__*/React.createElement(Tappable, {
     Component: "label",
-    vkuiClass: classNames("Checkbox", platform === Platform.VKCOM && "Checkbox--vkcom", getSizeYClassName("Checkbox", sizeY), !(hasReactNode(children) || hasReactNode(description)) && "Checkbox--simple"),
-    className: className,
+    className: classNamesString("vkuiCheckbox", platform === Platform.VKCOM && "vkuiCheckbox--vkcom", getSizeYClassName("vkuiCheckbox", sizeY), !(hasReactNode(children) || hasReactNode(description)) && "vkuiCheckbox--simple", className),
     style: style,
     disabled: restProps.disabled,
     activeEffectDelay: platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY,
     getRootRef: getRootRef
-  }, createScopedElement(VisuallyHiddenInput, _extends({}, restProps, {
+  }, /*#__PURE__*/React.createElement(VisuallyHiddenInput, _extends({}, restProps, {
     onChange: handleChange,
     type: "checkbox",
-    vkuiClass: "Checkbox__input",
+    className: "vkuiCheckbox__input",
     getRef: inputRef
-  })), createScopedElement("div", {
-    vkuiClass: "Checkbox__icon Checkbox__icon--on"
-  }, platform === Platform.VKCOM ? createScopedElement(Icon20CheckBoxOn, {
-    "aria-hidden": true
-  }) : createScopedElement(SizeYConditionalRender, {
-    compact: createScopedElement(Icon20CheckBoxOn, {
-      "aria-hidden": true
-    }),
-    regular: createScopedElement(Icon24CheckBoxOn, {
-      "aria-hidden": true
-    })
-  })), createScopedElement("div", {
-    vkuiClass: "Checkbox__icon Checkbox__icon--off"
-  }, platform === Platform.VKCOM ? createScopedElement(Icon20CheckBoxOff, {
-    "aria-hidden": true
-  }) : createScopedElement(SizeYConditionalRender, {
-    compact: createScopedElement(Icon20CheckBoxOff, {
-      "aria-hidden": true
-    }),
-    regular: createScopedElement(Icon24CheckBoxOff, {
-      "aria-hidden": true
-    })
-  })), createScopedElement("div", {
-    vkuiClass: "Checkbox__icon Checkbox__icon--indeterminate"
-  }, platform === Platform.VKCOM ? createScopedElement(Icon20CheckBoxIndetermanate, {
-    "aria-hidden": true,
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classNamesString("vkuiCheckbox__icon", "vkuiCheckbox__icon--on")
+  }, platform === Platform.VKCOM ? /*#__PURE__*/React.createElement(Icon20CheckBoxOn, null) : /*#__PURE__*/React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/React.createElement(Icon20CheckBoxOn, {
+    className: adaptiveSizeY.compact.className
+  }), adaptiveSizeY.regular && /*#__PURE__*/React.createElement(Icon24CheckBoxOn, {
+    className: adaptiveSizeY.regular.className
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNamesString("vkuiCheckbox__icon", "vkuiCheckbox__icon--off")
+  }, platform === Platform.VKCOM ? /*#__PURE__*/React.createElement(Icon20CheckBoxOff, null) : /*#__PURE__*/React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/React.createElement(Icon20CheckBoxOff, {
+    className: adaptiveSizeY.compact.className
+  }), adaptiveSizeY.regular && /*#__PURE__*/React.createElement(Icon24CheckBoxOff, {
+    className: adaptiveSizeY.regular.className
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNamesString("vkuiCheckbox__icon", "vkuiCheckbox__icon--indeterminate")
+  }, platform === Platform.VKCOM ? /*#__PURE__*/React.createElement(Icon20CheckBoxIndetermanate, {
     width: 20,
     height: 20
-  }) : createScopedElement(SizeYConditionalRender, {
-    compact: createScopedElement(Icon20CheckBoxIndetermanate, {
-      "aria-hidden": true,
-      width: 20,
-      height: 20
-    }),
-    regular: createScopedElement(Icon20CheckBoxIndetermanate, {
-      "aria-hidden": true,
-      width: 24,
-      height: 24
-    })
-  })), createScopedElement("div", {
-    vkuiClass: "Checkbox__content"
-  }, createScopedElement("div", {
-    vkuiClass: "Checkbox__children"
-  }, children), hasReactNode(description) && createScopedElement(Footnote, {
-    vkuiClass: "Checkbox__description"
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/React.createElement(Icon20CheckBoxIndetermanate, {
+    className: adaptiveSizeY.compact.className,
+    width: 20,
+    height: 20
+  }), adaptiveSizeY.regular && /*#__PURE__*/React.createElement(Icon20CheckBoxIndetermanate, {
+    className: adaptiveSizeY.regular.className,
+    width: 24,
+    height: 24
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCheckbox__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCheckbox__children"
+  }, children), hasReactNode(description) && /*#__PURE__*/React.createElement(Footnote, {
+    className: "vkuiCheckbox__description"
   }, description)));
-}; // eslint-disable-next-line import/no-default-export
-
-export default Checkbox;
+};
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","ACTIVE_EFFECT_DELAY","Tappable","classNames","Platform","Icon20CheckBoxOn","Icon24CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","hasReactNode","Footnote","getSizeYClassName","useAdaptivity","useExternRef","SizeYConditionalRender","VisuallyHiddenInput","warnOnce","warn","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","onChange","restProps","inputRef","platform","sizeY","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","VKCOM","disabled","IOS"],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport {\n  Icon20CheckBoxOn,\n  Icon24CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { SizeYConditionalRender } from \"../SizeYConditionalRender/SizeYConditionalRender\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  description?: React.ReactNode;\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  indeterminate,\n  defaultIndeterminate,\n  onChange,\n  ...restProps\n}: CheckboxProps) => {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        \"Checkbox\",\n        platform === Platform.VKCOM && \"Checkbox--vkcom\",\n        getSizeYClassName(\"Checkbox\", sizeY),\n        !(hasReactNode(children) || hasReactNode(description)) &&\n          \"Checkbox--simple\"\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"Checkbox__input\"\n        getRef={inputRef}\n      />\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxOn aria-hidden />\n        ) : (\n          <SizeYConditionalRender\n            compact={<Icon20CheckBoxOn aria-hidden />}\n            regular={<Icon24CheckBoxOn aria-hidden />}\n          />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxOff aria-hidden />\n        ) : (\n          <SizeYConditionalRender\n            compact={<Icon20CheckBoxOff aria-hidden />}\n            regular={<Icon24CheckBoxOff aria-hidden />}\n          />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--indeterminate\">\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxIndetermanate aria-hidden width={20} height={20} />\n        ) : (\n          <SizeYConditionalRender\n            compact={\n              <Icon20CheckBoxIndetermanate aria-hidden width={20} height={20} />\n            }\n            regular={\n              <Icon20CheckBoxIndetermanate aria-hidden width={24} height={24} />\n            }\n          />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__content\">\n        <div vkuiClass=\"Checkbox__children\">{children}</div>\n        {hasReactNode(description) && (\n          <Footnote vkuiClass=\"Checkbox__description\">{description}</Footnote>\n        )}\n      </div>\n    </Tappable>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","ACTIVE_EFFECT_DELAY","Tappable","classNamesString","Platform","Icon20CheckBoxOn","Icon24CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","hasReactNode","Footnote","getSizeYClassName","useAdaptivity","useExternRef","useAdaptivityConditionalRender","VisuallyHiddenInput","warnOnce","warn","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","onChange","restProps","inputRef","platform","sizeY","adaptiveSizeY","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","VKCOM","disabled","IOS","compact","regular"],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport {\n  Icon20CheckBoxOn,\n  Icon24CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useAdaptivityConditionalRender } from \"../../hooks/useAdaptivityConditionalRender\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  description?: React.ReactNode;\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  indeterminate,\n  defaultIndeterminate,\n  onChange,\n  ...restProps\n}: CheckboxProps) => {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      className={classNamesString(\n        styles[\"Checkbox\"],\n        platform === Platform.VKCOM && styles[\"Checkbox--vkcom\"],\n        getSizeYClassName(styles[\"Checkbox\"], sizeY),\n        !(hasReactNode(children) || hasReactNode(description)) &&\n          styles[\"Checkbox--simple\"],\n        className\n      )}\n      style={style}\n      disabled={restProps.disabled}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        className={styles[\"Checkbox__input\"]}\n        getRef={inputRef}\n      />\n      <div\n        className={classNamesString(\n          styles[\"Checkbox__icon\"],\n          styles[\"Checkbox__icon--on\"]\n        )}\n      >\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxOn />\n        ) : (\n          <React.Fragment>\n            {adaptiveSizeY.compact && (\n              <Icon20CheckBoxOn className={adaptiveSizeY.compact.className} />\n            )}\n            {adaptiveSizeY.regular && (\n              <Icon24CheckBoxOn className={adaptiveSizeY.regular.className} />\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div\n        className={classNamesString(\n          styles[\"Checkbox__icon\"],\n          styles[\"Checkbox__icon--off\"]\n        )}\n      >\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxOff />\n        ) : (\n          <React.Fragment>\n            {adaptiveSizeY.compact && (\n              <Icon20CheckBoxOff className={adaptiveSizeY.compact.className} />\n            )}\n            {adaptiveSizeY.regular && (\n              <Icon24CheckBoxOff className={adaptiveSizeY.regular.className} />\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div\n        className={classNamesString(\n          styles[\"Checkbox__icon\"],\n          styles[\"Checkbox__icon--indeterminate\"]\n        )}\n      >\n        {platform === Platform.VKCOM ? (\n          <Icon20CheckBoxIndetermanate width={20} height={20} />\n        ) : (\n          <React.Fragment>\n            {adaptiveSizeY.compact && (\n              <Icon20CheckBoxIndetermanate\n                className={adaptiveSizeY.compact.className}\n                width={20}\n                height={20}\n              />\n            )}\n            {adaptiveSizeY.regular && (\n              <Icon20CheckBoxIndetermanate\n                className={adaptiveSizeY.regular.className}\n                width={24}\n                height={24}\n              />\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div className={styles[\"Checkbox__content\"]}>\n        <div className={styles[\"Checkbox__children\"]}>{children}</div>\n        {hasReactNode(description) && (\n          <Footnote className={styles[\"Checkbox__description\"]}>\n            {description}\n          </Footnote>\n        )}\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Chip/Chip.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-import "./Chip.css";
 export declare type ChipValue = string | number;
 export interface ChipOption {
     value?: ChipValue;
@@ -15,7 +14,7 @@ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
     before?: React.ReactNode;
     after?: React.ReactNode;
 }
-export interface RenderChip<T> extends ChipProps {
+export interface RenderChip<T extends ChipOption> extends ChipProps {
     label: string;
     option: T;
     disabled: boolean;
@@ -23,4 +22,4 @@ export interface RenderChip<T> extends ChipProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Chip
  */
-export declare const Chip: ({ value, option, removable, onRemove, removeAriaLabel, before, after, children, ...restProps }: ChipProps) => JSX.Element;
+export declare const Chip: ({ value, option, removable, onRemove, removeAriaLabel, before, after, children, className, ...restProps }: ChipProps) => JSX.Element;

package/dist/components/Chip/Chip.js

@@ -1,66 +1,61 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "option", "removable", "onRemove", "removeAriaLabel", "before", "after", "children"];
-import { createScopedElement } from "../../lib/jsxRuntime";
+var _excluded = ["value", "option", "removable", "onRemove", "removeAriaLabel", "before", "after", "children", "className"];
 import * as React from "react";
 import { Icon16Cancel } from "@vkontakte/icons";
 import { getTitleFromChildren, hasReactNode, noop } from "../../lib/utils";
-import { classNames } from "../../lib/classNames";
+import { classNamesString } from "../../lib/classNames";
 import { Footnote } from "../Typography/Footnote/Footnote";
 import { Tappable } from "../Tappable/Tappable";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { getSizeYClassName } from "../../helpers/getSizeYClassName";
-
 /**
  * @see https://vkcom.github.io/VKUI/#/Chip
  */
 export var Chip = function Chip(_ref) {
   var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? "" : _ref$value,
-      option = _ref.option,
-      _ref$removable = _ref.removable,
-      removable = _ref$removable === void 0 ? true : _ref$removable,
-      _ref$onRemove = _ref.onRemove,
-      onRemove = _ref$onRemove === void 0 ? noop : _ref$onRemove,
-      _ref$removeAriaLabel = _ref.removeAriaLabel,
-      removeAriaLabel = _ref$removeAriaLabel === void 0 ? "Удалить" : _ref$removeAriaLabel,
-      _ref$before = _ref.before,
-      before = _ref$before === void 0 ? null : _ref$before,
-      after = _ref.after,
-      children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    value = _ref$value === void 0 ? "" : _ref$value,
+    option = _ref.option,
+    _ref$removable = _ref.removable,
+    removable = _ref$removable === void 0 ? true : _ref$removable,
+    _ref$onRemove = _ref.onRemove,
+    onRemove = _ref$onRemove === void 0 ? noop : _ref$onRemove,
+    _ref$removeAriaLabel = _ref.removeAriaLabel,
+    removeAriaLabel = _ref$removeAriaLabel === void 0 ? "Удалить" : _ref$removeAriaLabel,
+    _ref$before = _ref.before,
+    before = _ref$before === void 0 ? null : _ref$before,
+    after = _ref.after,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var _useAdaptivity = useAdaptivity(),
-      sizeY = _useAdaptivity.sizeY;
-
+    sizeY = _useAdaptivity.sizeY;
   var onRemoveWrapper = React.useCallback(function (event) {
     onRemove(event, value);
   }, [onRemove, value]);
   var title = getTitleFromChildren(children);
-  return createScopedElement("div", _extends({
-    vkuiClass: classNames("Chip", getSizeYClassName("Chip", sizeY), removable && "Chip--removable"),
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNamesString("vkuiChip", getSizeYClassName("vkuiChip", sizeY), removable && "vkuiChip--removable", className),
     role: "option",
     "aria-label": title
-  }, restProps), createScopedElement("div", {
-    vkuiClass: "Chip__in",
+  }, restProps), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiChip__in",
     role: "presentation"
-  }, hasReactNode(before) && createScopedElement("div", {
-    vkuiClass: "Chip__before"
-  }, before), createScopedElement(Footnote, {
-    vkuiClass: "Chip__content",
+  }, hasReactNode(before) && /*#__PURE__*/React.createElement("div", {
+    className: "vkuiChip__before"
+  }, before), /*#__PURE__*/React.createElement(Footnote, {
+    className: "vkuiChip__content",
     title: title,
     "aria-hidden": "true"
-  }, children), hasReactNode(after) && createScopedElement("div", {
-    vkuiClass: "Chip__after"
-  }, after), removable && createScopedElement(Tappable, {
+  }, children), hasReactNode(after) && /*#__PURE__*/React.createElement("div", {
+    className: "vkuiChip__after"
+  }, after), removable && /*#__PURE__*/React.createElement(Tappable, {
     Component: "button",
-    vkuiClass: "Chip__remove",
+    className: "vkuiChip__remove",
     onClick: onRemoveWrapper,
     hasHover: false,
     hasActive: false,
     "aria-label": "".concat(removeAriaLabel, " ").concat(title)
-  }, createScopedElement(Icon16Cancel, {
-    "aria-hidden": true
-  }))));
+  }, /*#__PURE__*/React.createElement(Icon16Cancel, null))));
 };
 //# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNames","Footnote","Tappable","useAdaptivity","getSizeYClassName","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","restProps","sizeY","onRemoveWrapper","useCallback","event","title"],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./Chip.css\";\n\nexport type ChipValue = string | number;\n\nexport interface ChipOption {\n  value?: ChipValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: ChipOption;\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\nexport interface RenderChip<T> extends ChipProps {\n  label: string;\n  option: T;\n  disabled: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n  value = \"\",\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = \"Удалить\",\n  before = null,\n  after,\n  children,\n  ...restProps\n}: ChipProps) => {\n  const { sizeY } = useAdaptivity();\n  const onRemoveWrapper = React.useCallback(\n    (event: React.MouseEvent) => {\n      onRemove(event, value);\n    },\n    [onRemove, value]\n  );\n  const title = getTitleFromChildren(children);\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Chip\",\n        getSizeYClassName(\"Chip\", sizeY),\n        removable && \"Chip--removable\"\n      )}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div vkuiClass=\"Chip__in\" role=\"presentation\">\n        {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n        <Footnote vkuiClass=\"Chip__content\" title={title} aria-hidden=\"true\">\n          {children}\n        </Footnote>\n        {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n        {removable && (\n          <Tappable\n            Component=\"button\"\n            vkuiClass=\"Chip__remove\"\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel aria-hidden={true} />\n          </Tappable>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,EAA6CC,IAA7C;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA,SAASC,iBAAT;;AA2BA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAUH;EAAA,sBATfC,KASe;EAAA,IATfA,KASe,2BATP,EASO;EAAA,IARfC,MAQe,QARfA,MAQe;EAAA,0BAPfC,SAOe;EAAA,IAPfA,SAOe,+BAPH,IAOG;EAAA,yBANfC,QAMe;EAAA,IANfA,QAMe,8BANJV,IAMI;EAAA,gCALfW,eAKe;EAAA,IALfA,eAKe,qCALG,SAKH;EAAA,uBAJfC,MAIe;EAAA,IAJfA,MAIe,4BAJN,IAIM;EAAA,IAHfC,KAGe,QAHfA,KAGe;EAAA,IAFfC,QAEe,QAFfA,QAEe;EAAA,IADZC,SACY;;EACf,qBAAkBX,aAAa,EAA/B;EAAA,IAAQY,KAAR,kBAAQA,KAAR;;EACA,IAAMC,eAAe,GAAGrB,KAAK,CAACsB,WAAN,CACtB,UAACC,KAAD,EAA6B;IAC3BT,QAAQ,CAACS,KAAD,EAAQZ,KAAR,CAAR;EACD,CAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;EAMA,IAAMa,KAAK,GAAGtB,oBAAoB,CAACgB,QAAD,CAAlC;EAEA,OACE;IACE,SAAS,EAAEb,UAAU,CACnB,MADmB,EAEnBI,iBAAiB,CAAC,MAAD,EAASW,KAAT,CAFE,EAGnBP,SAAS,IAAI,iBAHM,CADvB;IAME,IAAI,EAAC,QANP;IAOE,cAAYW;EAPd,GAQML,SARN,GAUE;IAAK,SAAS,EAAC,UAAf;IAA0B,IAAI,EAAC;EAA/B,GACGhB,YAAY,CAACa,MAAD,CAAZ,IAAwB;IAAK,SAAS,EAAC;EAAf,GAA+BA,MAA/B,CAD3B,EAEE,oBAAC,QAAD;IAAU,SAAS,EAAC,eAApB;IAAoC,KAAK,EAAEQ,KAA3C;IAAkD,eAAY;EAA9D,GACGN,QADH,CAFF,EAKGf,YAAY,CAACc,KAAD,CAAZ,IAAuB;IAAK,SAAS,EAAC;EAAf,GAA8BA,KAA9B,CAL1B,EAOGJ,SAAS,IACR,oBAAC,QAAD;IACE,SAAS,EAAC,QADZ;IAEE,SAAS,EAAC,cAFZ;IAGE,OAAO,EAAEQ,eAHX;IAIE,QAAQ,EAAE,KAJZ;IAKE,SAAS,EAAE,KALb;IAME,wBAAeN,eAAf,cAAkCS,KAAlC;EANF,GAQE,oBAAC,YAAD;IAAc,eAAa;EAA3B,EARF,CARJ,CAVF,CADF;AAiCD,CArDM"}
+{"version":3,"file":"Chip.js","names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNamesString","Footnote","Tappable","useAdaptivity","getSizeYClassName","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","className","restProps","sizeY","onRemoveWrapper","useCallback","event","title"],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport styles from \"./Chip.module.css\";\n\nexport type ChipValue = string | number;\n\nexport interface ChipOption {\n  value?: ChipValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: ChipOption;\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\nexport interface RenderChip<T extends ChipOption> extends ChipProps {\n  label: string;\n  option: T;\n  disabled: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n  value = \"\",\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = \"Удалить\",\n  before = null,\n  after,\n  children,\n  className,\n  ...restProps\n}: ChipProps) => {\n  const { sizeY } = useAdaptivity();\n  const onRemoveWrapper = React.useCallback(\n    (event: React.MouseEvent) => {\n      onRemove(event, value);\n    },\n    [onRemove, value]\n  );\n  const title = getTitleFromChildren(children);\n\n  return (\n    <div\n      className={classNamesString(\n        styles[\"Chip\"],\n        getSizeYClassName(styles[\"Chip\"], sizeY),\n        removable && styles[\"Chip--removable\"],\n        className\n      )}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div className={styles[\"Chip__in\"]} role=\"presentation\">\n        {hasReactNode(before) && (\n          <div className={styles[\"Chip__before\"]}>{before}</div>\n        )}\n        <Footnote\n          className={styles[\"Chip__content\"]}\n          title={title}\n          aria-hidden=\"true\"\n        >\n          {children}\n        </Footnote>\n        {hasReactNode(after) && (\n          <div className={styles[\"Chip__after\"]}>{after}</div>\n        )}\n\n        {removable && (\n          <Tappable\n            Component=\"button\"\n            className={styles[\"Chip__remove\"]}\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel />\n          </Tappable>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,oBAAoB,EAAEC,YAAY,EAAEC,IAAI,QAAQ,iBAAiB;AAC1E,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,iBAAiB,QAAQ,iCAAiC;AA2BnE;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAWA;EAAA,sBAVfC,KAAK;IAALA,KAAK,2BAAG,EAAE;IACVC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAAA,qBAChBC,QAAQ;IAARA,QAAQ,8BAAGV,IAAI;IAAA,4BACfW,eAAe;IAAfA,eAAe,qCAAG,SAAS;IAAA,mBAC3BC,MAAM;IAANA,MAAM,4BAAG,IAAI;IACbC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,qBAAkBZ,aAAa,EAAE;IAAzBa,KAAK,kBAALA,KAAK;EACb,IAAMC,eAAe,GAAGtB,KAAK,CAACuB,WAAW,CACvC,UAACC,KAAuB,EAAK;IAC3BV,QAAQ,CAACU,KAAK,EAAEb,KAAK,CAAC;EACxB,CAAC,EACD,CAACG,QAAQ,EAAEH,KAAK,CAAC,CAClB;EACD,IAAMc,KAAK,GAAGvB,oBAAoB,CAACgB,QAAQ,CAAC;EAE5C,oBACE;IACE,SAAS,EAAEb,gBAAgB,aAEzBI,iBAAiB,aAAiBY,KAAK,CAAC,EACxCR,SAAS,yBAA6B,EACtCM,SAAS,CACT;IACF,IAAI,EAAC,QAAQ;IACb,cAAYM;EAAM,GACdL,SAAS,gBAEb;IAAK,SAAS,gBAAqB;IAAC,IAAI,EAAC;EAAc,GACpDjB,YAAY,CAACa,MAAM,CAAC,iBACnB;IAAK,SAAS;EAAyB,GAAEA,MAAM,CAChD,eACD,oBAAC,QAAQ;IACP,SAAS,qBAA0B;IACnC,KAAK,EAAES,KAAM;IACb,eAAY;EAAM,GAEjBP,QAAQ,CACA,EACVf,YAAY,CAACc,KAAK,CAAC,iBAClB;IAAK,SAAS;EAAwB,GAAEA,KAAK,CAC9C,EAEAJ,SAAS,iBACR,oBAAC,QAAQ;IACP,SAAS,EAAC,QAAQ;IAClB,SAAS,oBAAyB;IAClC,OAAO,EAAES,eAAgB;IACzB,QAAQ,EAAE,KAAM;IAChB,SAAS,EAAE,KAAM;IACjB,wBAAeP,eAAe,cAAIU,KAAK;EAAG,gBAE1C,oBAAC,YAAY,OAAG,CAEnB,CACG,CACF;AAEV,CAAC"}

package/dist/components/ChipsInput/ChipsInput.d.ts

@@ -2,7 +2,6 @@
 import { FormFieldProps } from "../FormField/FormField";
 import { ChipOption } from "../Chip/Chip";
 import { ChipsInputBaseProps } from "../ChipsInputBase/ChipsInputBase";
-import "./ChipsInput.css";
 export interface ChipsInputProps<Option extends ChipOption> extends ChipsInputBaseProps<Option>, FormFieldProps {
 }
 /**

package/dist/components/ChipsInput/ChipsInput.js

@@ -1,25 +1,23 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["style", "className", "getRootRef", "before", "after", "status"];
-import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from "react";
 import { FormField } from "../FormField/FormField";
+import { classNamesString } from "../../lib/classNames";
 import { ChipsInputBase } from "../ChipsInputBase/ChipsInputBase";
-
 /**
  * @see https://vkcom.github.io/VKUI/#/ChipsInput
  */
 export var ChipsInput = function ChipsInput(_ref) {
   var style = _ref.style,
-      className = _ref.className,
-      getRootRef = _ref.getRootRef,
-      before = _ref.before,
-      after = _ref.after,
-      status = _ref.status,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  return createScopedElement(FormField, {
+    className = _ref.className,
+    getRootRef = _ref.getRootRef,
+    before = _ref.before,
+    after = _ref.after,
+    status = _ref.status,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(FormField, {
     getRootRef: getRootRef,
-    vkuiClass: "ChipsInput",
-    className: className,
+    className: classNamesString("vkuiChipsInput", className),
     style: style,
     disabled: restProps.disabled,
     before: before,
@@ -28,6 +26,6 @@ export var ChipsInput = function ChipsInput(_ref) {
     "aria-disabled": restProps.disabled,
     "aria-readonly": restProps.readOnly,
     status: status
-  }, createScopedElement(ChipsInputBase, restProps));
+  }, /*#__PURE__*/React.createElement(ChipsInputBase, restProps));
 };
 //# sourceMappingURL=ChipsInput.js.map

package/dist/components/ChipsInput/ChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsInput.js","names":["FormField","ChipsInputBase","ChipsInput","style","className","getRootRef","before","after","status","restProps","disabled","readOnly"],"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["import { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { ChipOption } from \"../Chip/Chip\";\nimport {\n  ChipsInputBase,\n  ChipsInputBaseProps,\n} from \"../ChipsInputBase/ChipsInputBase\";\nimport \"./ChipsInput.css\";\n\nexport interface ChipsInputProps<Option extends ChipOption>\n  extends ChipsInputBaseProps<Option>,\n    FormFieldProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsInput\n */\nexport const ChipsInput = <Option extends ChipOption>({\n  style,\n  className,\n  getRootRef,\n  before,\n  after,\n  status,\n  ...restProps\n}: ChipsInputProps<Option>) => {\n  return (\n    <FormField\n      getRootRef={getRootRef}\n      vkuiClass=\"ChipsInput\"\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      before={before}\n      after={after}\n      role=\"application\"\n      aria-disabled={restProps.disabled}\n      aria-readonly={restProps.readOnly}\n      status={status}\n    >\n      <ChipsInputBase {...restProps} />\n    </FormField>\n  );\n};\n"],"mappings":";;;AAAA,SAASA,SAAT;AAEA,SACEC,cADF;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAQK;EAAA,IAP7BC,KAO6B,QAP7BA,KAO6B;EAAA,IAN7BC,SAM6B,QAN7BA,SAM6B;EAAA,IAL7BC,UAK6B,QAL7BA,UAK6B;EAAA,IAJ7BC,MAI6B,QAJ7BA,MAI6B;EAAA,IAH7BC,KAG6B,QAH7BA,KAG6B;EAAA,IAF7BC,MAE6B,QAF7BA,MAE6B;EAAA,IAD1BC,SAC0B;;EAC7B,OACE,oBAAC,SAAD;IACE,UAAU,EAAEJ,UADd;IAEE,SAAS,EAAC,YAFZ;IAGE,SAAS,EAAED,SAHb;IAIE,KAAK,EAAED,KAJT;IAKE,QAAQ,EAAEM,SAAS,CAACC,QALtB;IAME,MAAM,EAAEJ,MANV;IAOE,KAAK,EAAEC,KAPT;IAQE,IAAI,EAAC,aARP;IASE,iBAAeE,SAAS,CAACC,QAT3B;IAUE,iBAAeD,SAAS,CAACE,QAV3B;IAWE,MAAM,EAAEH;EAXV,GAaE,oBAAC,cAAD,EAAoBC,SAApB,CAbF,CADF;AAiBD,CA1BM"}
+{"version":3,"file":"ChipsInput.js","names":["React","FormField","classNamesString","ChipsInputBase","ChipsInput","style","className","getRootRef","before","after","status","restProps","disabled","readOnly"],"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { ChipOption } from \"../Chip/Chip\";\nimport {\n  ChipsInputBase,\n  ChipsInputBaseProps,\n} from \"../ChipsInputBase/ChipsInputBase\";\nimport styles from \"./ChipsInput.module.css\";\n\nexport interface ChipsInputProps<Option extends ChipOption>\n  extends ChipsInputBaseProps<Option>,\n    FormFieldProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsInput\n */\nexport const ChipsInput = <Option extends ChipOption>({\n  style,\n  className,\n  getRootRef,\n  before,\n  after,\n  status,\n  ...restProps\n}: ChipsInputProps<Option>) => {\n  return (\n    <FormField\n      getRootRef={getRootRef}\n      className={classNamesString(styles[\"ChipsInput\"], className)}\n      style={style}\n      disabled={restProps.disabled}\n      before={before}\n      after={after}\n      role=\"application\"\n      aria-disabled={restProps.disabled}\n      aria-readonly={restProps.readOnly}\n      status={status}\n    >\n      <ChipsInputBase {...restProps} />\n    </FormField>\n  );\n};\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAwB,wBAAwB;AAClE,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,SACEC,cAAc,QAET,kCAAkC;AAOzC;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAQQ;EAAA,IAP7BC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACHC,SAAS;EAEZ,oBACE,oBAAC,SAAS;IACR,UAAU,EAAEJ,UAAW;IACvB,SAAS,EAAEL,gBAAgB,mBAAuBI,SAAS,CAAE;IAC7D,KAAK,EAAED,KAAM;IACb,QAAQ,EAAEM,SAAS,CAACC,QAAS;IAC7B,MAAM,EAAEJ,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,IAAI,EAAC,aAAa;IAClB,iBAAeE,SAAS,CAACC,QAAS;IAClC,iBAAeD,SAAS,CAACE,QAAS;IAClC,MAAM,EAAEH;EAAO,gBAEf,oBAAC,cAAc,EAAKC,SAAS,CAAI,CACvB;AAEhB,CAAC"}

package/dist/components/ChipsInputBase/ChipsInputBase.d.ts

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { HasAlign, HasRef, HasRootRef } from "../../types";
 import { ChipOption, ChipValue, RenderChip } from "../Chip/Chip";
-import "./ChipsInputBase.css";
 export interface ChipsInputBaseProps<Option extends ChipOption> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange">, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign {
     value: Option[];
     inputValue?: string;