@vkontakte/vkui 4.28.1 → 4.29.0

package/dist/lib/warnOnce.d.ts

@@ -1 +1,2 @@
-export declare function warnOnce(zone: string): (message: string) => void;
+export declare type WarnOnceHandler = (message: string, type?: "warn" | "error") => void;
+export declare function warnOnce(zone: string): WarnOnceHandler;

package/dist/lib/warnOnce.js

@@ -1,8 +1,10 @@
 export function warnOnce(zone) {
   var didWarn = {};
   return function (message) {
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "warn";
+
     if (!didWarn[message]) {
-      console.error("[VKUI/".concat(zone, "] ").concat(message));
+      console[type]("[VKUI/".concat(zone, "] ").concat(message));
       didWarn[message] = true;
     }
   };

package/dist/lib/warnOnce.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/warnOnce.ts"],"names":["warnOnce","zone","didWarn","message","console","error"],"mappings":"AAAA,OAAO,SAASA,QAAT,CAAkBC,IAAlB,EAAgC;AACrC,MAAMC,OAAmC,GAAG,EAA5C;AACA,SAAO,UAACC,OAAD,EAAqB;AAC1B,QAAI,CAACD,OAAO,CAACC,OAAD,CAAZ,EAAuB;AACrBC,MAAAA,OAAO,CAACC,KAAR,iBAAuBJ,IAAvB,eAAgCE,OAAhC;AACAD,MAAAA,OAAO,CAACC,OAAD,CAAP,GAAmB,IAAnB;AACD;AACF,GALD;AAMD","sourcesContent":["export function warnOnce(zone: string) {\n  const didWarn: { [msg: string]: boolean } = {};\n  return (message: string) => {\n    if (!didWarn[message]) {\n      console.error(`[VKUI/${zone}] ${message}`);\n      didWarn[message] = true;\n    }\n  };\n}\n"],"file":"warnOnce.js"}
+{"version":3,"sources":["../../src/lib/warnOnce.ts"],"names":["warnOnce","zone","didWarn","message","type","console"],"mappings":"AAKA,OAAO,SAASA,QAAT,CAAkBC,IAAlB,EAAiD;AACtD,MAAMC,OAAmC,GAAG,EAA5C;AAEA,SAAO,UAACC,OAAD,EAAsD;AAAA,QAApCC,IAAoC,uEAAX,MAAW;;AAC3D,QAAI,CAACF,OAAO,CAACC,OAAD,CAAZ,EAAuB;AACrBE,MAAAA,OAAO,CAACD,IAAD,CAAP,iBAAuBH,IAAvB,eAAgCE,OAAhC;AACAD,MAAAA,OAAO,CAACC,OAAD,CAAP,GAAmB,IAAnB;AACD;AACF,GALD;AAMD","sourcesContent":["export type WarnOnceHandler = (\n  message: string,\n  type?: \"warn\" | \"error\"\n) => void;\n\nexport function warnOnce(zone: string): WarnOnceHandler {\n  const didWarn: { [msg: string]: boolean } = {};\n\n  return (message: string, type: \"warn\" | \"error\" = \"warn\") => {\n    if (!didWarn[message]) {\n      console[type](`[VKUI/${zone}] ${message}`);\n      didWarn[message] = true;\n    }\n  };\n}\n"],"file":"warnOnce.js"}

package/dist/tokenized/index.d.ts

@@ -1,18 +1,18 @@
-export { default as Button } from "../components/Button/Button";
+export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
 export { Card } from "../components/Card/Card";
 export type { CardProps } from "../components/Card/Card";
 export { CardScroll } from "../components/CardScroll/CardScroll";
 export type { CardScrollProps } from "../components/CardScroll/CardScroll";
-export { default as HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
+export { HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
 export type { HorizontalScrollProps } from "../components/HorizontalScroll/HorizontalScroll";
 export { ButtonGroup } from "../components/ButtonGroup/ButtonGroup";
 export type { ButtonGroupProps } from "../components/ButtonGroup/ButtonGroup";
 export { SegmentedControl } from "../components/SegmentedControl/SegmentedControl";
 export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "../components/SegmentedControl/SegmentedControl";
-export { default as Title } from "../components/Typography/Title/Title";
+export { Title } from "../components/Typography/Title/Title";
 export type { TitleProps } from "../components/Typography/Title/Title";
-export { default as Subhead } from "../components/Typography/Subhead/Subhead";
+export { Subhead } from "../components/Typography/Subhead/Subhead";
 export type { SubheadProps } from "../components/Typography/Subhead/Subhead";
 export { Pagination } from "../components/Pagination/Pagination";
 export type { PaginationProps } from "../components/Pagination/Pagination";
@@ -22,3 +22,21 @@ export { CalendarRange } from "../components/CalendarRange/CalendarRange";
 export type { CalendarRangeProps } from "../components/CalendarRange/CalendarRange";
 export { Caption } from "../components/Typography/Caption/Caption";
 export type { CaptionProps } from "../components/Typography/Caption/Caption";
+export { Paragraph } from "../components/Typography/Paragraph/Paragraph";
+export type { ParagraphProps } from "../components/Typography/Paragraph/Paragraph";
+export { Input } from "../components/Input/Input";
+export type { InputProps } from "../components/Input/Input";
+export { FormField } from "../components/FormField/FormField";
+export type { FormFieldProps } from "../components/FormField/FormField";
+export { Select } from "../components/Select/Select";
+export type { SelectProps } from "../components/Select/Select";
+export { CustomSelect } from "../components/CustomSelect/CustomSelect";
+export type { CustomSelectProps } from "../components/CustomSelect/CustomSelect";
+export { CustomSelectDropdown } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+export type { CustomSelectDropdownProps } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+export { CustomSelectOption } from "../components/CustomSelectOption/CustomSelectOption";
+export type { CustomSelectOptionProps } from "../components/CustomSelectOption/CustomSelectOption";
+export { ChipsInput } from "../components/ChipsInput/ChipsInput";
+export type { ChipsInputProps } from "../components/ChipsInput/ChipsInput";
+export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
+export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";

package/dist/tokenized/index.js

@@ -1,13 +1,22 @@
-export { default as Button } from "../components/Button/Button";
+export { Button } from "../components/Button/Button";
 export { Card } from "../components/Card/Card";
 export { CardScroll } from "../components/CardScroll/CardScroll";
-export { default as HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
+export { HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
 export { ButtonGroup } from "../components/ButtonGroup/ButtonGroup";
 export { SegmentedControl } from "../components/SegmentedControl/SegmentedControl";
-export { default as Title } from "../components/Typography/Title/Title";
-export { default as Subhead } from "../components/Typography/Subhead/Subhead";
+export { Title } from "../components/Typography/Title/Title";
+export { Subhead } from "../components/Typography/Subhead/Subhead";
 export { Pagination } from "../components/Pagination/Pagination";
 export { Calendar } from "../components/Calendar/Calendar";
 export { CalendarRange } from "../components/CalendarRange/CalendarRange";
 export { Caption } from "../components/Typography/Caption/Caption";
+export { Paragraph } from "../components/Typography/Paragraph/Paragraph";
+export { Input } from "../components/Input/Input";
+export { FormField } from "../components/FormField/FormField";
+export { Select } from "../components/Select/Select";
+export { CustomSelect } from "../components/CustomSelect/CustomSelect";
+export { CustomSelectDropdown } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+export { CustomSelectOption } from "../components/CustomSelectOption/CustomSelectOption";
+export { ChipsInput } from "../components/ChipsInput/ChipsInput";
+export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
 //# sourceMappingURL=index.js.map

package/dist/tokenized/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tokenized/index.ts"],"names":["default","Button","Card","CardScroll","HorizontalScroll","ButtonGroup","SegmentedControl","Title","Subhead","Pagination","Calendar","CalendarRange","Caption"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB;AAGA,SAASC,IAAT;AAGA,SAASC,UAAT;AAGA,SAASH,OAAO,IAAII,gBAApB;AAGA,SAASC,WAAT;AAGA,SAASC,gBAAT;AAOA,SAASN,OAAO,IAAIO,KAApB;AAGA,SAASP,OAAO,IAAIQ,OAApB;AAGA,SAASC,UAAT;AAGA,SAASC,QAAT;AAGA,SAASC,aAAT;AAGA,SAASC,OAAT","sourcesContent":["export { default as Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n\nexport { Card } from \"../components/Card/Card\";\nexport type { CardProps } from \"../components/Card/Card\";\n\nexport { CardScroll } from \"../components/CardScroll/CardScroll\";\nexport type { CardScrollProps } from \"../components/CardScroll/CardScroll\";\n\nexport { default as HorizontalScroll } from \"../components/HorizontalScroll/HorizontalScroll\";\nexport type { HorizontalScrollProps } from \"../components/HorizontalScroll/HorizontalScroll\";\n\nexport { ButtonGroup } from \"../components/ButtonGroup/ButtonGroup\";\nexport type { ButtonGroupProps } from \"../components/ButtonGroup/ButtonGroup\";\n\nexport { SegmentedControl } from \"../components/SegmentedControl/SegmentedControl\";\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from \"../components/SegmentedControl/SegmentedControl\";\n\nexport { default as Title } from \"../components/Typography/Title/Title\";\nexport type { TitleProps } from \"../components/Typography/Title/Title\";\n\nexport { default as Subhead } from \"../components/Typography/Subhead/Subhead\";\nexport type { SubheadProps } from \"../components/Typography/Subhead/Subhead\";\n\nexport { Pagination } from \"../components/Pagination/Pagination\";\nexport type { PaginationProps } from \"../components/Pagination/Pagination\";\n\nexport { Calendar } from \"../components/Calendar/Calendar\";\nexport type { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport { CalendarRange } from \"../components/CalendarRange/CalendarRange\";\nexport type { CalendarRangeProps } from \"../components/CalendarRange/CalendarRange\";\n\nexport { Caption } from \"../components/Typography/Caption/Caption\";\nexport type { CaptionProps } from \"../components/Typography/Caption/Caption\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/tokenized/index.ts"],"names":["Button","Card","CardScroll","HorizontalScroll","ButtonGroup","SegmentedControl","Title","Subhead","Pagination","Calendar","CalendarRange","Caption","Paragraph","Input","FormField","Select","CustomSelect","CustomSelectDropdown","CustomSelectOption","ChipsInput","ChipsSelect"],"mappings":"AAAA,SAASA,MAAT;AAGA,SAASC,IAAT;AAGA,SAASC,UAAT;AAGA,SAASC,gBAAT;AAGA,SAASC,WAAT;AAGA,SAASC,gBAAT;AAOA,SAASC,KAAT;AAGA,SAASC,OAAT;AAGA,SAASC,UAAT;AAGA,SAASC,QAAT;AAGA,SAASC,aAAT;AAGA,SAASC,OAAT;AAGA,SAASC,SAAT;AAGA,SAASC,KAAT;AAGA,SAASC,SAAT;AAGA,SAASC,MAAT;AAGA,SAASC,YAAT;AAGA,SAASC,oBAAT;AAGA,SAASC,kBAAT;AAGA,SAASC,UAAT;AAGA,SAASC,WAAT","sourcesContent":["export { Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n\nexport { Card } from \"../components/Card/Card\";\nexport type { CardProps } from \"../components/Card/Card\";\n\nexport { CardScroll } from \"../components/CardScroll/CardScroll\";\nexport type { CardScrollProps } from \"../components/CardScroll/CardScroll\";\n\nexport { HorizontalScroll } from \"../components/HorizontalScroll/HorizontalScroll\";\nexport type { HorizontalScrollProps } from \"../components/HorizontalScroll/HorizontalScroll\";\n\nexport { ButtonGroup } from \"../components/ButtonGroup/ButtonGroup\";\nexport type { ButtonGroupProps } from \"../components/ButtonGroup/ButtonGroup\";\n\nexport { SegmentedControl } from \"../components/SegmentedControl/SegmentedControl\";\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from \"../components/SegmentedControl/SegmentedControl\";\n\nexport { Title } from \"../components/Typography/Title/Title\";\nexport type { TitleProps } from \"../components/Typography/Title/Title\";\n\nexport { Subhead } from \"../components/Typography/Subhead/Subhead\";\nexport type { SubheadProps } from \"../components/Typography/Subhead/Subhead\";\n\nexport { Pagination } from \"../components/Pagination/Pagination\";\nexport type { PaginationProps } from \"../components/Pagination/Pagination\";\n\nexport { Calendar } from \"../components/Calendar/Calendar\";\nexport type { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport { CalendarRange } from \"../components/CalendarRange/CalendarRange\";\nexport type { CalendarRangeProps } from \"../components/CalendarRange/CalendarRange\";\n\nexport { Caption } from \"../components/Typography/Caption/Caption\";\nexport type { CaptionProps } from \"../components/Typography/Caption/Caption\";\n\nexport { Paragraph } from \"../components/Typography/Paragraph/Paragraph\";\nexport type { ParagraphProps } from \"../components/Typography/Paragraph/Paragraph\";\n\nexport { Input } from \"../components/Input/Input\";\nexport type { InputProps } from \"../components/Input/Input\";\n\nexport { FormField } from \"../components/FormField/FormField\";\nexport type { FormFieldProps } from \"../components/FormField/FormField\";\n\nexport { Select } from \"../components/Select/Select\";\nexport type { SelectProps } from \"../components/Select/Select\";\n\nexport { CustomSelect } from \"../components/CustomSelect/CustomSelect\";\nexport type { CustomSelectProps } from \"../components/CustomSelect/CustomSelect\";\n\nexport { CustomSelectDropdown } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\nexport type { CustomSelectDropdownProps } from \"../components/CustomSelectDropdown/CustomSelectDropdown\";\n\nexport { CustomSelectOption } from \"../components/CustomSelectOption/CustomSelectOption\";\nexport type { CustomSelectOptionProps } from \"../components/CustomSelectOption/CustomSelectOption\";\n\nexport { ChipsInput } from \"../components/ChipsInput/ChipsInput\";\nexport type { ChipsInputProps } from \"../components/ChipsInput/ChipsInput\";\n\nexport { ChipsSelect } from \"../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\n"],"file":"index.js"}

package/dist/unstable.css

@@ -1,3 +1,3 @@
-.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)}
+.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{padding:12px 0}.vkuiChipsSelect__empty{text-align:center;color:#818c99;color:var(--text_secondary, var(--vkui--color_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,"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":""}
+{"version":3,"file":"unstable.css","mappings":"AAAA,iBACE,iBACF,CAEA,wBACE,cACF,CAEA,wBACE,iBAAkB,CAClB,aAA+D,CAA/D,8DACF,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, var(--vkui--color_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":""}