@vkontakte/vkui 4.15.0 → 4.16.2

package/dist/lib/utils.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { Ref, RefWithCurrent } from '../types';
 export declare type ImgOnlyAttributes = {
     [index in Exclude<keyof React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>]: React.ImgHTMLAttributes<HTMLImageElement>[index];
 };
@@ -9,8 +8,8 @@ export declare function debounce<A extends any[]>(fn: (...args: A) => void, dela
 export declare function leadingZero(val: number): string;
 export declare function hasReactNode(value: React.ReactNode): boolean;
 export declare function isPrimitiveReactNode(node: React.ReactNode): boolean;
-export declare function setRef<T>(element: T, ref: Ref<T>): void;
-export declare function multiRef<T>(...refs: Array<Ref<T>>): RefWithCurrent<T>;
+export declare function setRef<T>(element: T, ref: React.Ref<T>): void;
+export declare function multiRef<T>(...refs: Array<React.Ref<T>>): React.RefObject<T>;
 export declare const noop: () => void;
 export declare function createCustomEvent(window: any, type: string, eventInitDict?: any): any;
 export declare function getTitleFromChildren(children: React.ReactNode): string;

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","createCustomEvent","window","type","eventInitDict","CustomEvent","options","bubbles","cancelable","detail","evt","document","createEvent","initCustomEvent","getTitleFromChildren","children","label","Children","map","child"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Ref, RefWithCurrent } from '../types';\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: Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      ref.current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<Ref<T>>): RefWithCurrent<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 createCustomEvent(window: any, type: string, eventInitDict?: any) {\n  if (typeof window.CustomEvent !== 'function') {\n    const options = eventInitDict || { bubbles: false, cancelable: false, detail: null };\n\n    const evt = window.document.createEvent('CustomEvent');\n    evt.initCustomEvent(\n      type,\n      options.bubbles,\n      options.cancelable,\n      options.detail,\n    );\n    return evt;\n  }\n\n  return new window.CustomEvent(type, eventInitDict);\n}\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","createCustomEvent","window","type","eventInitDict","CustomEvent","options","bubbles","cancelable","detail","evt","document","createEvent","initCustomEvent","getTitleFromChildren","children","label","Children","map","child"],"mappings":"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","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 createCustomEvent(window: any, type: string, eventInitDict?: any) {\n  if (typeof window.CustomEvent !== 'function') {\n    const options = eventInitDict || { bubbles: false, cancelable: false, detail: null };\n\n    const evt = window.document.createEvent('CustomEvent');\n    evt.initCustomEvent(\n      type,\n      options.bubbles,\n      options.cancelable,\n      options.detail,\n    );\n    return evt;\n  }\n\n  return new window.CustomEvent(type, eventInitDict);\n}\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/types.d.ts

@@ -3,15 +3,11 @@ 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 RefWithCurrent<T> = {
-    current: T | null;
-};
-export declare type Ref<T> = React.RefCallback<T> | RefWithCurrent<T>;
 export interface HasRootRef<T> {
-    getRootRef?: Ref<T>;
+    getRootRef?: React.Ref<T>;
 }
 export interface HasRef<T> {
-    getRef?: Ref<T>;
+    getRef?: React.Ref<T>;
 }
 export interface HasAlign {
     align?: AlignType;

package/dist/unstable/index.d.ts

@@ -5,3 +5,5 @@ 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';

package/dist/unstable/index.js

@@ -3,4 +3,5 @@
  */
 export { default as ChipsSelect } from "./../components/ChipsSelect/ChipsSelect";
 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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,WAApB;AAGA,SAASD,OAAO,IAAIE,YAApB","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"],"file":"index.js"}
+{"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"}

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}
+.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:#3f8ae0;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--indeterminate{color:#3f8ae0;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}
 
 /*# sourceMappingURL=unstable.css.map*/

package/dist/unstable.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/components/ChipsSelect/ChipsSelect.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,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"],"sourceRoot":""}
+{"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":""}