@vkontakte/vkui 4.35.0 → 4.35.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.cache/.tsbuildinfo +10 -10
- package/dist/cjs/components/Banner/Banner.js +41 -47
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js +3 -0
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +1 -2
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/Popper/Popper.js +53 -50
- package/dist/cjs/components/Popper/Popper.js.map +1 -1
- package/dist/cjs/lib/platform.js +9 -4
- package/dist/cjs/lib/platform.js.map +1 -1
- package/dist/components/Banner/Banner.js +41 -48
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js +2 -0
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +2 -2
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js +1 -2
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/Popper/Popper.js +53 -50
- package/dist/components/Popper/Popper.js.map +1 -1
- package/dist/components.css +13 -13
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/Banner/Banner.js +41 -48
- package/dist/cssm/components/Banner/Banner.js.map +1 -1
- package/dist/cssm/components/Button/Button.css +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.css +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.css +1 -1
- package/dist/cssm/components/Card/Card.css +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.css +1 -1
- package/dist/cssm/components/Cell/Cell.css +1 -1
- package/dist/cssm/components/CellButton/CellButton.css +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.css +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js +2 -0
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.css +1 -1
- package/dist/cssm/components/Dropdown/Dropdown.css +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.css +1 -1
- package/dist/cssm/components/FormItem/FormItem.css +1 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.css +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +2 -2
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.css +1 -1
- package/dist/cssm/components/Panel/Panel.css +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.css +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.css +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +1 -2
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/Popper/Popper.js +53 -50
- package/dist/cssm/components/Popper/Popper.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.css +1 -1
- package/dist/cssm/components/RadioGroup/RadioGroup.css +1 -1
- package/dist/cssm/components/Removable/Removable.css +1 -1
- package/dist/cssm/components/RichCell/RichCell.css +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.css +1 -1
- package/dist/cssm/components/Spacing/Spacing.css +1 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.css +1 -1
- package/dist/cssm/components/Switch/Switch.css +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.css +1 -1
- package/dist/cssm/components/Typography/Text/Text.css +1 -1
- package/dist/cssm/lib/platform.js +8 -3
- package/dist/cssm/lib/platform.js.map +1 -1
- package/dist/cssm/styles/components.css +13 -13
- package/dist/cssm/styles/unstable.css +1 -1
- package/dist/lib/platform.js +8 -3
- package/dist/lib/platform.js.map +1 -1
- package/dist/unstable.css +1 -1
- package/dist/unstable.css.map +1 -1
- package/dist/vkui.css +13 -13
- package/dist/vkui.css.map +1 -1
- package/package.json +1 -1
- package/src/components/Banner/Banner.tsx +58 -63
- package/src/components/CustomSelect/CustomSelect.tsx +1 -1
- package/src/components/CustomSelectDropdown/CustomSelectDropdown.tsx +2 -0
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +2 -2
- package/src/components/PanelHeader/PanelHeader.css +8 -13
- package/src/components/PanelHeaderContent/PanelHeaderContent.css +8 -2
- package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +1 -2
- package/src/components/Popper/Popper.tsx +37 -31
- package/src/components/Spacing/Readme.md +20 -20
- package/src/components/Spacing/Spacing.css +5 -1
- package/src/components/Typography/Headline/Headline.css +10 -0
- package/src/components/Typography/Text/Text.css +10 -0
- package/src/lib/platform.ts +12 -6
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiSimpleCheckbox{border-radius:50%;display:block;height:24px;margin:-10px;padding:10px;width:24px}.vkuiSimpleCheckbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.vkuiSimpleCheckbox__container{align-items:flex-start;display:flex;justify-content:flex-start}.vkuiSimpleCheckbox__icon{border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;margin:0}.vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__icon--on{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:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact{height:20px;margin:-8px;padding:8px;width:20px}.vkuiSimpleCheckbox--vkcom{border-radius:4px;height:22px;margin:0;padding:0;width:22px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{border-radius:inherit;bottom:0;height:16px;left:0;margin:3px;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:inherit;width:16px}.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;border-width:1px;padding: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(--modal_card_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));position:relative}.vkuiDropdown:before{bottom
|
|
1
|
+
.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiSimpleCheckbox{border-radius:50%;display:block;height:24px;margin:-10px;padding:10px;width:24px}.vkuiSimpleCheckbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.vkuiSimpleCheckbox__container{align-items:flex-start;display:flex;justify-content:flex-start}.vkuiSimpleCheckbox__icon{border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;margin:0}.vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__icon--on{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:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact{height:20px;margin:-8px;padding:8px;width:20px}.vkuiSimpleCheckbox--vkcom{border-radius:4px;height:22px;margin:0;padding:0;width:22px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{border-radius:inherit;bottom:0;height:16px;left:0;margin:3px;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:inherit;width:16px}.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;border-width:1px;padding: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(--modal_card_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));position:relative}.vkuiDropdown:before{bottom:calc(-1 * 8px);bottom:calc(-1 * var(--popover-safe-zone-padding));content:"";left:calc(-1 * 8px);left:calc(-1 * var(--popover-safe-zone-padding));position:absolute;right:calc(-1 * 8px);right:calc(-1 * var(--popover-safe-zone-padding));top:calc(-1 * 8px);top:calc(-1 * var(--popover-safe-zone-padding));z-index:-1}.vkuiTextTooltip{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background-color:#fff;background-color:var(--vkui--color_background_modal,#fff);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#000;color:var(--vkui--color_text_primary,#000);padding:8px 12px 9px}.vkuiTextTooltip__arrow{color:#fff;color:var(--vkui--color_background_modal,#fff)}.vkuiTextTooltip--accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint,#5a9eff);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiTextTooltip--accent .vkuiTextTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint,#5a9eff)}.vkuiTextTooltip--white{background-color:#fff;background-color:var(--vkui--color_background_contrast,#fff);color:#000;color:var(--vkui--color_text_primary_invariably,#000)}.vkuiTextTooltip--white .vkuiTextTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast,#fff)}.vkuiTextTooltip--black{background-color:#2d2d2e;background-color:var(--vkui--color_background_contrast_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiTextTooltip--black .vkuiTextTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiTextTooltip--inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast_themed,#fff)}.vkuiTextTooltip--inversion .vkuiTextTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse,#2d2d2e)}.vkuiRichTooltip{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background-color:#fff;background-color:var(
|
|
2
2
|
--background_content,var(--vkui--color_background_modal)
|
|
3
3
|
);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#000;color:var(--vkui--color_text_primary,#000)}.vkuiRichTooltip__arrow{color:#fff;color:var(--background_content,var(--vkui--color_background_modal))}.vkuiRichTooltip--accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint,#5a9eff);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiRichTooltip--accent .vkuiRichTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint,#5a9eff)}.vkuiRichTooltip--white{background-color:#fff;background-color:var(--vkui--color_background_contrast,#fff);color:#000;color:var(--vkui--color_text_primary_invariably,#000)}.vkuiRichTooltip--white .vkuiRichTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast,#fff)}.vkuiRichTooltip--black{background-color:#2d2d2e;background-color:var(--vkui--color_background_contrast_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiRichTooltip--black .vkuiRichTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiRichTooltip--inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast_themed,#fff)}.vkuiRichTooltip--inversion .vkuiRichTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse,#2d2d2e)}
|
package/dist/lib/platform.js
CHANGED
|
@@ -23,9 +23,14 @@ function isPlatformAlias(platformAlias) {
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
function getPlatformByQueryString(queryString) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
try {
|
|
27
|
+
var parsedQuery = querystring.parse(queryString);
|
|
28
|
+
var platformAliasByQuery = parsedQuery["vk_platform"];
|
|
29
|
+
return typeof platformAliasByQuery === "string" && isPlatformAlias(platformAliasByQuery) ? PLATFORM_ALIAS[platformAliasByQuery] : undefined;
|
|
30
|
+
} catch (e) {
|
|
31
|
+
console.warn(e);
|
|
32
|
+
return undefined;
|
|
33
|
+
}
|
|
29
34
|
}
|
|
30
35
|
|
|
31
36
|
var platformByQueryString = canUseDOM ? getPlatformByQueryString(location.search) : undefined;
|
package/dist/lib/platform.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/lib/platform.ts"],"names":["computeBrowserInfo","querystring","canUseDOM","Platform","PLATFORM_ALIAS","desktop_web","VKCOM","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","parse","platformAliasByQuery","undefined","platformByQueryString","location","search","ANDROID","IOS","platform","browserInfo","system","platformName","IS_PLATFORM_IOS","IS_PLATFORM_ANDROID"],"mappings":"AAAA,SAAsBA,kBAAtB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,SAAT;AAEA,WAAYC,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAMZ,IAAMC,cAAc,GAAG;AACrBC,EAAAA,WAAW,EAAEF,QAAQ,CAACG;AADD,CAAvB;;AAIA,SAASC,eAAT,CACEC,aADF,EAEgD;AAC9C,SAAOA,aAAa,IAAIJ,cAAxB;AACD;AAED;AACA;AACA;AACA;;;AACA,SAASK,wBAAT,CAAkCC,WAAlC,EAA6E;AAC3E,
|
|
1
|
+
{"version":3,"sources":["../../src/lib/platform.ts"],"names":["computeBrowserInfo","querystring","canUseDOM","Platform","PLATFORM_ALIAS","desktop_web","VKCOM","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","location","search","ANDROID","IOS","platform","browserInfo","system","platformName","IS_PLATFORM_IOS","IS_PLATFORM_ANDROID"],"mappings":"AAAA,SAAsBA,kBAAtB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,SAAT;AAEA,WAAYC,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAMZ,IAAMC,cAAc,GAAG;AACrBC,EAAAA,WAAW,EAAEF,QAAQ,CAACG;AADD,CAAvB;;AAIA,SAASC,eAAT,CACEC,aADF,EAEgD;AAC9C,SAAOA,aAAa,IAAIJ,cAAxB;AACD;AAED;AACA;AACA;AACA;;;AACA,SAASK,wBAAT,CAAkCC,WAAlC,EAA6E;AAC3E,MAAI;AACF,QAAMC,WAAW,GAAGV,WAAW,CAACW,KAAZ,CAAkBF,WAAlB,CAApB;AACA,QAAMG,oBAAoB,GAAGF,WAAW,CAAC,aAAD,CAAxC;AAEA,WAAO,OAAOE,oBAAP,KAAgC,QAAhC,IACLN,eAAe,CAACM,oBAAD,CADV,GAEHT,cAAc,CAACS,oBAAD,CAFX,GAGHC,SAHJ;AAID,GARD,CAQE,OAAOC,CAAP,EAAU;AACVC,IAAAA,OAAO,CAACC,IAAR,CAAaF,CAAb;AAEA,WAAOD,SAAP;AACD;AACF;;AAED,IAAMI,qBAAqB,GAAGhB,SAAS,GACnCO,wBAAwB,CAACU,QAAQ,CAACC,MAAV,CADW,GAEnCN,SAFJ;AAIA,OAAO,IAAMO,OAAO,GAAGlB,QAAQ,CAACkB,OAAzB;AACP,OAAO,IAAMC,GAAG,GAAGnB,QAAQ,CAACmB,GAArB;AACP,OAAO,IAAMhB,KAAK,GAAGH,QAAQ,CAACG,KAAvB;AAQP,OAAO,SAASiB,QAAT,CAAkBC,WAAlB,EAA2D;AAChE,MAAIN,qBAAJ,EAA2B;AACzB,WAAOA,qBAAP;AACD;;AAED,MAAI,CAACM,WAAL,EAAkB;AAChBA,IAAAA,WAAW,GAAGxB,kBAAkB,EAAhC;AACD;;AAED,SAAOwB,WAAW,CAACC,MAAZ,KAAuB,KAAvB,GAA+BH,GAA/B,GAAqCD,OAA5C;AACD;AAED,IAAMK,YAAY,GAAGH,QAAQ,EAA7B;AAEA;AACA;AACA;;AACA,OAAO,IAAMI,eAAwB,GAAGD,YAAY,KAAKJ,GAAlD;AACP;AACA;AACA;;AACA,OAAO,IAAMM,mBAA4B,GAAGF,YAAY,KAAKL,OAAtD","sourcesContent":["import { BrowserInfo, computeBrowserInfo } from \"./browser\";\nimport { querystring } from \"@vkontakte/vkjs\";\nimport { canUseDOM } from \"./dom\";\n\nexport enum Platform {\n ANDROID = \"android\",\n IOS = \"ios\",\n VKCOM = \"vkcom\",\n}\n\nconst PLATFORM_ALIAS = {\n desktop_web: Platform.VKCOM,\n};\n\nfunction isPlatformAlias(\n platformAlias: string\n): platformAlias is keyof typeof PLATFORM_ALIAS {\n return platformAlias in PLATFORM_ALIAS;\n}\n\n/**\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n try {\n const parsedQuery = querystring.parse(queryString);\n const platformAliasByQuery = parsedQuery[\"vk_platform\"];\n\n return typeof platformAliasByQuery === \"string\" &&\n isPlatformAlias(platformAliasByQuery)\n ? PLATFORM_ALIAS[platformAliasByQuery]\n : undefined;\n } catch (e) {\n console.warn(e);\n\n return undefined;\n }\n}\n\nconst platformByQueryString = canUseDOM\n ? getPlatformByQueryString(location.search)\n : undefined;\n\nexport const ANDROID = Platform.ANDROID;\nexport const IOS = Platform.IOS;\nexport const VKCOM = Platform.VKCOM;\n\nexport type PlatformType =\n | Platform.ANDROID\n | Platform.IOS\n | Platform.VKCOM\n | string;\n\nexport function platform(browserInfo?: BrowserInfo): PlatformType {\n if (platformByQueryString) {\n return platformByQueryString;\n }\n\n if (!browserInfo) {\n browserInfo = computeBrowserInfo();\n }\n\n return browserInfo.system === \"ios\" ? IOS : ANDROID;\n}\n\nconst platformName = platform();\n\n/**\n * @deprecated для определения платформы используйте withPlatform или usePlatform\n */\nexport const IS_PLATFORM_IOS: boolean = platformName === IOS;\n/**\n * @deprecated для определения платформы используйте withPlatform или usePlatform\n */\nexport const IS_PLATFORM_ANDROID: boolean = platformName === ANDROID;\n"],"file":"platform.js"}
|
package/dist/unstable.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiSimpleCheckbox{border-radius:50%;display:block;height:24px;margin:-10px;padding:10px;width:24px}.vkuiSimpleCheckbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.vkuiSimpleCheckbox__container{align-items:flex-start;display:flex;justify-content:flex-start}.vkuiSimpleCheckbox__icon{border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;margin:0}.vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__icon--on{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:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact{height:20px;margin:-8px;padding:8px;width:20px}.vkuiSimpleCheckbox--vkcom{border-radius:4px;height:22px;margin:0;padding:0;width:22px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{border-radius:inherit;bottom:0;height:16px;left:0;margin:3px;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:inherit;width:16px}.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;border-width:1px;padding: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(--modal_card_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));position:relative}.vkuiDropdown:before{bottom
|
|
1
|
+
.vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiSimpleCheckbox{border-radius:50%;display:block;height:24px;margin:-10px;padding:10px;width:24px}.vkuiSimpleCheckbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.vkuiSimpleCheckbox__container{align-items:flex-start;display:flex;justify-content:flex-start}.vkuiSimpleCheckbox__icon{border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;margin:0}.vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__icon--on{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:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact{height:20px;margin:-8px;padding:8px;width:20px}.vkuiSimpleCheckbox--vkcom{border-radius:4px;height:22px;margin:0;padding:0;width:22px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{border-radius:inherit;bottom:0;height:16px;left:0;margin:3px;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:inherit;width:16px}.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;border-width:1px;padding: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(--modal_card_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));position:relative}.vkuiDropdown:before{bottom:calc(-1 * 8px);bottom:calc(-1 * var(--popover-safe-zone-padding));content:"";left:calc(-1 * 8px);left:calc(-1 * var(--popover-safe-zone-padding));position:absolute;right:calc(-1 * 8px);right:calc(-1 * var(--popover-safe-zone-padding));top:calc(-1 * 8px);top:calc(-1 * var(--popover-safe-zone-padding));z-index:-1}.vkuiTextTooltip{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background-color:#fff;background-color:var(--vkui--color_background_modal,#fff);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#000;color:var(--vkui--color_text_primary,#000);padding:8px 12px 9px}.vkuiTextTooltip__arrow{color:#fff;color:var(--vkui--color_background_modal,#fff)}.vkuiTextTooltip--accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint,#5a9eff);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiTextTooltip--accent .vkuiTextTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint,#5a9eff)}.vkuiTextTooltip--white{background-color:#fff;background-color:var(--vkui--color_background_contrast,#fff);color:#000;color:var(--vkui--color_text_primary_invariably,#000)}.vkuiTextTooltip--white .vkuiTextTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast,#fff)}.vkuiTextTooltip--black{background-color:#2d2d2e;background-color:var(--vkui--color_background_contrast_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiTextTooltip--black .vkuiTextTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiTextTooltip--inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast_themed,#fff)}.vkuiTextTooltip--inversion .vkuiTextTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse,#2d2d2e)}.vkuiRichTooltip{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background-color:#fff;background-color:var(
|
|
2
2
|
--background_content,var(--vkui--color_background_modal)
|
|
3
3
|
);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#000;color:var(--vkui--color_text_primary,#000)}.vkuiRichTooltip__arrow{color:#fff;color:var(--background_content,var(--vkui--color_background_modal))}.vkuiRichTooltip--accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint,#5a9eff);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiRichTooltip--accent .vkuiRichTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint,#5a9eff)}.vkuiRichTooltip--white{background-color:#fff;background-color:var(--vkui--color_background_contrast,#fff);color:#000;color:var(--vkui--color_text_primary_invariably,#000)}.vkuiRichTooltip--white .vkuiRichTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast,#fff)}.vkuiRichTooltip--black{background-color:#2d2d2e;background-color:var(--vkui--color_background_contrast_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiRichTooltip--black .vkuiRichTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiRichTooltip--inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast_themed,#fff)}.vkuiRichTooltip--inversion .vkuiRichTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse,#2d2d2e)}
|
|
4
4
|
|
package/dist/unstable.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unstable.css","mappings":"AAAA,iBACE,iBACF,CAEA,wBAGE,aAA+D,CAA/D,6DAA+D,CAF/D,cAAe,CACf,iBAEF,CCRA,oBAME,iBAAkB,CALlB,aAAc,CAId,WAAY,CAHZ,YAAa,CACb,YAAa,CACb,UAGF,CAEA,2BAEE,uBAAwB,CACxB,oBAAqB,CACrB,eAAgB,CAHhB,iBAIF,CAEA,+BAEE,sBAAuB,CADvB,YAAa,CAEb,0BACF,CAEA,0BAIE,iBAAkB,CADlB,qBAAsB,CAEtB,YAAa,CAJb,aAAc,CACd,QAIF,CAOA,uEACE,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,0HAKE,WAAY,CAHZ,WAAY,CACZ,WAAY,CACZ,UAEF,CAEA,2BAKE,iBAAkB,CADlB,WAAY,CAHZ,QAAS,CACT,SAAU,CACV,UAGF,CAEA,yHAYE,qBAAsB,CAJtB,QAAS,CAJT,WAAY,CAKZ,MAAO,CAPP,UAAW,CASX,eAAgB,CADhB,mBAAoB,CALpB,iBAAkB,CAElB,OAAQ,CADR,KAAM,CAON,kBAAmB,CAVnB,UAWF,CAEA,wFACE,gCAA+C,CAA/C,8CACF,CAEA,sFACE,gCAAyC,CAAzC,wCACF,CAEA,qDACE,iBAAkB,CAElB,gBAAiB,CADjB,WAEF,CAEA,+FAGE,UACF,CChIA,cAEE,6CAAuC,CAAvC,qCAAuC,CACvC,eAA6E,CAA7E,2EAA6E,CAC7E,iBAAuD,CAAvD,0DAAuD,CACvD,6DAAmC,CAAnC,qFAAmC,CAJnC,iBAKF,CAGA,qBAME,
|
|
1
|
+
{"version":3,"file":"unstable.css","mappings":"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","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 text-align: center;\n color: var(--text_secondary, var(--vkui--color_text_secondary));\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 position: relative;\n animation: vkui-popper-fadein 0.2s ease;\n background: var(--modal_card_background, var(--vkui--color_background_modal));\n border-radius: var(--vkui--size_border_radius--regular);\n box-shadow: var(--vkui--elevation3);\n}\n\n/* Создаём \"Safe Zone\" */\n.Dropdown::before {\n content: \"\";\n position: absolute;\n z-index: -1;\n top: calc(-1 * var(--popover-safe-zone-padding));\n right: calc(-1 * var(--popover-safe-zone-padding));\n bottom: calc(-1 * var(--popover-safe-zone-padding));\n left: calc(-1 * var(--popover-safe-zone-padding));\n}\n",".TextTooltip {\n border-radius: var(--vkui--size_border_radius--regular);\n background-color: var(--vkui--color_background_modal);\n padding: 8px 12px 9px;\n color: var(--vkui--color_text_primary);\n box-shadow: var(--vkui--elevation3);\n animation: vkui-popper-fadein 0.2s ease;\n}\n\n.TextTooltip__arrow {\n color: var(--vkui--color_background_modal);\n}\n\n.TextTooltip--accent {\n background-color: var(--vkui--color_background_accent_tint);\n color: var(--vkui--color_text_contrast);\n}\n\n.TextTooltip--accent .TextTooltip__arrow {\n color: var(--vkui--color_background_accent_tint);\n}\n\n.TextTooltip--white {\n background-color: var(--vkui--color_background_contrast);\n color: var(--vkui--color_text_primary_invariably);\n}\n\n.TextTooltip--white .TextTooltip__arrow {\n color: var(--vkui--color_background_contrast);\n}\n\n.TextTooltip--black {\n background-color: var(--vkui--color_background_contrast_inverse);\n color: var(--vkui--color_text_contrast);\n}\n\n.TextTooltip--black .TextTooltip__arrow {\n color: var(--vkui--color_background_contrast_inverse);\n}\n\n.TextTooltip--inversion {\n background-color: var(--vkui--color_background_modal_inverse);\n color: var(--vkui--color_text_contrast_themed);\n}\n\n.TextTooltip--inversion .TextTooltip__arrow {\n color: var(--vkui--color_background_modal_inverse);\n}\n",".RichTooltip {\n box-shadow: var(--vkui--elevation3);\n border-radius: var(--vkui--size_border_radius--regular);\n background-color: var(\n --background_content,\n var(--vkui--color_background_modal)\n );\n animation: vkui-popper-fadein 0.2s ease;\n color: var(--vkui--color_text_primary);\n}\n\n.RichTooltip__arrow {\n color: var(--background_content, var(--vkui--color_background_modal));\n}\n\n.RichTooltip--accent {\n background-color: var(--vkui--color_background_accent_tint);\n color: var(--vkui--color_text_contrast);\n}\n\n.RichTooltip--accent .RichTooltip__arrow {\n color: var(--vkui--color_background_accent_tint);\n}\n\n.RichTooltip--white {\n background-color: var(--vkui--color_background_contrast);\n color: var(--vkui--color_text_primary_invariably);\n}\n\n.RichTooltip--white .RichTooltip__arrow {\n color: var(--vkui--color_background_contrast);\n}\n\n.RichTooltip--black {\n background-color: var(--vkui--color_background_contrast_inverse);\n color: var(--vkui--color_text_contrast);\n}\n\n.RichTooltip--black .RichTooltip__arrow {\n color: var(--vkui--color_background_contrast_inverse);\n}\n\n.RichTooltip--inversion {\n background-color: var(--vkui--color_background_modal_inverse);\n color: var(--vkui--color_text_contrast_themed);\n}\n\n.RichTooltip--inversion .RichTooltip__arrow {\n color: var(--vkui--color_background_modal_inverse);\n}\n"],"names":[],"sourceRoot":""}
|