@vkontakte/vkui 4.22.1 → 4.25.0

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts"],"names":["React","isNumeric","value","isNaN","parseFloat","isFinite","isFunction","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","leadingZero","val","strVal","toFixed","length","hasReactNode","undefined","isPrimitiveReactNode","node","setRef","element","ref","current","multiRef","refs","forEach","noop","getTitleFromChildren","children","label","Children","map","child"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAMA;AACA,OAAO,SAASC,SAAT,CAAmBC,KAAnB,EAAwC;AAC7C,SAAO,CAACC,KAAK,CAACC,UAAU,CAACF,KAAD,CAAX,CAAN,IAA6BG,QAAQ,CAACH,KAAD,CAA5C;AACD,C,CAED;;AACA,OAAO,SAASI,UAAT,CAAoBJ,KAApB,EAAoE;AACzE,SAAO,OAAOA,KAAP,KAAiB,UAAxB;AACD;AAED,OAAO,SAASK,QAAT,CAAmCC,EAAnC,EAA6DC,KAA7D,EAA4E;AACjF,MAAIC,OAAJ;AAEA,SAAO,YAAgB;AAAA,sCAAZC,IAAY;AAAZA,MAAAA,IAAY;AAAA;;AACrBC,IAAAA,YAAY,CAACF,OAAD,CAAZ;AACAA,IAAAA,OAAO,GAAGG,UAAU,CAAC;AAAA,aAAML,EAAE,MAAF,SAAMG,IAAN,CAAN;AAAA,KAAD,EAAoBF,KAApB,CAApB;AACD,GAHD;AAID;AAED,OAAO,SAASK,WAAT,CAAqBC,GAArB,EAAkC;AACvC,MAAIC,MAAM,GAAGD,GAAG,CAACE,OAAJ,EAAb;;AAEA,MAAID,MAAM,CAACE,MAAP,KAAkB,CAAtB,EAAyB;AACvB,WAAO,MAAMF,MAAb;AACD;;AAED,SAAOA,MAAP;AACD;AAED,OAAO,SAASG,YAAT,CAAsBjB,KAAtB,EAAuD;AAC5D,SAAOA,KAAK,KAAKkB,SAAV,IAAuBlB,KAAK,KAAK,KAAjC,IAA0CA,KAAK,KAAK,IAApD,IAA4DA,KAAK,KAAK,EAA7E;AACD;AAED,OAAO,SAASmB,oBAAT,CAA8BC,IAA9B,EAA8D;AACnE,SAAO,OAAOA,IAAP,KAAgB,QAAhB,IAA4B,OAAOA,IAAP,KAAgB,QAAnD;AACD;AAED,OAAO,SAASC,MAAT,CAAmBC,OAAnB,EAA+BC,GAA/B,EAAwD;AAC7D,MAAIA,GAAJ,EAAS;AACP,QAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,MAAAA,GAAG,CAACD,OAAD,CAAH;AACD,KAFD,MAEO;AACJC,MAAAA,GAAD,CAAmCC,OAAnC,GAA6CF,OAA7C;AACD;AACF;AACF;AAED,OAAO,SAASG,QAAT,GAAuE;AAAA,qCAA/CC,IAA+C;AAA/CA,IAAAA,IAA+C;AAAA;;AAC5E,MAAIF,OAAiB,GAAG,IAAxB;AACA,SAAO;AACL,QAAIA,OAAJ,GAAc;AACZ,aAAOA,OAAP;AACD,KAHI;;AAIL,QAAIA,OAAJ,CAAYF,OAAZ,EAAqB;AACnBE,MAAAA,OAAO,GAAGF,OAAV;AACAI,MAAAA,IAAI,CAACC,OAAL,CAAa,UAACJ,GAAD;AAAA,eAASF,MAAM,CAACC,OAAD,EAAUC,GAAV,CAAf;AAAA,OAAb;AACD;;AAPI,GAAP;AASD,C,CAED;;AACA,OAAO,IAAMK,IAAI,GAAG,SAAPA,IAAO,GAAM,CAAE,CAArB;AAEP,OAAO,SAASC,oBAAT,CAA8BC,QAA9B,EAAiE;AACtE,MAAIC,KAAK,GAAG,EAAZ;AAEAjC,EAAAA,KAAK,CAACkC,QAAN,CAAeC,GAAf,CAAmBH,QAAnB,EAA6B,UAACI,KAAD,EAAW;AACtC,QAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;AAC7BH,MAAAA,KAAK,IAAIG,KAAT;AACD;AACF,GAJD;AAMA,SAAOH,KAAP;AACD","sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<keyof React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\n// Является ли переданное значение числовым\nexport function isNumeric(value: any): boolean {\n  return !isNaN(parseFloat(value)) && isFinite(value);\n}\n\n// Является ли переданное значение функцией\nexport function isFunction(value: any): value is ((...args: any[]) => any) {\n  return typeof value === 'function';\n}\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function leadingZero(val: number) {\n  let strVal = val.toFixed();\n\n  if (strVal.length === 1) {\n    return '0' + strVal;\n  }\n\n  return strVal;\n}\n\nexport function hasReactNode(value: React.ReactNode): boolean {\n  return value !== undefined && value !== false && value !== null && value !== '';\n}\n\nexport function isPrimitiveReactNode(node: React.ReactNode): boolean {\n  return typeof node === 'string' || typeof node === 'number';\n}\n\nexport function setRef<T>(element: T, ref: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T>>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => setRef(element, ref));\n    },\n  };\n}\n\n// eslint-disable-next-line\nexport const noop = () => {};\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = '';\n\n  React.Children.map(children, (child) => {\n    if (typeof child === 'string') {\n      label += child;\n    }\n  });\n\n  return label;\n}\n"],"file":"utils.js"}
+{"version":3,"sources":["../../src/lib/utils.ts"],"names":["React","isNumeric","value","isNaN","parseFloat","isFinite","isFunction","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","leadingZero","val","strVal","toFixed","length","hasReactNode","undefined","isPrimitiveReactNode","node","setRef","element","ref","current","multiRef","refs","forEach","noop","getTitleFromChildren","children","label","Children","map","child"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AASA;AACA,OAAO,SAASC,SAAT,CAAmBC,KAAnB,EAAwC;AAC7C,SAAO,CAACC,KAAK,CAACC,UAAU,CAACF,KAAD,CAAX,CAAN,IAA6BG,QAAQ,CAACH,KAAD,CAA5C;AACD,C,CAED;;AACA,OAAO,SAASI,UAAT,CAAoBJ,KAApB,EAAkE;AACvE,SAAO,OAAOA,KAAP,KAAiB,UAAxB;AACD;AAED,OAAO,SAASK,QAAT,CACLC,EADK,EAELC,KAFK,EAGL;AACA,MAAIC,OAAJ;AAEA,SAAO,YAAgB;AAAA,sCAAZC,IAAY;AAAZA,MAAAA,IAAY;AAAA;;AACrBC,IAAAA,YAAY,CAACF,OAAD,CAAZ;AACAA,IAAAA,OAAO,GAAGG,UAAU,CAAC;AAAA,aAAML,EAAE,MAAF,SAAMG,IAAN,CAAN;AAAA,KAAD,EAAoBF,KAApB,CAApB;AACD,GAHD;AAID;AAED,OAAO,SAASK,WAAT,CAAqBC,GAArB,EAAkC;AACvC,MAAIC,MAAM,GAAGD,GAAG,CAACE,OAAJ,EAAb;;AAEA,MAAID,MAAM,CAACE,MAAP,KAAkB,CAAtB,EAAyB;AACvB,WAAO,MAAMF,MAAb;AACD;;AAED,SAAOA,MAAP;AACD;AAED,OAAO,SAASG,YAAT,CAAsBjB,KAAtB,EAAuD;AAC5D,SACEA,KAAK,KAAKkB,SAAV,IAAuBlB,KAAK,KAAK,KAAjC,IAA0CA,KAAK,KAAK,IAApD,IAA4DA,KAAK,KAAK,EADxE;AAGD;AAED,OAAO,SAASmB,oBAAT,CAA8BC,IAA9B,EAA8D;AACnE,SAAO,OAAOA,IAAP,KAAgB,QAAhB,IAA4B,OAAOA,IAAP,KAAgB,QAAnD;AACD;AAED,OAAO,SAASC,MAAT,CAAmBC,OAAnB,EAA+BC,GAA/B,EAAwD;AAC7D,MAAIA,GAAJ,EAAS;AACP,QAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,MAAAA,GAAG,CAACD,OAAD,CAAH;AACD,KAFD,MAEO;AACJC,MAAAA,GAAD,CAAmCC,OAAnC,GAA6CF,OAA7C;AACD;AACF;AACF;AAED,OAAO,SAASG,QAAT,GAEe;AAAA,qCADjBC,IACiB;AADjBA,IAAAA,IACiB;AAAA;;AACpB,MAAIF,OAAiB,GAAG,IAAxB;AACA,SAAO;AACL,QAAIA,OAAJ,GAAc;AACZ,aAAOA,OAAP;AACD,KAHI;;AAIL,QAAIA,OAAJ,CAAYF,OAAZ,EAAqB;AACnBE,MAAAA,OAAO,GAAGF,OAAV;AACAI,MAAAA,IAAI,CAACC,OAAL,CAAa,UAACJ,GAAD;AAAA,eAASA,GAAG,IAAIF,MAAM,CAACC,OAAD,EAAUC,GAAV,CAAtB;AAAA,OAAb;AACD;;AAPI,GAAP;AASD,C,CAED;;AACA,OAAO,IAAMK,IAAI,GAAG,SAAPA,IAAO,GAAM,CAAE,CAArB;AAEP,OAAO,SAASC,oBAAT,CAA8BC,QAA9B,EAAiE;AACtE,MAAIC,KAAK,GAAG,EAAZ;AAEAjC,EAAAA,KAAK,CAACkC,QAAN,CAAeC,GAAf,CAAmBH,QAAnB,EAA6B,UAACI,KAAD,EAAW;AACtC,QAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;AAC7BH,MAAAA,KAAK,IAAIG,KAAT;AACD;AACF,GAJD;AAMA,SAAOH,KAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<\n    keyof React.ImgHTMLAttributes<HTMLImageElement>,\n    keyof React.HTMLAttributes<HTMLImageElement>\n  >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\n// Является ли переданное значение числовым\nexport function isNumeric(value: any): boolean {\n  return !isNaN(parseFloat(value)) && isFinite(value);\n}\n\n// Является ли переданное значение функцией\nexport function isFunction(value: any): value is (...args: any[]) => any {\n  return typeof value === \"function\";\n}\n\nexport function debounce<A extends any[]>(\n  fn: (...args: A) => void,\n  delay: number\n) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function leadingZero(val: number) {\n  let strVal = val.toFixed();\n\n  if (strVal.length === 1) {\n    return \"0\" + strVal;\n  }\n\n  return strVal;\n}\n\nexport function hasReactNode(value: React.ReactNode): boolean {\n  return (\n    value !== undefined && value !== false && value !== null && value !== \"\"\n  );\n}\n\nexport function isPrimitiveReactNode(node: React.ReactNode): boolean {\n  return typeof node === \"string\" || typeof node === \"number\";\n}\n\nexport function setRef<T>(element: T, ref: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === \"function\") {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(\n  ...refs: Array<React.Ref<T> | undefined>\n): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => ref && setRef(element, ref));\n    },\n  };\n}\n\n// eslint-disable-next-line\nexport const noop = () => {};\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = \"\";\n\n  React.Children.map(children, (child) => {\n    if (typeof child === \"string\") {\n      label += child;\n    }\n  });\n\n  return label;\n}\n"],"file":"utils.js"}

package/dist/tokenized/tokenized.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "../components/Button/Button";
+export type { ButtonProps } from "../components/Button/Button";

package/dist/tokenized/tokenized.js

@@ -0,0 +1,2 @@
+export { default as Button } from "../components/Button/Button";
+//# sourceMappingURL=tokenized.js.map

package/dist/tokenized/tokenized.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tokenized/tokenized.ts"],"names":["default","Button"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB","sourcesContent":["export { default as Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n"],"file":"tokenized.js"}

package/dist/types.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { PlatformType } from './lib/platform';
-import { Insets } from '@vkontakte/vk-bridge';
+import * as React from "react";
+import { PlatformType } from "./lib/platform";
+import { Insets } from "@vkontakte/vk-bridge";
 export declare type AnyFunction = (...args: any[]) => any;
-export declare type AlignType = 'left' | 'center' | 'right';
+export declare type AlignType = "left" | "center" | "right";
 export interface HasRootRef<T> {
     getRootRef?: React.Ref<T>;
 }

package/dist/unstable/index.d.ts

@@ -1,9 +1,17 @@
 /**
  * Forms
  */
-export { default as ChipsSelect } from './../components/ChipsSelect/ChipsSelect';
-export type { ChipsSelectProps } from './../components/ChipsSelect/ChipsSelect';
-export { default as ViewInfinite } from './../components/View/ViewInfinite';
-export type { ViewInfiniteProps } from './../components/View/ViewInfinite';
-export { default as SimpleCheckbox } from './../components/SimpleCheckbox/SimpleCheckbox';
-export type { SimpleCheckboxProps } from './../components/SimpleCheckbox/SimpleCheckbox';
+export { default as ChipsSelect } from "./../components/ChipsSelect/ChipsSelect";
+export type { ChipsSelectProps } from "./../components/ChipsSelect/ChipsSelect";
+export { Dropdown } from "../components/Dropdown/Dropdown";
+export type { DropdownProps } from "../components/Dropdown/Dropdown";
+export { TextTooltip } from "../components/TextTooltip/TextTooltip";
+export type { TextTooltipProps } from "../components/TextTooltip/TextTooltip";
+export { RichTooltip } from "../components/RichTooltip/RichTooltip";
+export type { RichTooltipProps } from "../components/RichTooltip/RichTooltip";
+export { Popper } from "../components/Popper/Popper";
+export type { PopperProps } from "../components/Popper/Popper";
+export { default as ViewInfinite } from "./../components/View/ViewInfinite";
+export type { ViewInfiniteProps } from "./../components/View/ViewInfinite";
+export { default as SimpleCheckbox } from "./../components/SimpleCheckbox/SimpleCheckbox";
+export type { SimpleCheckboxProps } from "./../components/SimpleCheckbox/SimpleCheckbox";

package/dist/unstable/index.js

@@ -2,6 +2,10 @@
  * Forms
  */
 export { default as ChipsSelect } from "./../components/ChipsSelect/ChipsSelect";
+export { Dropdown } from "../components/Dropdown/Dropdown";
+export { TextTooltip } from "../components/TextTooltip/TextTooltip";
+export { RichTooltip } from "../components/RichTooltip/RichTooltip";
+export { Popper } from "../components/Popper/Popper";
 export { default as ViewInfinite } from "./../components/View/ViewInfinite";
 export { default as SimpleCheckbox } from "./../components/SimpleCheckbox/SimpleCheckbox";
 //# sourceMappingURL=index.js.map

package/dist/unstable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/unstable/index.ts"],"names":["default","ChipsSelect","ViewInfinite","SimpleCheckbox"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,WAApB;AAGA,SAASD,OAAO,IAAIE,YAApB;AAGA,SAASF,OAAO,IAAIG,cAApB","sourcesContent":["/**\n * Forms\n */\nexport { default as ChipsSelect } from './../components/ChipsSelect/ChipsSelect';\nexport type { ChipsSelectProps } from './../components/ChipsSelect/ChipsSelect';\n\nexport { default as ViewInfinite } from './../components/View/ViewInfinite';\nexport type { ViewInfiniteProps } from './../components/View/ViewInfinite';\n\nexport { default as SimpleCheckbox } from './../components/SimpleCheckbox/SimpleCheckbox';\nexport type { SimpleCheckboxProps } from './../components/SimpleCheckbox/SimpleCheckbox';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/unstable/index.ts"],"names":["default","ChipsSelect","Dropdown","TextTooltip","RichTooltip","Popper","ViewInfinite","SimpleCheckbox"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,WAApB;AAGA,SAASC,QAAT;AAGA,SAASC,WAAT;AAGA,SAASC,WAAT;AAGA,SAASC,MAAT;AAGA,SAASL,OAAO,IAAIM,YAApB;AAGA,SAASN,OAAO,IAAIO,cAApB","sourcesContent":["/**\n * Forms\n */\nexport { default as ChipsSelect } from \"./../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"./../components/ChipsSelect/ChipsSelect\";\n\nexport { Dropdown } from \"../components/Dropdown/Dropdown\";\nexport type { DropdownProps } from \"../components/Dropdown/Dropdown\";\n\nexport { TextTooltip } from \"../components/TextTooltip/TextTooltip\";\nexport type { TextTooltipProps } from \"../components/TextTooltip/TextTooltip\";\n\nexport { RichTooltip } from \"../components/RichTooltip/RichTooltip\";\nexport type { RichTooltipProps } from \"../components/RichTooltip/RichTooltip\";\n\nexport { Popper } from \"../components/Popper/Popper\";\nexport type { PopperProps } from \"../components/Popper/Popper\";\n\nexport { default as ViewInfinite } from \"./../components/View/ViewInfinite\";\nexport type { ViewInfiniteProps } from \"./../components/View/ViewInfinite\";\n\nexport { default as SimpleCheckbox } from \"./../components/SimpleCheckbox/SimpleCheckbox\";\nexport type { SimpleCheckboxProps } from \"./../components/SimpleCheckbox/SimpleCheckbox\";\n"],"file":"index.js"}

