@vkontakte/vkui 4.35.0 → 4.35.1
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 +2 -2
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +2 -2
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components.css +11 -11
- package/dist/components.css.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/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/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/SplitLayout/SplitLayout.css +1 -1
- package/dist/cssm/components/Switch/Switch.css +1 -1
- package/dist/cssm/styles/components.css +11 -11
- package/dist/cssm/styles/unstable.css +1 -1
- package/dist/unstable.css +1 -1
- package/dist/unstable.css.map +1 -1
- package/dist/vkui.css +11 -11
- package/dist/vkui.css.map +1 -1
- package/package.json +1 -1
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +2 -2
|
@@ -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/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":""}
|