@vkontakte/vkui 5.0.2 → 5.1.0

package/dist/cssm/components/WriteBar/WriteBar.js

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "style", "before", "inlineAfter", "after", "value", "onChange", "getRootRef", "getRef", "onHeightChange", "shadow"];
-import * as React from "react";
-import { Headline } from "../Typography/Headline/Headline";
-import { usePlatform } from "../../hooks/usePlatform";
-import { useExternRef } from "../../hooks/useExternRef";
-import { hasReactNode, isFunction } from "../../lib/utils";
-import { classNamesString } from "../../lib/classNames";
-import { Platform } from "../../lib/platform";
+var _excluded = ["className", "style", "before", "inlineAfter", "after", "getRootRef", "getRef", "onHeightChange", "shadow", "defaultValue"];
+import * as React from 'react';
+import { Headline } from '../Typography/Headline/Headline';
+import { usePlatform } from '../../hooks/usePlatform';
+import { useExternRef } from '../../hooks/useExternRef';
+import { classNames, hasReactNode } from '@vkontakte/vkjs';
+import { Platform } from '../../lib/platform';
+import { useEnsuredControl } from '../../hooks/useEnsuredControl';
 import "./WriteBar.module.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
@@ -18,16 +20,20 @@ export var WriteBar = function WriteBar(_ref) {
     before = _ref.before,
     inlineAfter = _ref.inlineAfter,
     after = _ref.after,
-    value = _ref.value,
-    onChange = _ref.onChange,
     getRootRef = _ref.getRootRef,
     getRef = _ref.getRef,
     onHeightChange = _ref.onHeightChange,
     _ref$shadow = _ref.shadow,
     shadow = _ref$shadow === void 0 ? false : _ref$shadow,
+    defaultValue = _ref.defaultValue,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
-  var isControlledOutside = value != null;
+  var _useEnsuredControl = useEnsuredControl(_objectSpread({
+      defaultValue: defaultValue
+    }, restProps)),
+    _useEnsuredControl2 = _slicedToArray(_useEnsuredControl, 2),
+    value = _useEnsuredControl2[0],
+    onChange = _useEnsuredControl2[1];
   var textareaRef = useExternRef(getRef);
   var currentScrollHeight = React.useRef();
   var resize = React.useCallback(function () {
@@ -36,7 +42,7 @@ export var WriteBar = function WriteBar(_ref) {
       return;
     }
     if (textareaEl.offsetParent) {
-      textareaEl.style.height = "";
+      textareaEl.style.height = '';
       textareaEl.style.height = "".concat(textareaEl.scrollHeight, "px");
       if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {
         onHeightChange();
@@ -44,20 +50,10 @@ export var WriteBar = function WriteBar(_ref) {
       }
     }
   }, [onHeightChange, textareaRef]);
-  var onTextareaChange = function onTextareaChange(event) {
-    if (isFunction(onChange)) {
-      onChange(event);
-    }
-    if (!isControlledOutside) {
-      resize();
-    }
-  };
-  React.useEffect(function () {
-    resize();
-  }, [resize, value]);
+  React.useEffect(resize, [resize, value]);
   return /*#__PURE__*/React.createElement("div", {
     ref: getRootRef,
-    className: classNamesString("vkuiWriteBar", platform === Platform.IOS && "vkuiWriteBar--ios", shadow && "vkuiWriteBar--shadow", className),
+    className: classNames("vkuiWriteBar", platform === Platform.IOS && "vkuiWriteBar--ios", shadow && "vkuiWriteBar--shadow", className),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: "vkuiWriteBar__form"
@@ -68,7 +64,7 @@ export var WriteBar = function WriteBar(_ref) {
   }, /*#__PURE__*/React.createElement(Headline, _extends({}, restProps, {
     Component: "textarea",
     className: "vkuiWriteBar__textarea",
-    onChange: onTextareaChange,
+    onChange: onChange,
     getRootRef: textareaRef,
     value: value
   })), hasReactNode(inlineAfter) && /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","hasReactNode","isFunction","classNamesString","Platform","WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","isControlledOutside","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","useEffect","IOS"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport styles from \"./WriteBar.module.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNamesString(\n        styles[\"WriteBar\"],\n        platform === Platform.IOS && styles[\"WriteBar--ios\"],\n        shadow && styles[\"WriteBar--shadow\"],\n        className\n      )}\n      style={style}\n    >\n      <div className={styles[\"WriteBar__form\"]}>\n        {hasReactNode(before) && (\n          <div className={styles[\"WriteBar__before\"]}>{before}</div>\n        )}\n\n        <div className={styles[\"WriteBar__formIn\"]}>\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            className={styles[\"WriteBar__textarea\"]}\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div className={styles[\"WriteBar__inlineAfter\"]}>{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && (\n          <div className={styles[\"WriteBar__after\"]}>{after}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAC1D,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,QAAQ,QAAQ,oBAAoB;AAAC;AAgC9C;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAaA;EAAA,IAZnBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACXC,SAAS;EAEZ,IAAMC,QAAQ,GAAGnB,WAAW,EAAE;EAE9B,IAAMoB,mBAAmB,GAAGR,KAAK,IAAI,IAAI;EAEzC,IAAMS,WAAW,GAAGpB,YAAY,CAACc,MAAM,CAAC;EACxC,IAAMO,mBAAmB,GAAGxB,KAAK,CAACyB,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAG1B,KAAK,CAAC2B,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGL,WAAW,CAACM,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAAClB,KAAK,CAACqB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAAClB,KAAK,CAACqB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,IACEJ,UAAU,CAACI,YAAY,KAAKR,mBAAmB,CAACK,OAAO,IACvDX,cAAc,EACd;QACAA,cAAc,EAAE;QAChBM,mBAAmB,CAACK,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,CAACd,cAAc,EAAEK,WAAW,CAAC,CAAC;EAEjC,IAAMU,gBAA+D,GAAG,SAAlEA,gBAA+D,CACnEC,KAAK,EACF;IACH,IAAI7B,UAAU,CAACU,QAAQ,CAAC,EAAE;MACxBA,QAAQ,CAACmB,KAAK,CAAC;IACjB;IAEA,IAAI,CAACZ,mBAAmB,EAAE;MACxBI,MAAM,EAAE;IACV;EACF,CAAC;EAED1B,KAAK,CAACmC,SAAS,CAAC,YAAM;IACpBT,MAAM,EAAE;EACV,CAAC,EAAE,CAACA,MAAM,EAAEZ,KAAK,CAAC,CAAC;EAEnB,oBACE;IACE,GAAG,EAAEE,UAAW;IAChB,SAAS,EAAEV,gBAAgB,iBAEzBe,QAAQ,KAAKd,QAAQ,CAAC6B,GAAG,uBAA2B,EACpDjB,MAAM,0BAA8B,EACpCV,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,GACtCN,YAAY,CAACO,MAAM,CAAC,iBACnB;IAAK,SAAS;EAA6B,GAAEA,MAAM,CACpD,eAED;IAAK,SAAS;EAA6B,gBACzC,oBAAC,QAAQ,eACHS,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,EAAEa,gBAAiB;IAC3B,UAAU,EAAEV,WAAY;IACxB,KAAK,EAAET;EAAM,GACb,EACDV,YAAY,CAACQ,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,EAELR,YAAY,CAACS,KAAK,CAAC,iBAClB;IAAK,SAAS;EAA4B,GAAEA,KAAK,CAClD,CACG,CACF;AAEV,CAAC"}
+{"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","classNames","hasReactNode","Platform","useEnsuredControl","WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","defaultValue","restProps","platform","value","onChange","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","IOS"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  defaultValue,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const [value, onChange] = useEnsuredControl({\n    defaultValue,\n    ...restProps,\n  });\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = '';\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  React.useEffect(resize, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        styles['WriteBar'],\n        platform === Platform.IOS && styles['WriteBar--ios'],\n        shadow && styles['WriteBar--shadow'],\n        className,\n      )}\n      style={style}\n    >\n      <div className={styles['WriteBar__form']}>\n        {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n        <div className={styles['WriteBar__formIn']}>\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            className={styles['WriteBar__textarea']}\n            onChange={onChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,iBAAiB,QAAQ,+BAA+B;AAAC;AA+BlE;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAYA;EAAA,IAXnBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,YAAY,QAAZA,YAAY;IACTC,SAAS;EAEZ,IAAMC,QAAQ,GAAGlB,WAAW,EAAE;EAE9B,yBAA0BK,iBAAiB;MACzCW,YAAY,EAAZA;IAAY,GACTC,SAAS,EACZ;IAAA;IAHKE,KAAK;IAAEC,QAAQ;EAKtB,IAAMC,WAAW,GAAGpB,YAAY,CAACY,MAAM,CAAC;EACxC,IAAMS,mBAAmB,GAAGxB,KAAK,CAACyB,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAG1B,KAAK,CAAC2B,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGL,WAAW,CAACM,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAAClB,KAAK,CAACqB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAAClB,KAAK,CAACqB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,IAAIJ,UAAU,CAACI,YAAY,KAAKR,mBAAmB,CAACK,OAAO,IAAIb,cAAc,EAAE;QAC7EA,cAAc,EAAE;QAChBQ,mBAAmB,CAACK,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,CAAChB,cAAc,EAAEO,WAAW,CAAC,CAAC;EAEjCvB,KAAK,CAACiC,SAAS,CAACP,MAAM,EAAE,CAACA,MAAM,EAAEL,KAAK,CAAC,CAAC;EAExC,oBACE;IACE,GAAG,EAAEP,UAAW;IAChB,SAAS,EAAEV,UAAU,iBAEnBgB,QAAQ,KAAKd,QAAQ,CAAC4B,GAAG,uBAA2B,EACpDjB,MAAM,0BAA8B,EACpCR,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,GACtCL,YAAY,CAACM,MAAM,CAAC,iBAAI;IAAK,SAAS;EAA6B,GAAEA,MAAM,CAAO,eAEnF;IAAK,SAAS;EAA6B,gBACzC,oBAAC,QAAQ,eACHQ,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,EAAEG,QAAS;IACnB,UAAU,EAAEC,WAAY;IACxB,KAAK,EAAEF;EAAM,GACb,EACDhB,YAAY,CAACO,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,EAELP,YAAY,CAACQ,KAAK,CAAC,iBAAI;IAAK,SAAS;EAA4B,GAAEA,KAAK,CAAO,CAC5E,CACF;AAEV,CAAC"}

package/dist/cssm/components/WriteBar/WriteBar.module.css

@@ -1 +1 @@
-.vkuiWriteBar{background:var(--vkui--color_background_modal)}.vkuiWriteBar--shadow{box-shadow:var(--vkui--elevation3)}.vkuiWriteBar__after,.vkuiWriteBar__before,.vkuiWriteBar__form{align-items:flex-end;display:flex}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.vkuiWriteBar__textarea{-webkit-appearance:none;background:transparent;border:none;box-sizing:border-box;color:var(--vkui--color_text_primary);flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-moz-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-ms-input-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__inlineAfter{align-items:flex-end;display:flex}.vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar__textarea{height:52px;padding:16px 12px}.vkuiWriteBar--ios .vkuiWriteBar__after,.vkuiWriteBar--ios .vkuiWriteBar__before{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{background-color:var(--vkui--color_write_bar_input_background);border:var(--vkui_internal--thin_border) solid var(--vkui--color_write_bar_input_border_alpha);border-radius:18px;box-sizing:border-box;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{margin-bottom:-9px;margin-right:-1px;margin-top:-9px}.vkuiWriteBar--ios .vkuiWriteBar__textarea{font-size:17px;height:34px;line-height:22px;padding:6px 11px}
+.vkuiWriteBar{background:var(--vkui--color_background_modal)}.vkuiWriteBar--shadow{box-shadow:var(--vkui--elevation3)}.vkuiWriteBar__after,.vkuiWriteBar__before,.vkuiWriteBar__form{align-items:flex-end;display:flex}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.vkuiWriteBar__textarea{-webkit-appearance:none;background:transparent;border:none;box-sizing:border-box;color:var(--vkui--color_text_primary);flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-moz-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-ms-input-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea:focus{outline:none}.vkuiWriteBar__inlineAfter{align-items:flex-end;display:flex}.vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar__textarea{height:52px;padding:16px 12px}.vkuiWriteBar--ios .vkuiWriteBar__after,.vkuiWriteBar--ios .vkuiWriteBar__before{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{background-color:var(--vkui--color_write_bar_input_background);border:var(--vkui_internal--thin_border) solid var(--vkui--color_write_bar_input_border_alpha);border-radius:18px;box-sizing:border-box;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{margin-bottom:-9px;margin-right:-1px;margin-top:-9px}.vkuiWriteBar--ios .vkuiWriteBar__textarea{font-size:17px;height:34px;line-height:22px;padding:6px 11px}

package/dist/cssm/components/WriteBarIcon/WriteBarIcon.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
@@ -8,7 +8,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
      * - `send` – иконка отправки.
      * - `done` – иконка отправки в режиме редактирования.
      */
-    mode?: "attach" | "send" | "done";
+    mode?: 'attach' | 'send' | 'done';
     /**
      * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
      */

package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js

@@ -1,18 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["mode", "children", "count", "className"];
-import * as React from "react";
-import { Icon24Send, Icon28AddCircleOutline, Icon28AttachOutline, Icon28CheckCircleOutline, Icon48WritebarDone, Icon48WritebarSend } from "@vkontakte/icons";
-import { usePlatform } from "../../hooks/usePlatform";
-import { classNamesString } from "../../lib/classNames";
-import { Platform } from "../../lib/platform";
-import { Counter } from "../Counter/Counter";
-import { Tappable } from "../Tappable/Tappable";
-import { warnOnce } from "../../lib/warnOnce";
-import { hasReactNode } from "../../lib/utils";
+import * as React from 'react';
+import { Icon24Send, Icon28AddCircleOutline, Icon28AttachOutline, Icon28CheckCircleOutline, Icon48WritebarDone, Icon48WritebarSend } from '@vkontakte/icons';
+import { usePlatform } from '../../hooks/usePlatform';
+import { classNames, hasReactNode } from '@vkontakte/vkjs';
+import { Platform } from '../../lib/platform';
+import { Counter } from '../Counter/Counter';
+import { Tappable } from '../Tappable/Tappable';
+import { warnOnce } from '../../lib/warnOnce';
 import "./WriteBarIcon.module.css";
-var warn = warnOnce("WriteBarIcon");
-var IS_DEV = process.env.NODE_ENV === "development";
+var warn = warnOnce('WriteBarIcon');
+var IS_DEV = process.env.NODE_ENV === 'development';
 
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
@@ -27,23 +26,23 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
   var icon;
   var ariaLabel = undefined;
   switch (mode) {
-    case "attach":
+    case 'attach':
       icon = platform === Platform.IOS ? /*#__PURE__*/React.createElement(Icon28AddCircleOutline, null) : /*#__PURE__*/React.createElement(Icon28AttachOutline, null);
-      ariaLabel = "Прикрепить файл";
+      ariaLabel = 'Прикрепить файл';
       break;
-    case "send":
+    case 'send':
       icon = platform === Platform.IOS ? /*#__PURE__*/React.createElement(Icon48WritebarSend, null) : /*#__PURE__*/React.createElement(Icon24Send, null);
-      ariaLabel = "Отправить";
+      ariaLabel = 'Отправить';
       break;
-    case "done":
+    case 'done':
       icon = platform === Platform.IOS ? /*#__PURE__*/React.createElement(Icon48WritebarDone, null) : /*#__PURE__*/React.createElement(Icon28CheckCircleOutline, null);
-      ariaLabel = "Готово";
+      ariaLabel = 'Готово';
       break;
     default:
       break;
   }
-  if (IS_DEV && !restProps["aria-label"] && !ariaLabel) {
-    warn("a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.", "error");
+  if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {
+    warn('a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.', 'error');
   }
   return /*#__PURE__*/React.createElement(Tappable, _extends({
     "aria-label": ariaLabel
@@ -51,7 +50,7 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
     Component: "button",
     hasHover: false,
     activeMode: "vkuiWriteBarIcon__active",
-    className: classNamesString("vkuiWriteBarIcon", platform === Platform.IOS && "vkuiWriteBarIcon--ios", mode && styles["WriteBarIcon--mode-".concat(mode)], className)
+    className: classNames("vkuiWriteBarIcon", platform === Platform.IOS && "vkuiWriteBarIcon--ios", mode && styles["WriteBarIcon--mode-".concat(mode)], className)
   }), /*#__PURE__*/React.createElement("span", {
     className: "vkuiWriteBarIcon__in"
   }, icon || children), hasReactNode(count) && /*#__PURE__*/React.createElement(Counter, {

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

@@ -1 +1 @@
-{"version":3,"file":"WriteBarIcon.js","names":["React","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","classNamesString","Platform","Counter","Tappable","warnOnce","hasReactNode","warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","className","restProps","platform","icon","ariaLabel","undefined","IOS","styles"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport styles from \"./WriteBarIcon.module.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  className,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === Platform.IOS ? (\n          <Icon28AddCircleOutline />\n        ) : (\n          <Icon28AttachOutline />\n        );\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon =\n        platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === Platform.IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n      \"error\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode={styles[\"WriteBarIcon__active\"]}\n      className={classNamesString(\n        styles[\"WriteBarIcon\"],\n        platform === Platform.IOS && styles[\"WriteBarIcon--ios\"],\n        mode && styles[`WriteBarIcon--mode-${mode}`],\n        className\n      )}\n    >\n      <span className={styles[\"WriteBarIcon__in\"]}>{icon || children}</span>\n      {hasReactNode(count) && (\n        <Counter className={styles[\"WriteBarIcon__counter\"]} size=\"s\">\n          {count}\n        </Counter>\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,kBAAkB,EAClBC,kBAAkB,QACb,kBAAkB;AACzB,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,YAAY,QAAQ,iBAAiB;AAAC;AAoB/C,IAAMC,IAAI,GAAGF,QAAQ,CAAC,cAAc,CAAC;AACrC,IAAMG,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;;AAErD;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGlB,WAAW,EAAE;EAE9B,IAAImB,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQR,IAAI;IACV,KAAK,QAAQ;MACXM,IAAI,GACFD,QAAQ,KAAKhB,QAAQ,CAACoB,GAAG,gBACvB,oBAAC,sBAAsB,OAAG,gBAE1B,oBAAC,mBAAmB,OACrB;MACHF,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,GACFD,QAAQ,KAAKhB,QAAQ,CAACoB,GAAG,gBAAG,oBAAC,kBAAkB,OAAG,gBAAG,oBAAC,UAAU,OAAG;MACrEF,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,GACFD,QAAQ,KAAKhB,QAAQ,CAACoB,GAAG,gBACvB,oBAAC,kBAAkB,OAAG,gBAEtB,oBAAC,wBAAwB,OAC1B;MACHF,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIZ,MAAM,IAAI,CAACS,SAAS,CAAC,YAAY,CAAC,IAAI,CAACG,SAAS,EAAE;IACpDb,IAAI,CACF,wFAAwF,EACxF,OAAO,CACR;EACH;EAEA,oBACE,oBAAC,QAAQ;IACP,cAAYa;EAAU,GAClBH,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAEhB,gBAAgB,qBAEzBiB,QAAQ,KAAKhB,QAAQ,CAACoB,GAAG,2BAA+B,EACxDT,IAAI,IAAIU,MAAM,8BAAuBV,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEG,IAAI,IAAIL,QAAQ,CAAQ,EACrER,YAAY,CAACS,KAAK,CAAC,iBAClB,oBAAC,OAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"file":"WriteBarIcon.js","names":["React","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","classNames","hasReactNode","Platform","Counter","Tappable","warnOnce","warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","className","restProps","platform","icon","ariaLabel","undefined","IOS","styles"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { warnOnce } from '../../lib/warnOnce';\nimport styles from './WriteBarIcon.module.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: 'attach' | 'send' | 'done';\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\nconst IS_DEV = process.env.NODE_ENV === 'development';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  className,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case 'attach':\n      icon = platform === Platform.IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = 'Прикрепить файл';\n      break;\n\n    case 'send':\n      icon = platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = 'Отправить';\n      break;\n\n    case 'done':\n      icon = platform === Platform.IOS ? <Icon48WritebarDone /> : <Icon28CheckCircleOutline />;\n      ariaLabel = 'Готово';\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {\n    warn(\n      'a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.',\n      'error',\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode={styles['WriteBarIcon__active']}\n      className={classNames(\n        styles['WriteBarIcon'],\n        platform === Platform.IOS && styles['WriteBarIcon--ios'],\n        mode && styles[`WriteBarIcon--mode-${mode}`],\n        className,\n      )}\n    >\n      <span className={styles['WriteBarIcon__in']}>{icon || children}</span>\n      {hasReactNode(count) && (\n        <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n          {count}\n        </Counter>\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,kBAAkB,EAClBC,kBAAkB,QACb,kBAAkB;AACzB,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAAC;AAmB9C,IAAMC,IAAI,GAAGD,QAAQ,CAAC,cAAc,CAAC;AACrC,IAAME,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;;AAErD;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGlB,WAAW,EAAE;EAE9B,IAAImB,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQR,IAAI;IACV,KAAK,QAAQ;MACXM,IAAI,GAAGD,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,gBAAG,oBAAC,sBAAsB,OAAG,gBAAG,oBAAC,mBAAmB,OAAG;MACvFF,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGD,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,gBAAG,oBAAC,kBAAkB,OAAG,gBAAG,oBAAC,UAAU,OAAG;MAC1EF,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGD,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,gBAAG,oBAAC,kBAAkB,OAAG,gBAAG,oBAAC,wBAAwB,OAAG;MACxFF,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIZ,MAAM,IAAI,CAACS,SAAS,CAAC,YAAY,CAAC,IAAI,CAACG,SAAS,EAAE;IACpDb,IAAI,CACF,wFAAwF,EACxF,OAAO,CACR;EACH;EAEA,oBACE,oBAAC,QAAQ;IACP,cAAYa;EAAU,GAClBH,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAEhB,UAAU,qBAEnBiB,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,2BAA+B,EACxDT,IAAI,IAAIU,MAAM,8BAAuBV,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEG,IAAI,IAAIL,QAAQ,CAAQ,EACrEZ,YAAY,CAACa,KAAK,CAAC,iBAClB,oBAAC,OAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}

package/dist/cssm/helpers/appearance.d.ts

@@ -1,4 +1,4 @@
-import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';
 export declare enum Scheme {
     BRIGHT_LIGHT = "bright_light",
     SPACE_GRAY = "space_gray",

package/dist/cssm/helpers/appearance.js

@@ -11,7 +11,7 @@ export var Appearance;
   Appearance["LIGHT"] = "light";
 })(Appearance || (Appearance = {}));
 export var deriveAppearance = function deriveAppearance(scheme) {
-  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
+  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';
 };
 export function resolveAppearance(data) {
   var scheme = data.scheme,

package/dist/cssm/helpers/appearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance.js","names":["Scheme","Appearance","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","resolveAppearance","data","appearance"],"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\n\nexport enum Scheme {\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_DARK\n  | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport const deriveAppearance = (\n  scheme: AppearanceScheme | undefined\n): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(\n  data: VKBridgeConfigData\n): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"mappings":"AAEA,WAAYA,MAAM;AAKjB,WALWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AAYlB,WAAYC,UAAU;AAGrB,WAHWA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAKtB,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAC3BC,MAAoC;EAAA,OAEpCA,MAAM,KAAKH,MAAM,CAACI,UAAU,IAAID,MAAM,KAAKH,MAAM,CAACK,UAAU,GACxD,MAAM,GACN,OAAO;AAAA;AAOb,OAAO,SAASC,iBAAiB,CAC/BC,IAAwB,EACD;EACvB,IAAQJ,MAAM,GAAiBI,IAAI,CAA3BJ,MAAM;IAAEK,UAAU,GAAKD,IAAI,CAAnBC,UAAU;;EAE1B;EACA,IAAIA,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;;EAEA;EACA,OAAON,gBAAgB,CAACC,MAAM,CAAC;AACjC"}
+{"version":3,"file":"appearance.js","names":["Scheme","Appearance","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","resolveAppearance","data","appearance"],"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\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 = AppearanceSchemeType | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"mappings":"AAEA,WAAYA,MAAM;AAKjB,WALWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AASlB,WAAYC,UAAU;AAGrB,WAHWA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAKtB,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,MAAoC;EAAA,OACnEA,MAAM,KAAKH,MAAM,CAACI,UAAU,IAAID,MAAM,KAAKH,MAAM,CAACK,UAAU,GAAG,MAAM,GAAG,OAAO;AAAA;AAOjF,OAAO,SAASC,iBAAiB,CAACC,IAAwB,EAAyB;EACjF,IAAQJ,MAAM,GAAiBI,IAAI,CAA3BJ,MAAM;IAAEK,UAAU,GAAKD,IAAI,CAAnBC,UAAU;;EAE1B;EACA,IAAIA,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;;EAEA;EACA,OAAON,gBAAgB,CAACC,MAAM,CAAC;AACjC"}

package/dist/cssm/helpers/avatar.d.ts

@@ -1,4 +1,4 @@
-import type { InitialsAvatarNumberGradients } from "../components/Avatar/Avatar";
+import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';
 /**
  * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
  */

package/dist/cssm/helpers/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["calcInitialsAvatarColor","objectId"],"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from \"../components/Avatar/Avatar\";\n\n/**\n * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(\n  objectId: number\n): InitialsAvatarNumberGradients {\n  return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"mappings":"AAEA;AACA;AACA;AACA,OAAO,SAASA,uBAAuB,CACrCC,QAAgB,EACe;EAC/B,OAASA,QAAQ,GAAG,CAAC,GAAI,CAAC;AAC5B"}
+{"version":3,"file":"avatar.js","names":["calcInitialsAvatarColor","objectId"],"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/**\n * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n  return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"mappings":"AAEA;AACA;AACA;AACA,OAAO,SAASA,uBAAuB,CAACC,QAAgB,EAAiC;EACvF,OAASA,QAAQ,GAAG,CAAC,GAAI,CAAC;AAC5B"}

package/dist/cssm/helpers/generateVKUITokensClassName.d.ts

@@ -0,0 +1 @@
+export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;

package/dist/cssm/helpers/generateVKUITokensClassName.js

@@ -0,0 +1,19 @@
+import { Platform } from '../lib/platform';
+export var generateVKUITokensClassName = function generateVKUITokensClassName(platform, appearance) {
+  var tokensPlatform;
+  switch (platform) {
+    case Platform.ANDROID:
+      tokensPlatform = 'vkBase';
+      break;
+    case Platform.IOS:
+      tokensPlatform = 'vkIOS';
+      break;
+    case Platform.VKCOM:
+      tokensPlatform = 'vkCom';
+      break;
+    default:
+      tokensPlatform = platform;
+  }
+  return "vkui--".concat(tokensPlatform, "--").concat(appearance);
+};
+//# sourceMappingURL=generateVKUITokensClassName.js.map

package/dist/cssm/helpers/generateVKUITokensClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateVKUITokensClassName.js","names":["Platform","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM"],"sources":["../../../src/helpers/generateVKUITokensClassName.ts"],"sourcesContent":["import { Platform } from '../lib/platform';\n\nexport const generateVKUITokensClassName = (platform: string, appearance: string): 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"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,iBAAiB;AAE1C,OAAO,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIC,QAAgB,EAAEC,UAAkB,EAAa;EAC3F,IAAIC,cAAc;EAClB,QAAQF,QAAQ;IACd,KAAKF,QAAQ,CAACK,OAAO;MACnBD,cAAc,GAAG,QAAQ;MACzB;IACF,KAAKJ,QAAQ,CAACM,GAAG;MACfF,cAAc,GAAG,OAAO;MACxB;IACF,KAAKJ,QAAQ,CAACO,KAAK;MACjBH,cAAc,GAAG,OAAO;MACxB;IACF;MACEA,cAAc,GAAGF,QAAQ;EAAC;EAG9B,uBAAgBE,cAAc,eAAKD,UAAU;AAC/C,CAAC"}

package/dist/cssm/helpers/getHoverClassName.js

@@ -4,11 +4,11 @@ export function getHoverClassName(base, hover,
  *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
  */
 styles) {
-  var hoverState = "none";
+  var hoverState = 'none';
   if (hover === true) {
-    hoverState = "has";
+    hoverState = 'has';
   } else if (hover === false) {
-    hoverState = "has-not";
+    hoverState = 'has-not';
   }
   var hoverClassName = "".concat(String(base), "--hover-").concat(hoverState);
   return styles ? styles[hoverClassName] : hoverClassName;

package/dist/cssm/helpers/getHoverClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHoverClassName.js","names":["getHoverClassName","base","hover","styles","hoverState","hoverClassName","String"],"sources":["../../../src/helpers/getHoverClassName.ts"],"sourcesContent":["type HoverType = \"none\" | \"has\" | \"has-not\";\n\nexport function getHoverClassName(base: string, hover?: boolean): string;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: string,\n  hover?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  hover?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let hoverState: HoverType = \"none\";\n  if (hover === true) {\n    hoverState = \"has\";\n  } else if (hover === false) {\n    hoverState = \"has-not\";\n  }\n\n  const hoverClassName = `${String(base)}--hover-${hoverState}`;\n\n  return styles ? styles[hoverClassName] : hoverClassName;\n}\n"],"mappings":"AAQA,OAAO,SAASA,iBAAiB,CAC/BC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,cAAc,aAAMC,MAAM,CAACL,IAAI,CAAC,qBAAWG,UAAU,CAAE;EAE7D,OAAOD,MAAM,GAAGA,MAAM,CAACE,cAAc,CAAC,GAAGA,cAAc;AACzD"}
+{"version":3,"file":"getHoverClassName.js","names":["getHoverClassName","base","hover","styles","hoverState","hoverClassName","String"],"sources":["../../../src/helpers/getHoverClassName.ts"],"sourcesContent":["type HoverType = 'none' | 'has' | 'has-not';\n\nexport function getHoverClassName(base: string, hover?: boolean): string;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: string,\n  hover?: boolean,\n  styles?: Styles,\n): string | undefined;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  hover?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let hoverState: HoverType = 'none';\n  if (hover === true) {\n    hoverState = 'has';\n  } else if (hover === false) {\n    hoverState = 'has-not';\n  }\n\n  const hoverClassName = `${String(base)}--hover-${hoverState}`;\n\n  return styles ? styles[hoverClassName] : hoverClassName;\n}\n"],"mappings":"AAQA,OAAO,SAASA,iBAAiB,CAC/BC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,cAAc,aAAMC,MAAM,CAACL,IAAI,CAAC,qBAAWG,UAAU,CAAE;EAE7D,OAAOD,MAAM,GAAGA,MAAM,CAACE,cAAc,CAAC,GAAGA,cAAc;AACzD"}

package/dist/cssm/helpers/getPlatformClassName.d.ts

@@ -1,3 +1,3 @@
-import { PlatformType } from "../lib/platform";
+import { PlatformType } from '../lib/platform';
 export declare function getPlatformClassName(base: string, osname?: PlatformType): string;
 export declare function getPlatformClassName<Styles extends Record<string, string>>(base: keyof Styles, osname?: PlatformType, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getPlatformClassName.js

@@ -1,4 +1,4 @@
-import { platform } from "../lib/platform";
+import { platform } from '../lib/platform';
 export function getPlatformClassName(base) {
   var osname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : platform();
   var

package/dist/cssm/helpers/getPlatformClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPlatformClassName.js","names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\nexport function getPlatformClassName(\n  base: string,\n  osname?: PlatformType\n): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":"AAAA,SAAuBA,QAAQ,QAAQ,iBAAiB;AAWxD,OAAO,SAASC,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAGH,QAAQ,EAAE;EAAA;EACjC;AACF;AACA;AACA;EACEI,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACJ,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOC,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}
+{"version":3,"file":"getPlatformClassName.js","names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { PlatformType, platform } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles,\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":"AAAA,SAAuBA,QAAQ,QAAQ,iBAAiB;AAQxD,OAAO,SAASC,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAGH,QAAQ,EAAE;EAAA;EACjC;AACF;AACA;AACA;EACEI,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACJ,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOC,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}

package/dist/cssm/helpers/getPointerClassName.js

@@ -4,11 +4,11 @@ export function getPointerClassName(base, mouse,
  *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
  */
 styles) {
-  var mouseState = "none";
+  var mouseState = 'none';
   if (mouse === true) {
-    mouseState = "has";
+    mouseState = 'has';
   } else if (mouse === false) {
-    mouseState = "has-not";
+    mouseState = 'has-not';
   }
   var className = "".concat(String(base), "--pointer-").concat(mouseState);
   return styles ? styles[className] : className;

package/dist/cssm/helpers/getPointerClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPointerClassName.js","names":["getPointerClassName","base","mouse","styles","mouseState","className","String"],"sources":["../../../src/helpers/getPointerClassName.ts"],"sourcesContent":["type MouseType = \"none\" | \"has\" | \"has-not\";\n\nexport function getPointerClassName(base: string, mouse?: boolean): string;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: string,\n  mouse?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  mouse?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let mouseState: MouseType = \"none\";\n  if (mouse === true) {\n    mouseState = \"has\";\n  } else if (mouse === false) {\n    mouseState = \"has-not\";\n  }\n\n  const className = `${String(base)}--pointer-${mouseState}`;\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":"AAQA,OAAO,SAASA,mBAAmB,CACjCC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,SAAS,aAAMC,MAAM,CAACL,IAAI,CAAC,uBAAaG,UAAU,CAAE;EAE1D,OAAOD,MAAM,GAAGA,MAAM,CAACE,SAAS,CAAC,GAAGA,SAAS;AAC/C"}
+{"version":3,"file":"getPointerClassName.js","names":["getPointerClassName","base","mouse","styles","mouseState","className","String"],"sources":["../../../src/helpers/getPointerClassName.ts"],"sourcesContent":["type MouseType = 'none' | 'has' | 'has-not';\n\nexport function getPointerClassName(base: string, mouse?: boolean): string;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: string,\n  mouse?: boolean,\n  styles?: Styles,\n): string | undefined;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  mouse?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let mouseState: MouseType = 'none';\n  if (mouse === true) {\n    mouseState = 'has';\n  } else if (mouse === false) {\n    mouseState = 'has-not';\n  }\n\n  const className = `${String(base)}--pointer-${mouseState}`;\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":"AAQA,OAAO,SAASA,mBAAmB,CACjCC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,SAAS,aAAMC,MAAM,CAACL,IAAI,CAAC,uBAAaG,UAAU,CAAE;EAE1D,OAAOD,MAAM,GAAGA,MAAM,CAACE,SAAS,CAAC,GAAGA,SAAS;AAC/C"}

package/dist/cssm/helpers/getSizeXClassName.d.ts

@@ -1,5 +1,5 @@
-import { SizeType } from "../lib/adaptivity";
-declare type SizeXType = SizeType | "none";
+import { SizeType } from '../lib/adaptivity';
+declare type SizeXType = SizeType | 'none';
 export declare function getSizeXClassName(base: string, sizeX?: SizeXType): string;
 export declare function getSizeXClassName<Styles extends Record<string, string>>(base: keyof Styles, sizeX?: SizeXType, styles?: Styles): string | undefined;
 export {};

package/dist/cssm/helpers/getSizeXClassName.js

@@ -1,5 +1,5 @@
 export function getSizeXClassName(base) {
-  var sizeX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var sizeX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';
   var
   /**
    * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,

package/dist/cssm/helpers/getSizeXClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSizeXClassName.js","names":["getSizeXClassName","base","sizeX","styles","sizeXClassName","String"],"sources":["../../../src/helpers/getSizeXClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeXType = SizeType | \"none\";\n\nexport function getSizeXClassName(base: string, sizeX?: SizeXType): string;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX?: SizeXType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX: SizeXType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeXClassName = `${String(base)}--sizeX-${sizeX}`;\n  return styles ? styles[sizeXClassName] : sizeXClassName;\n}\n"],"mappings":"AAUA,OAAO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}
+{"version":3,"file":"getSizeXClassName.js","names":["getSizeXClassName","base","sizeX","styles","sizeXClassName","String"],"sources":["../../../src/helpers/getSizeXClassName.ts"],"sourcesContent":["import { SizeType } from '../lib/adaptivity';\n\ntype SizeXType = SizeType | 'none';\n\nexport function getSizeXClassName(base: string, sizeX?: SizeXType): string;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX?: SizeXType,\n  styles?: Styles,\n): string | undefined;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX: SizeXType = 'none',\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const sizeXClassName = `${String(base)}--sizeX-${sizeX}`;\n  return styles ? styles[sizeXClassName] : sizeXClassName;\n}\n"],"mappings":"AAUA,OAAO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}

package/dist/cssm/helpers/getSizeYClassName.d.ts

@@ -1,5 +1,5 @@
-import { SizeType } from "../lib/adaptivity";
-declare type SizeYType = SizeType | "none";
+import { SizeType } from '../lib/adaptivity';
+declare type SizeYType = SizeType | 'none';
 export declare function getSizeYClassName(base: string, sizeY?: SizeYType): string;
 export declare function getSizeYClassName<Styles extends Record<string, string>>(base: keyof Styles, sizeY?: SizeYType, styles?: Styles): string | undefined;
 export {};

package/dist/cssm/helpers/getSizeYClassName.js

@@ -1,5 +1,5 @@
 export function getSizeYClassName(base) {
-  var sizeY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var sizeY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';
   var
   /**
    * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,

package/dist/cssm/helpers/getSizeYClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSizeYClassName.js","names":["getSizeYClassName","base","sizeY","styles","sizeYClassName","String"],"sources":["../../../src/helpers/getSizeYClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeYType = SizeType | \"none\";\n\nexport function getSizeYClassName(base: string, sizeY?: SizeYType): string;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY?: SizeYType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY: SizeYType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeYClassName = `${String(base)}--sizeY-${sizeY}`;\n  return styles ? styles[sizeYClassName] : sizeYClassName;\n}\n"],"mappings":"AAUA,OAAO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}
+{"version":3,"file":"getSizeYClassName.js","names":["getSizeYClassName","base","sizeY","styles","sizeYClassName","String"],"sources":["../../../src/helpers/getSizeYClassName.ts"],"sourcesContent":["import { SizeType } from '../lib/adaptivity';\n\ntype SizeYType = SizeType | 'none';\n\nexport function getSizeYClassName(base: string, sizeY?: SizeYType): string;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY?: SizeYType,\n  styles?: Styles,\n): string | undefined;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY: SizeYType = 'none',\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const sizeYClassName = `${String(base)}--sizeY-${sizeY}`;\n  return styles ? styles[sizeYClassName] : sizeYClassName;\n}\n"],"mappings":"AAUA,OAAO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}

package/dist/cssm/helpers/getViewHeightClassName.d.ts

@@ -1,3 +1,3 @@
-import { ViewHeight } from "../lib/adaptivity";
+import { ViewHeight } from '../lib/adaptivity';
 export declare function getViewHeightClassName(base: string, viewHeight?: ViewHeight): string;
 export declare function getViewHeightClassName<Styles extends Record<string, string>>(base: keyof Styles, viewHeight?: ViewHeight, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getViewHeightClassName.js

@@ -1,4 +1,4 @@
-import { ViewHeight } from "../lib/adaptivity";
+import { ViewHeight } from '../lib/adaptivity';
 export function getViewHeightClassName(base, viewHeight,
 /**
  * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
@@ -8,16 +8,16 @@ styles) {
   var className = "".concat(String(base), "--viewHeight-");
   switch (viewHeight) {
     case ViewHeight.EXTRA_SMALL:
-      className += "extraSmall";
+      className += 'extraSmall';
       break;
     case ViewHeight.SMALL:
-      className += "small";
+      className += 'small';
       break;
     case ViewHeight.MEDIUM:
-      className += "medium";
+      className += 'medium';
       break;
     default:
-      className += "none";
+      className += 'none';
       break;
   }
   return styles ? styles[className] : className;

package/dist/cssm/helpers/getViewHeightClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getViewHeightClassName.js","names":["ViewHeight","getViewHeightClassName","base","viewHeight","styles","className","String","EXTRA_SMALL","SMALL","MEDIUM"],"sources":["../../../src/helpers/getViewHeightClassName.ts"],"sourcesContent":["import { ViewHeight } from \"../lib/adaptivity\";\n\nexport function getViewHeightClassName(\n  base: string,\n  viewHeight?: ViewHeight\n): string;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  styles?: Styles\n): string | undefined;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewHeight-`;\n\n  switch (viewHeight) {\n    case ViewHeight.EXTRA_SMALL:\n      className += \"extraSmall\";\n      break;\n    case ViewHeight.SMALL:\n      className += \"small\";\n      break;\n    case ViewHeight.MEDIUM:\n      className += \"medium\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAW9C,OAAO,SAASC,sBAAsB,CACpCC,IAAkB,EAClBC,UAAuB;AACvB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,kBAAe;EAE9C,QAAQC,UAAU;IAChB,KAAKH,UAAU,CAACO,WAAW;MACzBF,SAAS,IAAI,YAAY;MACzB;IACF,KAAKL,UAAU,CAACQ,KAAK;MACnBH,SAAS,IAAI,OAAO;MACpB;IACF,KAAKL,UAAU,CAACS,MAAM;MACpBJ,SAAS,IAAI,QAAQ;MACrB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGV,OAAOD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;AAC/C"}
+{"version":3,"file":"getViewHeightClassName.js","names":["ViewHeight","getViewHeightClassName","base","viewHeight","styles","className","String","EXTRA_SMALL","SMALL","MEDIUM"],"sources":["../../../src/helpers/getViewHeightClassName.ts"],"sourcesContent":["import { ViewHeight } from '../lib/adaptivity';\n\nexport function getViewHeightClassName(base: string, viewHeight?: ViewHeight): string;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  styles?: Styles,\n): string | undefined;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let className = `${String(base)}--viewHeight-`;\n\n  switch (viewHeight) {\n    case ViewHeight.EXTRA_SMALL:\n      className += 'extraSmall';\n      break;\n    case ViewHeight.SMALL:\n      className += 'small';\n      break;\n    case ViewHeight.MEDIUM:\n      className += 'medium';\n      break;\n\n    default:\n      className += 'none';\n      break;\n  }\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAQ9C,OAAO,SAASC,sBAAsB,CACpCC,IAAkB,EAClBC,UAAuB;AACvB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,kBAAe;EAE9C,QAAQC,UAAU;IAChB,KAAKH,UAAU,CAACO,WAAW;MACzBF,SAAS,IAAI,YAAY;MACzB;IACF,KAAKL,UAAU,CAACQ,KAAK;MACnBH,SAAS,IAAI,OAAO;MACpB;IACF,KAAKL,UAAU,CAACS,MAAM;MACpBJ,SAAS,IAAI,QAAQ;MACrB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGV,OAAOD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;AAC/C"}

package/dist/cssm/helpers/getViewWidthClassName.d.ts

@@ -1,3 +1,3 @@
-import { ViewWidth } from "../lib/adaptivity";
+import { ViewWidth } from '../lib/adaptivity';
 export declare function getViewWidthClassName(base: string, viewWidth?: ViewWidth): string;
 export declare function getViewWidthClassName<Styles extends Record<string, string>>(base: keyof Styles, viewWidth?: ViewWidth, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getViewWidthClassName.js

@@ -1,4 +1,4 @@
-import { ViewWidth } from "../lib/adaptivity";
+import { ViewWidth } from '../lib/adaptivity';
 export function getViewWidthClassName(base, viewWidth,
 /**
  * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
@@ -8,35 +8,35 @@ styles) {
   var className = "".concat(String(base), "--viewWidth-");
   switch (viewWidth) {
     case ViewWidth.SMALL_MOBILE:
-      className += "smallMobile";
+      className += 'smallMobile';
       break;
     case ViewWidth.MOBILE:
-      className += "mobile";
+      className += 'mobile';
       break;
     case ViewWidth.SMALL_TABLET:
-      className += "smallTablet";
+      className += 'smallTablet';
       break;
     case ViewWidth.TABLET:
-      className += "tablet";
+      className += 'tablet';
       break;
     case ViewWidth.DESKTOP:
-      className += "desktop";
+      className += 'desktop';
       break;
     default:
-      className += "none";
+      className += 'none';
       break;
   }
   className = styles ? styles[className] : className;
   if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {
     if (styles) {
-      className += " " + styles["".concat(String(base), "--viewWidth-smallTabletPlus")];
+      className += ' ' + styles["".concat(String(base), "--viewWidth-smallTabletPlus")];
     } else {
       className += " ".concat(String(base), "--viewWidth-smallTabletPlus");
     }
   }
   if (viewWidth && viewWidth >= ViewWidth.TABLET) {
     if (styles) {
-      className += " " + styles["".concat(String(base), "--viewWidth-tabletPlus")];
+      className += ' ' + styles["".concat(String(base), "--viewWidth-tabletPlus")];
     } else {
       className += " ".concat(String(base), "--viewWidth-tabletPlus");
     }