package/dist/unstable.css

@@ -1,3 +1,3 @@
-.vkuiChipsSelect{position:relative}.vkuiChipsSelect__fetching,.vkuiChipsSelect__empty{padding:12px 0}.vkuiChipsSelect__empty{text-align:center;color:#818c99;color:var(--text_secondary)}.vkuiChipsSelect__options{position:absolute;width:100%;max-height:160px;background-color:#fff;background-color:var(--modal_card_background);box-shadow:0 2px 2px rgba(0,0,0,.06),0 0 2px rgba(0,0,0,.03);border:solid 1px rgba(0,0,0,.12);border:solid 1px var(--field_border);border-top:0;border-radius:0 0 8px 8px;box-sizing:border-box;overflow:hidden;z-index:4}.vkuiChipsSelect__options .vkuiCustomScrollView__box{max-height:160px}.vkuiChipsSelect__options--popupDirectionTop{bottom:100%;border-radius:8px 8px 0 0;border-top:unset;border-bottom:0;box-shadow:0 -2px 2px rgba(0,0,0,.06),0 0 2px rgba(0,0,0,.03)}.vkuiChipsSelect__open:not(.vkuiChipsSelect__open--popupDirectionTop) .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiChipsSelect__open.vkuiChipsSelect__open--popupDirectionTop .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiSimpleCheckbox{display:block;margin:-10px;padding:10px;width:24px;height:24px;border-radius:50%}.vkuiSimpleCheckbox__input{position:absolute;-webkit-appearance:none;appearance:none}.vkuiSimpleCheckbox__container{display:flex;align-items:flex-start;justify-content:flex-start}.vkuiSimpleCheckbox__icon{flex-shrink:0;margin:0;box-sizing:border-box;border-radius:4px;display:flex}.vkuiSimpleCheckbox__icon--on{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--indeterminate{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary)}.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact{margin:-8px;padding:8px;width:20px;height:20px}.vkuiSimpleCheckbox--vkcom{margin:0;padding:0;width:22px;height:22px;border-radius:4px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{margin:3px;width:16px;height:16px;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;transition:inherit}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--active .vkuiSimpleCheckbox__activeShadow{background-color:rgba(0,0,0,.08);background-color:var(--background_highlighted)}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--hover .vkuiSimpleCheckbox__hoverShadow{background-color:rgba(0,0,0,.04);background-color:var(--background_hover)}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__icon{border-radius:3px;padding:1px;border-width:1px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.4}
+.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{padding:12px 0}.vkuiChipsSelect__empty{text-align:center;color:#818c99;color:var(--text_secondary)}.vkuiChipsSelect__open:not(.vkuiChipsSelect__open--popupDirectionTop) .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiChipsSelect__open.vkuiChipsSelect__open--popupDirectionTop .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiSimpleCheckbox{display:block;margin:-10px;padding:10px;width:24px;height:24px;border-radius:50%}.vkuiSimpleCheckbox__input{position:absolute;-webkit-appearance:none;appearance:none}.vkuiSimpleCheckbox__container{display:flex;align-items:flex-start;justify-content:flex-start}.vkuiSimpleCheckbox__icon{flex-shrink:0;margin:0;box-sizing:border-box;border-radius:4px;display:flex}.vkuiSimpleCheckbox__icon--on{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--indeterminate{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary)}.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact{margin:-8px;padding:8px;width:20px;height:20px}.vkuiSimpleCheckbox--vkcom{margin:0;padding:0;width:22px;height:22px;border-radius:4px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{margin:3px;width:16px;height:16px;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;transition:inherit}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--active .vkuiSimpleCheckbox__activeShadow{background-color:rgba(0,0,0,.08);background-color:var(--background_highlighted)}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--hover .vkuiSimpleCheckbox__hoverShadow{background-color:rgba(0,0,0,.04);background-color:var(--background_hover)}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__icon{border-radius:3px;padding:1px;border-width:1px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.4}.vkuiDropdown{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background:#fff;background:var(--background_content)}.vkuiDropdown--ios{box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);border-radius:14px}.vkuiDropdown--android{box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16);border-radius:12px}.vkuiDropdown--vkcom{box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08);border-radius:12px}.vkuiTextTooltip{border-radius:8px;background:rgba(44,45,46,.88);padding:8px 12px 9px;color:#fff;color:var(--white);box-shadow:0 0 4px rgba(0,0,0,.04),0 4px 32px rgba(0,0,0,.16);-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease}.vkuiTextTooltip__arrow{color:rgba(44,45,46,.88)}.vkuiRichTooltip{box-shadow:0 0 4px rgba(0,0,0,.04),0 4px 32px rgba(0,0,0,.16);border-radius:8px;background:#fff;background:var(--background_content);-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease}.vkuiRichTooltip__arrow{color:#fff;color:var(--background_content)}
 
 /*# sourceMappingURL=unstable.css.map*/

package/dist/unstable.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/components/ChipsSelect/ChipsSelect.css","webpack:///./src/components/SimpleCheckbox/SimpleCheckbox.css"],"names":[],"mappings":"AAAA,iBACE,iBACF,CAEA,mDAEE,cACF,CAEA,wBACE,iBAAkB,CAClB,aAA4B,CAA5B,2BACF,CAEA,0BACE,iBAAkB,CAClB,UAAW,CACX,gBAAiB,CACjB,qBAA8C,CAA9C,6CAA8C,CAC9C,4DAAoE,CACpE,gCAAqC,CAArC,oCAAqC,CACrC,YAAa,CACb,yBAA0B,CAC1B,qBAAsB,CACtB,eAAgB,CAChB,SACF,CAEA,qDACE,gBACF,CAEA,6CACE,WAAY,CACZ,yBAA0B,CAC1B,gBAAiB,CACjB,eAAgB,CAChB,6DACF,CAEA,6FACE,2BAA4B,CAC5B,4BACF,CAEA,uFACE,wBAAyB,CACzB,yBACF,CChDA,oBACE,aAAc,CACd,YAAa,CACb,YAAa,CACb,UAAW,CACX,WAAY,CACZ,iBACF,CAEA,2BACE,iBAAkB,CAClB,uBAAwB,CAExB,eACF,CAEA,+BACE,YAAa,CACb,sBAAuB,CACvB,0BACF,CAEA,0BACE,aAAc,CACd,QAAS,CACT,qBAAsB,CACtB,iBAAkB,CAClB,YACF,CAEA,8BACE,aAAoB,CAApB,mBAAoB,CACpB,YACF,CAEA,yCACE,aAAoB,CAApB,mBAAoB,CACpB,YACF,CAEA,+BACE,aAA2B,CAA3B,0BACF,CAEA,gGACE,YACF,CAEA,kNAEE,YACF,CAEA,iHACE,YACF,CAEA,6MAEE,YACF,CAEA,oEACE,UACF,CAEA,0HAEE,WAAY,CACZ,WAAY,CACZ,UAAW,CACX,WACF,CAEA,2BACE,QAAS,CACT,SAAU,CACV,UAAW,CACX,WAAY,CACZ,iBACF,CAEA,yHAEE,UAAW,CACX,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,mBAAoB,CACpB,eAAgB,CAChB,qBAAsB,CACtB,kBACF,CAEA,wFACE,gCAA+C,CAA/C,8CACF,CAEA,sFACE,gCAAyC,CAAzC,wCACF,CAEA,qDACE,iBAAkB,CAClB,WAAY,CACZ,gBACF,CAEA,+FACE,UACF,C","file":"unstable.css","sourcesContent":[".ChipsSelect {\n  position: relative;\n}\n\n.ChipsSelect__fetching,\n.ChipsSelect__empty {\n  padding: 12px 0;\n}\n\n.ChipsSelect__empty {\n  text-align: center;\n  color: var(--text_secondary);\n}\n\n.ChipsSelect__options {\n  position: absolute;\n  width: 100%;\n  max-height: 160px;\n  background-color: var(--modal_card_background);\n  box-shadow: 0 2px 2px rgba(0, 0, 0, .06), 0 0 2px rgba(0, 0, 0, .03);\n  border: solid 1px var(--field_border);\n  border-top: 0;\n  border-radius: 0 0 8px 8px;\n  box-sizing: border-box;\n  overflow: hidden;\n  z-index: 4;\n}\n\n.ChipsSelect__options .CustomScrollView__box {\n  max-height: 160px;\n}\n\n.ChipsSelect__options--popupDirectionTop {\n  bottom: 100%;\n  border-radius: 8px 8px 0 0;\n  border-top: unset;\n  border-bottom: 0;\n  box-shadow: 0 -2px 2px rgba(0, 0, 0, .06), 0 0 2px rgba(0, 0, 0, .03);\n}\n\n.ChipsSelect__open:not(.ChipsSelect__open--popupDirectionTop) .FormField__border {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.ChipsSelect__open.ChipsSelect__open--popupDirectionTop .FormField__border {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n",".SimpleCheckbox {\n  display: block;\n  margin: -10px;\n  padding: 10px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n\n.SimpleCheckbox__input {\n  position: absolute;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.SimpleCheckbox__container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n.SimpleCheckbox__icon {\n  flex-shrink: 0;\n  margin: 0;\n  box-sizing: border-box;\n  border-radius: 4px;\n  display: flex;\n}\n\n.SimpleCheckbox__icon--on {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--indeterminate {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--off {\n  color: var(--icon_tertiary);\n}\n\n.SimpleCheckbox__input:checked ~ .SimpleCheckbox__container .SimpleCheckbox__icon--on {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate ~ .SimpleCheckbox__container .SimpleCheckbox__icon--indeterminate,\n.SimpleCheckbox__input:checked ~ .SimpleCheckbox__container .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input:indeterminate ~ .SimpleCheckbox__container .SimpleCheckbox__icon--indeterminate {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate ~ .SimpleCheckbox__container .SimpleCheckbox__icon--on,\n.SimpleCheckbox__input:indeterminate ~ .SimpleCheckbox__container .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input[disabled] ~ .SimpleCheckbox__container {\n  opacity: .6;\n}\n\n.SimpleCheckbox--ios.SimpleCheckbox--sizeY-compact,\n.SimpleCheckbox--android.SimpleCheckbox--sizeY-compact {\n  margin: -8px;\n  padding: 8px;\n  width: 20px;\n  height: 20px;\n}\n\n.SimpleCheckbox--vkcom {\n  margin: 0;\n  padding: 0;\n  width: 22px;\n  height: 22px;\n  border-radius: 4px;\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__activeShadow,\n.SimpleCheckbox--vkcom .SimpleCheckbox__hoverShadow {\n  margin: 3px;\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  overflow: hidden;\n  border-radius: inherit;\n  transition: inherit;\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--active .SimpleCheckbox__activeShadow {\n  background-color: var(--background_highlighted);\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--hover .SimpleCheckbox__hoverShadow {\n  background-color: var(--background_hover);\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__icon {\n  border-radius: 3px;\n  padding: 1px;\n  border-width: 1px;\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__input[disabled] ~ .SimpleCheckbox__container {\n  opacity: .4;\n}\n"],"sourceRoot":""}
+{"version":3,"file":"unstable.css","mappings":"AAAA,iBACE,iBACF,CAEA,wBACE,cACF,CAEA,wBACE,iBAAkB,CAClB,aAA4B,CAA5B,2BACF,CAEA,6FAEE,2BAA4B,CAC5B,4BACF,CAEA,uFACE,wBAAyB,CACzB,yBACF,CCtBA,oBACE,aAAc,CACd,YAAa,CACb,YAAa,CACb,UAAW,CACX,WAAY,CACZ,iBACF,CAEA,2BACE,iBAAkB,CAClB,uBAAwB,CAExB,eACF,CAEA,+BACE,YAAa,CACb,sBAAuB,CACvB,0BACF,CAEA,0BACE,aAAc,CACd,QAAS,CACT,qBAAsB,CACtB,iBAAkB,CAClB,YACF,CAEA,8BACE,aAAoB,CAApB,mBAAoB,CACpB,YACF,CAEA,yCACE,aAAoB,CAApB,mBAAoB,CACpB,YACF,CAEA,+BACE,aAA2B,CAA3B,0BACF,CAEA,gGAGE,YACF,CAEA,kNAME,YACF,CAEA,iHAGE,YACF,CAEA,6MAME,YACF,CAEA,oEACE,UACF,CAEA,0HAEE,WAAY,CACZ,WAAY,CACZ,UAAW,CACX,WACF,CAEA,2BACE,QAAS,CACT,SAAU,CACV,UAAW,CACX,WAAY,CACZ,iBACF,CAEA,yHAEE,UAAW,CACX,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,mBAAoB,CACpB,eAAgB,CAChB,qBAAsB,CACtB,kBACF,CAEA,wFACE,gCAA+C,CAA/C,8CACF,CAEA,sFACE,gCAAyC,CAAzC,wCACF,CAEA,qDACE,iBAAkB,CAClB,WAAY,CACZ,gBACF,CAEA,+FAGE,UACF,CChIA,cACE,6CAAuC,CAAvC,qCAAuC,CACvC,eAAqC,CAArC,oCACF,CAEA,mBACE,2DAAqE,CACrE,kBACF,CAEA,uBACE,4DAAsE,CACtE,kBACF,CAEA,qBACE,6DAAuE,CACvE,kBACF,CClBA,iBACE,iBAAkB,CAClB,6BAKC,CAED,oBAAqB,CACrB,UAAmB,CAAnB,kBAAmB,CACnB,6DAAuE,CACvE,6CAAuC,CAAvC,qCACF,CAEA,wBACE,wBACF,CCjBA,iBACE,6DAAuE,CACvE,iBAAkB,CAClB,eAAqC,CAArC,oCAAqC,CACrC,6CAAuC,CAAvC,qCACF,CAEA,wBACE,UAAgC,CAAhC,+BACF,C","sources":["webpack://@vkontakte/vkui/./src/components/ChipsSelect/ChipsSelect.css","webpack://@vkontakte/vkui/./src/components/SimpleCheckbox/SimpleCheckbox.css","webpack://@vkontakte/vkui/./src/components/Dropdown/Dropdown.css","webpack://@vkontakte/vkui/./src/components/TextTooltip/TextTooltip.css","webpack://@vkontakte/vkui/./src/components/RichTooltip/RichTooltip.css"],"sourcesContent":[".ChipsSelect {\n  position: relative;\n}\n\n.ChipsSelect__empty {\n  padding: 12px 0;\n}\n\n.ChipsSelect__empty {\n  text-align: center;\n  color: var(--text_secondary);\n}\n\n.ChipsSelect__open:not(.ChipsSelect__open--popupDirectionTop)\n  .FormField__border {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.ChipsSelect__open.ChipsSelect__open--popupDirectionTop .FormField__border {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n",".SimpleCheckbox {\n  display: block;\n  margin: -10px;\n  padding: 10px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n\n.SimpleCheckbox__input {\n  position: absolute;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.SimpleCheckbox__container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n.SimpleCheckbox__icon {\n  flex-shrink: 0;\n  margin: 0;\n  box-sizing: border-box;\n  border-radius: 4px;\n  display: flex;\n}\n\n.SimpleCheckbox__icon--on {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--indeterminate {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--off {\n  color: var(--icon_tertiary);\n}\n\n.SimpleCheckbox__input:checked\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--on {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--indeterminate,\n.SimpleCheckbox__input:checked\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--indeterminate {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--on,\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input[disabled] ~ .SimpleCheckbox__container {\n  opacity: 0.6;\n}\n\n.SimpleCheckbox--ios.SimpleCheckbox--sizeY-compact,\n.SimpleCheckbox--android.SimpleCheckbox--sizeY-compact {\n  margin: -8px;\n  padding: 8px;\n  width: 20px;\n  height: 20px;\n}\n\n.SimpleCheckbox--vkcom {\n  margin: 0;\n  padding: 0;\n  width: 22px;\n  height: 22px;\n  border-radius: 4px;\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__activeShadow,\n.SimpleCheckbox--vkcom .SimpleCheckbox__hoverShadow {\n  margin: 3px;\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  overflow: hidden;\n  border-radius: inherit;\n  transition: inherit;\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--active .SimpleCheckbox__activeShadow {\n  background-color: var(--background_highlighted);\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--hover .SimpleCheckbox__hoverShadow {\n  background-color: var(--background_hover);\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__icon {\n  border-radius: 3px;\n  padding: 1px;\n  border-width: 1px;\n}\n\n.SimpleCheckbox--vkcom\n  .SimpleCheckbox__input[disabled]\n  ~ .SimpleCheckbox__container {\n  opacity: 0.4;\n}\n",".Dropdown {\n  animation: vkui-popper-fadein 0.2s ease;\n  background: var(--background_content);\n}\n\n.Dropdown--ios {\n  box-shadow: 0 0 96px rgba(0, 0, 0, 0.16), 0 0 2px rgba(0, 0, 0, 0.12);\n  border-radius: 14px;\n}\n\n.Dropdown--android {\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 8px 8px rgba(0, 0, 0, 0.16);\n  border-radius: 12px;\n}\n\n.Dropdown--vkcom {\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.08);\n  border-radius: 12px;\n}\n",".TextTooltip {\n  border-radius: 8px;\n  background: rgba(\n    44,\n    45,\n    46,\n    0.88\n  ); /*TODO узнать у дизайнеров название токена*/\n\n  padding: 8px 12px 9px;\n  color: var(--white);\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 32px rgba(0, 0, 0, 0.16);\n  animation: vkui-popper-fadein 0.2s ease;\n}\n\n.TextTooltip__arrow {\n  color: rgba(44, 45, 46, 0.88);\n}\n",".RichTooltip {\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 32px rgba(0, 0, 0, 0.16);\n  border-radius: 8px;\n  background: var(--background_content);\n  animation: vkui-popper-fadein 0.2s ease;\n}\n\n.RichTooltip__arrow {\n  color: var(--background_content);\n}\n"],"names":[],"sourceRoot":""}