@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
|
@@ -50,4 +50,4 @@
|
|
|
50
50
|
--vkui--color_background_contrast_secondary_alpha--active,hsla(0,0%,100%,.28)
|
|
51
51
|
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay{color:#2c2d2e;color:var(
|
|
52
52
|
--media_overlay_button_foreground,var(--vkui--color_text_primary_invariably)
|
|
53
|
-
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover,#000102)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active,#000105)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay{color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active,#ebecef)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--white,var(--vkui--color_stroke_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active,#ebecef)}.vkuiButton__after:not(:first-child),.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton--sz-l .vkuiButton__after:not(:first-child),.vkuiButton--sz-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--sz-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-m.vkuiButton--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--sz-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular,44px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular,44px)}.vkuiBanner__actions>.vkuiButton{margin-bottom:6px;margin-right:16px;margin-top:12px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary{margin:4px 16px 2px -12px;margin:4px 16px 2px calc(var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px)
|
|
53
|
+
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover,#000102)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active,#000105)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay{color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active,#ebecef)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--white,var(--vkui--color_stroke_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active,#ebecef)}.vkuiButton__after:not(:first-child),.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton--sz-l .vkuiButton__after:not(:first-child),.vkuiButton--sz-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--sz-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-m.vkuiButton--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--sz-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular,44px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular,44px)}.vkuiBanner__actions>.vkuiButton{margin-bottom:6px;margin-right:16px;margin-top:12px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary{margin:4px 16px 2px calc(-1 * 12px);margin:4px 16px 2px calc(-1 * var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-m.vkuiButton--lvl-tertiary{margin-left:calc(-1 * 12px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_medium_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-l.vkuiButton--lvl-tertiary{margin-left:calc(-1 * 16px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_large_padding_horizontal--regular,16px))}.vkuiBanner__actions>.vkuiButton--lvl-tertiary:first-child{margin-top:4px}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton:not(.vkuiButton--lvl-tertiary){margin-top:0}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton--lvl-tertiary{margin-left:-12px;margin-top:2px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary+.vkuiButton--lvl-tertiary{margin-top:2px}.vkuiModalCardBase__actions .vkuiButton{flex:1;margin-left:6px;margin-right:6px;width:0}.vkuiModalCardBase__actions--v .vkuiButton{margin-left:0;margin-right:0;width:100%}.vkuiModalCardBase__actions--v .vkuiButton+.vkuiButton{margin-top:12px}.vkuiRichCell__actions>.vkuiButton+.vkuiButton{margin-left:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiCalendarDay{border-radius:0;color:#000;color:var(--vkui--color_text_primary,#000);font-size:14px}.vkuiCalendarDay,.vkuiCalendarDay__hidden{flex-basis:
|
|
1
|
+
.vkuiCalendarDay{border-radius:0;color:#000;color:var(--vkui--color_text_primary,#000);font-size:14px}.vkuiCalendarDay,.vkuiCalendarDay__hidden{flex-basis:calc(100% / 7);flex-grow:0;height:36px}.vkuiCalendarDay--size-s,.vkuiCalendarDay__hidden--size-s{height:34px}.vkuiCalendarDay--disabled,.vkuiCalendarDay--not-same-month{color:#99a2ad;color:var(--vkui--color_text_tertiary,#99a2ad)}.vkuiCalendarDay--selected{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary,#f5f5f5)}.vkuiCalendarDay--selection-start.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-start{border-bottom-left-radius:8px;border-top-left-radius:8px}.vkuiCalendarDay--selection-end.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-end{border-bottom-right-radius:8px;border-top-right-radius:8px}.vkuiCalendarDay__day-number{text-align:center}.vkuiCalendarDay--today{font-weight:600}.vkuiCalendarDay--today .vkuiCalendarDay__day-number:after{border-bottom:2px solid #2688eb;border-bottom:2px solid var(--vkui--color_stroke_accent,#2688eb);content:"";display:block;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:16px}.vkuiCalendarDay--today .vkuiCalendarDay__inner--active .vkuiCalendarDay__day-number:after{border-bottom-color:#fff;border-bottom-color:var(--vkui--color_stroke_contrast,#fff)}.vkuiCalendarDay__hinted,.vkuiCalendarDay__inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiCalendarDay__inner{border-radius:8px}.vkuiCalendarDay--hover :not(.vkuiCalendarDay__hinted--active) .vkuiCalendarDay__inner,.vkuiCalendarDay__hinted--active{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover,rgba(0,0,0,.08))}.vkuiCalendarDay__inner--active{background-color:#2688eb;background-color:var(--vkui--color_background_accent,#2688eb);color:#fff;color:var(--vkui--color_text_contrast,#fff)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiCalendarDays{display:flex;flex-direction:column;flex-grow:1;justify-content:space-around}.vkuiCalendarDays__row{display:flex;flex-grow:1;justify-content:center}.vkuiCalendarDays__row:not(:last-child){margin-bottom:4px}.vkuiCalendarDays__row--size-s:not(:last-child){margin-bottom:0}.vkuiCalendarDays__weekday{align-items:center;color:#6d7885;color:var(--vkui--color_text_subhead,#6d7885);display:flex;flex-basis:
|
|
1
|
+
.vkuiCalendarDays{display:flex;flex-direction:column;flex-grow:1;justify-content:space-around}.vkuiCalendarDays__row{display:flex;flex-grow:1;justify-content:center}.vkuiCalendarDays__row:not(:last-child){margin-bottom:4px}.vkuiCalendarDays__row--size-s:not(:last-child){margin-bottom:0}.vkuiCalendarDays__weekday{align-items:center;color:#6d7885;color:var(--vkui--color_text_subhead,#6d7885);display:flex;flex-basis:calc(100% / 7);flex-grow:0;height:32px;justify-content:center;text-transform:capitalize}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
--content_tint_background,var(--vkui--color_background_secondary)
|
|
3
3
|
);border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular,8px);position:relative}.vkuiCard__in{border-radius:inherit;position:relative;z-index:2}.vkuiCard--md-shadow{box-shadow:0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08);box-shadow:var(
|
|
4
4
|
--vkui--elevation3,0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08)
|
|
5
|
-
)}.vkuiCard--md-outline,.vkuiCard--md-shadow{background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal))}.vkuiCard--md-outline:before{border:1px solid #e1e3e6;border:var(--thin-border) solid var(--input_border,var(--vkui--color_image_border_alpha));border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiCardScroll .vkuiCard{flex-shrink:0;margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiCardScroll--s .vkuiCard{width:40%}.vkuiCardScroll--m .vkuiCard{width:62%}.vkuiCardScroll--l .vkuiCard{margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular,16px);width:calc(100% -
|
|
5
|
+
)}.vkuiCard--md-outline,.vkuiCard--md-shadow{background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal))}.vkuiCard--md-outline:before{border:1px solid #e1e3e6;border:var(--thin-border) solid var(--input_border,var(--vkui--color_image_border_alpha));border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiCardScroll .vkuiCard{flex-shrink:0;margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiCardScroll--s .vkuiCard{width:40%}.vkuiCardScroll--m .vkuiCard{width:62%}.vkuiCardScroll--l .vkuiCard{margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular,16px);width:calc(100% - 16px * 2);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular,16px) * 2)}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard:last-of-type,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard:last-of-type{margin-right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiCardGrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.vkuiCardGrid--spaced{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiCardGrid .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--l .vkuiCard{margin-right:0;width:100%}.vkuiCardGrid--l .vkuiCard:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--m .vkuiCard{width:calc(
|
|
1
|
+
.vkuiCardGrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.vkuiCardGrid--spaced{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiCardGrid .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--l .vkuiCard{margin-right:0;width:100%}.vkuiCardGrid--l .vkuiCard:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--m .vkuiCard{width:calc((100% - 8px) / 2)}.vkuiCardGrid--m .vkuiCard:nth-child(n+3){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--m .vkuiCard:nth-child(2n){margin-right:0}.vkuiCardGrid--s .vkuiCard{width:calc((100% - 2 * 8px) / 3)}.vkuiCardGrid--s .vkuiCard:nth-child(n+4){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--s .vkuiCard:nth-child(3n){margin-right:0}.vkuiCardGrid--sizeX-compact{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiCardGrid+.vkuiCardGrid{margin-top:16px}.vkuiGroup--card .vkuiCardGrid{padding-left:8px;padding-right:8px}.vkuiGroup .vkuiCardGrid:first-child{margin-top:8px}.vkuiGroup .vkuiCardGrid:last-child{margin-bottom:8px}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.vkuiCell{position:relative}.vkuiList--dragging .vkuiCell:not(.vkuiCell--dragging){pointer-events:none;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.vkuiCell--dragging{background-color:#fff;background-color:var(
|
|
2
2
|
--background_content,var(--vkui--color_background_modal)
|
|
3
|
-
);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));opacity:.8;z-index:3}.vkuiCell--selectable.vkuiCell--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCell__checkbox,.vkuiCell__dragger{flex-shrink:0;margin-right:16px;position:relative}.vkuiCell__dragger{z-index:2}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-left:0;padding-right:0}.vkuiCell--ios .vkuiCell__dragger{margin-left:12px;margin-right:0}.vkuiCell--ios .vkuiCell__checkbox{margin-right:12px}.vkuiFormItem>.vkuiCell{margin:0 -16px;margin:0 calc(var(--vkui--size_base_padding_horizontal--regular,16px)
|
|
3
|
+
);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));opacity:.8;z-index:3}.vkuiCell--selectable.vkuiCell--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCell__checkbox,.vkuiCell__dragger{flex-shrink:0;margin-right:16px;position:relative}.vkuiCell__dragger{z-index:2}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-left:0;padding-right:0}.vkuiCell--ios .vkuiCell__dragger{margin-left:12px;margin-right:0}.vkuiCell--ios .vkuiCell__checkbox{margin-right:12px}.vkuiFormItem>.vkuiCell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiCellButton{background:transparent;border:none;box-sizing:border-box;cursor:pointer;margin:0;padding-bottom:0;padding-top:0;text-align:left;text-decoration:none;width:100%}.vkuiFormItem .vkuiCellButton{box-sizing:initial;margin:0 -16px;margin:0 calc(var(--vkui--size_base_padding_horizontal--regular,16px)
|
|
1
|
+
.vkuiCellButton{background:transparent;border:none;box-sizing:border-box;cursor:pointer;margin:0;padding-bottom:0;padding-top:0;text-align:left;text-decoration:none;width:100%}.vkuiFormItem .vkuiCellButton{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));width:100%}.vkuiCellButton[disabled]{opacity:.4}.vkuiCellButton--centered{justify-content:center;text-align:center}.vkuiCellButton--centered .vkuiSimpleCell__main{flex-grow:0;max-width:none}.vkuiCellButton--centered>.vkuiIcon{padding-right:8px}.vkuiCellButton{color:#2688eb;color:var(--accent,var(--vkui--color_text_accent))}.vkuiCellButton>.vkuiIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiCellButton--danger{color:#e64646;color:var(--destructive,var(--vkui--color_text_negative))}.vkuiCellButton--danger>.vkuiIcon{color:#e64646;color:var(--destructive,var(--vkui--color_icon_negative))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiCheckbox{align-items:center;display:flex;justify-content:flex-start;min-height:44px;min-height:var(--vkui--size_field_height--regular,44px);min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiCheckbox{box-sizing:initial;margin:0 -16px;margin:0 calc(var(--vkui--size_base_padding_horizontal--regular,16px)
|
|
1
|
+
.vkuiCheckbox{align-items:center;display:flex;justify-content:flex-start;min-height:44px;min-height:var(--vkui--size_field_height--regular,44px);min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiCheckbox{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));width:100%}.vkuiCheckbox__icon{flex-shrink:0;margin-right:12px}.vkuiCheckbox__icon--indeterminate,.vkuiCheckbox__icon--on{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));display:none}.vkuiCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary))}.vkuiCheckbox__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));flex-grow:1;word-break:break-word}.vkuiCheckbox__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;margin-bottom:12px;margin-top:2px}.vkuiCheckbox__children{margin-top:12px}.vkuiCheckbox__children:last-child{margin-bottom:12px}.vkuiCheckbox__input:checked~.vkuiCheckbox__icon--on{display:flex}.vkuiCheckbox__input:checked~.vkuiCheckbox__icon--off,.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--indeterminate{display:none}.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--indeterminate{display:flex}.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--off,.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--on{display:none}.vkuiCheckbox__input[disabled]~*{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCheckbox--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact,36px);min-width:36px;min-width:var(--vkui--size_field_height--compact,36px)}.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children{margin-top:8px}.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children:last-child,.vkuiCheckbox--sizeY-compact .vkuiCheckbox__description{margin-bottom:8px}.vkuiCheckbox--simple{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:0}.vkuiCheckbox--simple .vkuiCheckbox__content{display:none}.vkuiCheckbox--simple .vkuiCheckbox__icon{margin:0}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.vkuiCustomSelectOption{align-items:center;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.vkuiCustomSelectOption--hierarchy{--custom-select-option-hierarchy-level:0;padding-left:calc(var(--custom-select-option-hierarchy-level)*var(--vkui--size_option_hierarchy--regular,32px))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}.vkuiCustomSelectOption--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCustomSelectOption--hover{background-color:#f2f3f5;background-color:var(
|
|
1
|
+
.vkuiCustomSelectOption{align-items:center;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.vkuiCustomSelectOption--hierarchy{--custom-select-option-hierarchy-level:0;padding-left:calc(var(--custom-select-option-hierarchy-level) * var(--vkui--size_option_hierarchy--regular,32px))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}.vkuiCustomSelectOption--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCustomSelectOption--hover{background-color:#f2f3f5;background-color:var(
|
|
2
2
|
--button_muted_background,var(--vkui--color_transparent--hover)
|
|
3
3
|
)}.vkuiCustomSelectOption__before{flex-shrink:0;margin-right:7px}.vkuiCustomSelectOption__main{flex-grow:1;max-width:100%;min-width:0}.vkuiCustomSelectOption__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__after{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.vkuiCustomSelectOption__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__selectedIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiCustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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
|
+
.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiFixedLayout{box-sizing:border-box;left:auto;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);position:fixed;z-index:3}.vkuiFixedLayout--filled{background:#fff;background:var(--background_content,var(--vkui--color_background_content))}.vkuiFixedLayout--top{top:0;width:100%}.vkuiFixedLayout--bottom{bottom:0;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);width:100%}.vkuiEpic .vkuiFixedLayout--bottom{padding-bottom:48px;padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiPanelHeader~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader~.vkuiFixedLayout--top{top:56px;top:calc(var(--panelheader_height) + var(--safe-area-inset-top))}.vkuiPanelHeader--ios~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader--ios~.vkuiFixedLayout--top{top:52px;top:calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))}.vkuiPanelHeader--vkcom~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader--vkcom~.vkuiFixedLayout--top{top:48px;top:calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))}
|
|
1
|
+
.vkuiFixedLayout{box-sizing:border-box;left:auto;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);position:fixed;z-index:3}.vkuiFixedLayout--filled{background:#fff;background:var(--background_content,var(--vkui--color_background_content))}.vkuiFixedLayout--top{top:0;width:100%}.vkuiFixedLayout--bottom{bottom:0;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);width:100%}.vkuiEpic .vkuiFixedLayout--bottom{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiPanelHeader~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader~.vkuiFixedLayout--top{top:calc(56px + 0px);top:calc(var(--panelheader_height) + var(--safe-area-inset-top))}.vkuiPanelHeader--ios~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader--ios~.vkuiFixedLayout--top{top:calc(52px + 0px);top:calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))}.vkuiPanelHeader--vkcom~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader--vkcom~.vkuiFixedLayout--top{top:calc(48px + 0px);top:calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiFormItem{display:block;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;overflow:hidden;padding:0}.vkuiFormItem__top{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));overflow:hidden;padding-bottom:8px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border,var(--vkui--color_text_negative))}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border,var(--vkui--color_text_positive))}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;padding:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop{margin-top
|
|
1
|
+
.vkuiFormItem{display:block;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;overflow:hidden;padding:0}.vkuiFormItem__top{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));overflow:hidden;padding-bottom:8px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border,var(--vkui--color_text_negative))}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border,var(--vkui--color_text_positive))}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;padding:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop{margin-top:calc(-2px - 18px - 8px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--regular,18px) - 8px)}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact,16px) - 6px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiGridAvatar__in{--grid-avatar-image-offset:2px;border-radius:inherit;display:flex;flex-flow:column wrap;height:100%;overflow:hidden;width:100%}.vkuiGridAvatar__item{background-position:50%;background-size:cover;height:calc(50% - var(--grid-avatar-image-offset)/2);margin-right:var(--grid-avatar-image-offset);width:calc(50% - var(--grid-avatar-image-offset)/2)}.vkuiGridAvatar__item:only-child{width:100%}.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)),.vkuiGridAvatar__item:nth-child(2):last-child{height:100%}.vkuiGridAvatar__item:nth-last-child(4),.vkuiGridAvatar__item:nth-last-child(n+3)~.vkuiGridAvatar__item:nth-last-child(2){margin-bottom:var(--grid-avatar-image-offset)}
|
|
1
|
+
.vkuiGridAvatar__in{--grid-avatar-image-offset:2px;border-radius:inherit;display:flex;flex-flow:column wrap;height:100%;overflow:hidden;width:100%}.vkuiGridAvatar__item{background-position:50%;background-size:cover;height:calc(50% - var(--grid-avatar-image-offset) / 2);margin-right:var(--grid-avatar-image-offset);width:calc(50% - var(--grid-avatar-image-offset) / 2)}.vkuiGridAvatar__item:only-child{width:100%}.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)),.vkuiGridAvatar__item:nth-child(2):last-child{height:100%}.vkuiGridAvatar__item:nth-last-child(4),.vkuiGridAvatar__item:nth-last-child(n+3)~.vkuiGridAvatar__item:nth-last-child(2){margin-bottom:var(--grid-avatar-image-offset)}
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["size", "direction", "onClick"];
|
|
4
4
|
import { createScopedElement } from "../../lib/jsxRuntime";
|
|
5
|
-
import { Icon24Chevron,
|
|
5
|
+
import { Icon24Chevron, Icon24ChevronCompactLeft, Icon16Chevron, Icon16ChevronLeft } from "@vkontakte/icons";
|
|
6
6
|
import { classNames } from "../../lib/classNames";
|
|
7
7
|
import { usePlatform } from "../../hooks/usePlatform";
|
|
8
8
|
import { IOS } from "../../lib/platform";
|
|
@@ -21,7 +21,7 @@ export var HorizontalScrollArrow = function HorizontalScrollArrow(_ref) {
|
|
|
21
21
|
if (size === "m") {
|
|
22
22
|
ArrowIcon = direction === "left" ? Icon16ChevronLeft : Icon16Chevron;
|
|
23
23
|
} else {
|
|
24
|
-
ArrowIcon = direction === "left" ?
|
|
24
|
+
ArrowIcon = direction === "left" ? Icon24ChevronCompactLeft : Icon24Chevron;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
return createScopedElement(Tappable, _extends({}, restProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","Icon24ChevronCompactLeft","Icon16Chevron","Icon16ChevronLeft","classNames","usePlatform","IOS","Tappable","HorizontalScrollArrow","size","direction","onClick","restProps","platform","ArrowIcon"],"mappings":";;;;AACA,SACEA,aADF,EAEEC,wBAFF,EAGEC,aAHF,EAIEC,iBAJF,QAKO,kBALP;AAMA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,GAAT;AACA,SAASC,QAAT;AACA;AAQA,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;AAAA,uBAJhCC,IAIgC;AAAA,MAJhCA,IAIgC,0BAJzB,GAIyB;AAAA,MAHhCC,SAGgC,QAHhCA,SAGgC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MAD7BC,SAC6B;;AAChC,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AACA,MAAIS,SAAJ;;AAEA,MAAIL,IAAI,KAAK,GAAb,EAAkB;AAChBK,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBP,iBAAvB,GAA2CD,aAAvD;AACD,GAFD,MAEO;AACLY,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBT,wBAAvB,GAAkDD,aAA9D;AACD;;AAED,SACE,oBAAC,QAAD,eACMY,SADN;AAEE,IAAA,SAAS,EAAC,QAFZ;AAGE,IAAA,QAAQ,EAAE,KAHZ;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAER,UAAU,CACnB,uBADmB,mCAEOK,IAFP,oCAGOC,SAHP,GAInBG,QAAQ,KAAKP,GAAb,IAAoB,4BAJD,CALvB;AAWE,IAAA,OAAO,EAAEK;AAXX,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Chevron,\n Icon24ChevronCompactLeft,\n Icon16Chevron,\n Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n direction: \"left\" | \"right\";\n size?: \"m\" | \"l\";\n onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n size = \"l\",\n direction,\n onClick,\n ...restProps\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n let ArrowIcon: React.ComponentType<unknown>;\n\n if (size === \"m\") {\n ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n } else {\n ArrowIcon = direction === \"left\" ? Icon24ChevronCompactLeft : Icon24Chevron;\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n \"HorizontalScrollArrow\",\n `HorizontalScrollArrow--${size}`,\n `HorizontalScrollArrow--${direction}`,\n platform === IOS && \"HorizontalScrollArrow--ios\"\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <ArrowIcon />\n </span>\n </Tappable>\n );\n};\n"],"file":"HorizontalScrollArrow.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiModalRoot,.vkuiModalRoot__mask{height:100%;width:100%}.vkuiModalRoot__mask{-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease;background:rgba(0,0,0,.4);left:0;opacity:1;position:absolute;top:0;transition:opacity 167ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:56px;top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:52px;top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{box-sizing:border-box;height:100%;position:absolute;width:100%;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}
|
|
1
|
+
.vkuiModalRoot,.vkuiModalRoot__mask{height:100%;width:100%}.vkuiModalRoot__mask{-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease;background:rgba(0,0,0,.4);left:0;opacity:1;position:absolute;top:0;transition:opacity 167ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:calc(0px + 52px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{box-sizing:border-box;height:100%;position:absolute;width:100%;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiPanel{height:100%;position:relative;width:100%}.vkuiPanel:after{content:"";height:100%;z-index:1}.vkuiPanel--centered .vkuiPanelHeader,.vkuiPanel:after{left:0;position:absolute;top:0;width:100%}.vkuiPanel__in{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;position:relative;width:100%;z-index:2}.vkuiPanel__centered{align-items:center;box-sizing:border-box;display:flex;flex:1 0;flex-direction:column;justify-content:center}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+*{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+*,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+*{margin-top:56px;margin-top:var(--panelheader_height)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:
|
|
1
|
+
.vkuiPanel{height:100%;position:relative;width:100%}.vkuiPanel:after{content:"";height:100%;z-index:1}.vkuiPanel--centered .vkuiPanelHeader,.vkuiPanel:after{left:0;position:absolute;top:0;width:100%}.vkuiPanel__in{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;position:relative;width:100%;z-index:2}.vkuiPanel__centered{align-items:center;box-sizing:border-box;display:flex;flex:1 0;flex-direction:column;justify-content:center}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+*{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+*,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+*{margin-top:56px;margin-top:var(--panelheader_height)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 5px);margin-top:calc(var(--panelheader_height_ios) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--panelheader_height) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 5px);margin-top:calc(var(--panelheader_height_vkcom) + 5px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 16px);margin-top:calc(var(--panelheader_height_ios) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--panelheader_height) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 16px);margin-top:calc(var(--panelheader_height_vkcom) + 16px)}.vkuiEpic .vkuiPanel__in{padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__separator{position:relative;z-index:3}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel:after{background-color:#fff;background-color:var(--background_content)}.vkuiPanel.vkuiPanel--regular .vkuiPanel__in,.vkuiPanel.vkuiPanel--regular:after{background-color:initial}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiRadio{display:block;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiRadio{box-sizing:initial;margin:0 -16px;margin:0 calc(var(--vkui--size_base_padding_horizontal--regular,16px)
|
|
1
|
+
.vkuiRadio{display:block;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiRadio{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));width:100%}.vkuiRadio__container{align-items:center;display:flex;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiRadio__icon{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary));flex-shrink:0;height:22px;margin-right:14px;transition:color .15s cubic-bezier(.36,.66,.04,1);transition:color .15s var(--ios-easing);width:22px}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiRadio__icon .vkuiRadio__pin{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:12px 12px;transform-origin:12px 12px;transition:-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1),-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing),-webkit-transform .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin{-webkit-transform:none;transform:none}.vkuiRadio__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:block;flex-grow:1;max-width:100%}.vkuiRadio__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;margin-bottom:12px;margin-top:2px}.vkuiRadio__children{margin-top:12px}.vkuiRadio__children:last-child{margin-bottom:12px}.vkuiRadio--sizeY-compact .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{height:18px;width:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon:after{height:12px;width:12px}.vkuiRadioGroup .vkuiRadio{box-sizing:border-box;flex:1;margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiRadioGroup--horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{box-sizing:initial;margin:0 -16px;margin:0 calc(var(--vkui--size_base_padding_horizontal--regular,16px)
|
|
1
|
+
.vkuiRadioGroup--horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiRemovable__content{align-items:center;display:flex;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);position:relative}.vkuiRemovable__action{border:none;flex-grow:0;flex-shrink:0;position:relative}.vkuiRemovable__action.vkuiRemovable__action{color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary))}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border:none;border-radius:0;color:#fff;color:var(--white);font-size:15px;height:100%;left:100%;line-height:45px;padding:0 10px;position:absolute;top:0}.vkuiRemovable__remove-in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{background:none;display:block;height:44px;margin:0 2px;width:44px}.vkuiRemovable__toggle-in{align-content:center;align-items:center;border:none;display:flex;height:100%;justify-content:center;position:relative;width:100%}.vkuiRemovable__toggle-in:after{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border-radius:50%;content:"";height:22px;width:22px}.vkuiRemovable__toggle-in:before{background-color:#fff;background-color:var(--white);content:"";display:block;height:2px;position:absolute;width:12px}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable .vkuiRemovable__content,.vkuiFormLayoutGroup--removable .vkuiRemovable__content{align-items:flex-start;flex-wrap:wrap}.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{display:block;height:
|
|
1
|
+
.vkuiRemovable__content{align-items:center;display:flex;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);position:relative}.vkuiRemovable__action{border:none;flex-grow:0;flex-shrink:0;position:relative}.vkuiRemovable__action.vkuiRemovable__action{color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary))}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border:none;border-radius:0;color:#fff;color:var(--white);font-size:15px;height:100%;left:100%;line-height:45px;padding:0 10px;position:absolute;top:0}.vkuiRemovable__remove-in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{background:none;display:block;height:44px;margin:0 2px;width:44px}.vkuiRemovable__toggle-in{align-content:center;align-items:center;border:none;display:flex;height:100%;justify-content:center;position:relative;width:100%}.vkuiRemovable__toggle-in:after{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border-radius:50%;content:"";height:22px;width:22px}.vkuiRemovable__toggle-in:before{background-color:#fff;background-color:var(--white);content:"";display:block;height:2px;position:absolute;width:12px}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable .vkuiRemovable__content,.vkuiFormLayoutGroup--removable .vkuiRemovable__content{align-items:flex-start;flex-wrap:wrap}.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular,18px) + 8px);order:-1;width:100%}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--withTop~.vkuiRemovable__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact,16px) + 6px)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.vkuiRichCell{box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:flex;min-height:64px;padding:8px 16px;padding:8px var(--vkui--size_base_padding_horizontal--regular,16px);text-decoration:none}.vkuiRichCell--sizeY-compact{min-height:60px}.vkuiRichCell__before{margin-right:12px}.vkuiRichCell__in{display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;min-width:0}.vkuiRichCell__content{display:flex}.vkuiRichCell__content-before{flex-grow:1;min-width:0}.vkuiRichCell__content-after{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding-left:4px}.vkuiRichCell__content-after .vkuiIcon{color:#2688eb;color:var(
|
|
2
2
|
--accent,var(--vkui--color_icon_accent)
|
|
3
|
-
)}.vkuiRichCell__after-children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell__after-caption{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);margin-top:2px}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px)}.vkuiRichCell__caption,.vkuiRichCell__subhead{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiRichCell__caption{margin-top:1px}.vkuiRichCell__children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell--text-ellipsis .vkuiRichCell__caption,.vkuiRichCell--text-ellipsis .vkuiRichCell__children,.vkuiRichCell--text-ellipsis .vkuiRichCell__subhead,.vkuiRichCell--text-ellipsis .vkuiRichCell__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiRichCell__bottom{margin-top:5px}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell__after-children,.vkuiRichCell__children,.vkuiRichCell__text{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-children,.vkuiRichCell--sizeY-compact .vkuiRichCell__children,.vkuiRichCell--sizeY-compact .vkuiRichCell__text{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px)}.vkuiFormItem .vkuiRichCell{margin-left
|
|
3
|
+
)}.vkuiRichCell__after-children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell__after-caption{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);margin-top:2px}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px)}.vkuiRichCell__caption,.vkuiRichCell__subhead{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiRichCell__caption{margin-top:1px}.vkuiRichCell__children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell--text-ellipsis .vkuiRichCell__caption,.vkuiRichCell--text-ellipsis .vkuiRichCell__children,.vkuiRichCell--text-ellipsis .vkuiRichCell__subhead,.vkuiRichCell--text-ellipsis .vkuiRichCell__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiRichCell__bottom{margin-top:5px}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell__after-children,.vkuiRichCell__children,.vkuiRichCell__text{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-children,.vkuiRichCell--sizeY-compact .vkuiRichCell__children,.vkuiRichCell--sizeY-compact .vkuiRichCell__text{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px)}.vkuiFormItem .vkuiRichCell{margin-left:calc(-1 * 16px);margin-left:calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));margin-right:calc(-1 * 16px);margin-right:calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiSimpleCell{align-items:center;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:flex;min-height:48px;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px);text-decoration:none;white-space:nowrap}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:clip}.vkuiSimpleCell__main{flex-grow:1;max-width:100%;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));flex-shrink:0;padding-bottom:10px;padding-right:12px;padding-top:10px}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__text{overflow:hidden;text-overflow:ellipsis}.vkuiSimpleCell__subtitle{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiSimpleCell .vkuiSimpleCell__content{align-content:flex-start;align-items:center;display:flex;justify-content:space-between;max-width:100%}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{justify-content:flex-start}.vkuiSimpleCell__children{color:inherit;display:block;overflow:hidden;text-overflow:ellipsis}.vkuiSimpleCell--mult .vkuiSimpleCell__children,.vkuiSimpleCell--mult .vkuiSimpleCell__subtitle{flex:1 1 auto}.vkuiSimpleCell__badge{color:#5c9ce6;color:var(--blue_200,var(--vkui--color_icon_accent));display:inline-block;flex-grow:0;flex-shrink:0}.vkuiSimpleCell__content>:not(:last-child){margin-right:4px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));min-width:0;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap}.vkuiSimpleCell__after{align-items:center;color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));display:flex;flex-shrink:0}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton:last-child{margin-right:-12px}.vkuiSimpleCell--ios .vkuiSimpleCell__indicator,.vkuiSimpleCell--ios .vkuiSimpleCell__main{padding-bottom:11px;padding-top:9px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary));padding-left:12px;padding-right:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton:last-child{margin-right:-9px}.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main{padding-bottom:10px;padding-top:11px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main{padding-bottom:10px;padding-top:10px}.vkuiFormItem>.vkuiSimpleCell{margin:0 -16px;margin:0 calc(var(--vkui--size_base_padding_horizontal--regular,16px)
|
|
1
|
+
.vkuiSimpleCell{align-items:center;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:flex;min-height:48px;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px);text-decoration:none;white-space:nowrap}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:clip}.vkuiSimpleCell__main{flex-grow:1;max-width:100%;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));flex-shrink:0;padding-bottom:10px;padding-right:12px;padding-top:10px}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__text{overflow:hidden;text-overflow:ellipsis}.vkuiSimpleCell__subtitle{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiSimpleCell .vkuiSimpleCell__content{align-content:flex-start;align-items:center;display:flex;justify-content:space-between;max-width:100%}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{justify-content:flex-start}.vkuiSimpleCell__children{color:inherit;display:block;overflow:hidden;text-overflow:ellipsis}.vkuiSimpleCell--mult .vkuiSimpleCell__children,.vkuiSimpleCell--mult .vkuiSimpleCell__subtitle{flex:1 1 auto}.vkuiSimpleCell__badge{color:#5c9ce6;color:var(--blue_200,var(--vkui--color_icon_accent));display:inline-block;flex-grow:0;flex-shrink:0}.vkuiSimpleCell__content>:not(:last-child){margin-right:4px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));min-width:0;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap}.vkuiSimpleCell__after{align-items:center;color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));display:flex;flex-shrink:0}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton:last-child{margin-right:-12px}.vkuiSimpleCell--ios .vkuiSimpleCell__indicator,.vkuiSimpleCell--ios .vkuiSimpleCell__main{padding-bottom:11px;padding-top:9px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary));padding-left:12px;padding-right:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton:last-child{margin-right:-9px}.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main{padding-bottom:10px;padding-top:11px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main{padding-bottom:10px;padding-top:10px}.vkuiFormItem>.vkuiSimpleCell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiSimpleCell__main>:not(:first-child){margin-top:2px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiSnackbar{bottom:0;left:auto;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:101}.vkuiEpic .vkuiSnackbar{padding-bottom:48px;padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__body,.vkuiSnackbar__in{transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .32s var(--android-easing);transition:transform .32s var(--android-easing);transition:transform .32s var(--android-easing),-webkit-transform .32s var(--android-easing)}.vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical .34s var(--android-easing);animation:vkui-animation-snackbar-intro-vertical .34s var(--android-easing);padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{align-items:center;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 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4,0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16));box-sizing:border-box;display:flex;min-height:56px;padding:12px 16px}.vkuiSnackbar--dark .vkuiSnackbar__body{background:#2d2d2e;background:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-left:12px;margin-right:-4px}.vkuiSnackbar__content{align-items:center;display:flex;flex:1;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{align-items:flex-start;flex-direction:column}.vkuiSnackbar__content-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:-webkit-box;flex:1;overflow:hidden;width:100%}.vkuiSnackbar--dark .vkuiSnackbar__content-text{color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right
|
|
1
|
+
.vkuiSnackbar{bottom:0;left:auto;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:101}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__body,.vkuiSnackbar__in{transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .32s var(--android-easing);transition:transform .32s var(--android-easing);transition:transform .32s var(--android-easing),-webkit-transform .32s var(--android-easing)}.vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical .34s var(--android-easing);animation:vkui-animation-snackbar-intro-vertical .34s var(--android-easing);padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{align-items:center;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 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4,0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16));box-sizing:border-box;display:flex;min-height:56px;padding:12px 16px}.vkuiSnackbar--dark .vkuiSnackbar__body{background:#2d2d2e;background:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-left:12px;margin-right:-4px}.vkuiSnackbar__content{align-items:center;display:flex;flex:1;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{align-items:flex-start;flex-direction:column}.vkuiSnackbar__content-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:-webkit-box;flex:1;overflow:hidden;width:100%}.vkuiSnackbar--dark .vkuiSnackbar__content-text{color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1 * 12px);margin-right:calc(-1 * var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-bottom:-6px;margin-left:calc(-1 * 12px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__body,.vkuiSnackbar--ios .vkuiSnackbar__in{transition:-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1),-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing),-webkit-transform .4s var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical .34s var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical .34s var(--ios-easing)}.vkuiSnackbar--desktop{bottom:0;left:0;max-width:328px}.vkuiSnackbar--desktop .vkuiSnackbar__in{-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal;padding:12px}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vkuiSplitLayout{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;position:relative;width:100%}.vkuiSplitLayout__inner{display:flex;height:100%;width:100%}.vkuiSplitLayout__inner--header{margin-top
|
|
1
|
+
.vkuiSplitLayout{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;position:relative;width:100%}.vkuiSplitLayout__inner{display:flex;height:100%;width:100%}.vkuiSplitLayout__inner--header{margin-top:calc(-1 * (56px + 0px));margin-top:calc(-1 * (var(--panelheader_height) + var(--safe-area-inset-top)));position:relative;z-index:11}.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header{margin-top:calc(-1 * (52px + 0px));margin-top:calc(-1 * (var(--panelheader_height_ios) + var(--safe-area-inset-top)))}.vkuiSplitLayout__popout{z-index:100}.vkuiSplitLayout__modal,.vkuiSplitLayout__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiSplitLayout__modal{z-index:99}.vkuiSplitLayout__modal:empty{display:none}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.vkuiSwitch{cursor:pointer;display:block;padding:
|
|
1
|
+
.vkuiSwitch{cursor:pointer;display:block;padding:calc((20px - 14px) / 2);padding:calc((var(--vkui--size_switch_pin--regular,20px) - var(--vkui--size_switch_height--regular,14px)) / 2);position:relative}.vkuiSwitch--sizeY-compact{padding:calc((18px - 12px) / 2);padding:calc((var(--vkui--size_switch_pin--compact,18px) - var(--vkui--size_switch_height--compact,12px)) / 2)}.vkuiSwitch--disabled{cursor:default}.vkuiSwitch__pseudo{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:block;position:relative}.vkuiSwitch__pseudo:before{background:#f2f3f5;background:var(--vkui--color_icon_contrast_secondary,#f2f3f5);border-radius:50%;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);box-sizing:border-box;content:"";height:20px;height:var(--vkui--size_switch_pin--regular,20px);left:calc((14px - 20px) / 2);left:calc((var(--vkui--size_switch_height--regular,14px) - var(--vkui--size_switch_pin--regular,20px)) / 2);position:absolute;top:calc((14px - 20px) / 2);top:calc((var(--vkui--size_switch_height--regular,14px) - var(--vkui--size_switch_pin--regular,20px)) / 2);width:20px;width:var(--vkui--size_switch_pin--regular,20px)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:before{height:18px;height:var(--vkui--size_switch_pin--compact,18px);left:calc((12px - 18px) / 2);left:calc((var(--vkui--size_switch_height--compact,12px) - var(--vkui--size_switch_pin--compact,18px)) / 2);top:calc((12px - 18px) / 2);top:calc((var(--vkui--size_switch_height--compact,12px) - var(--vkui--size_switch_pin--compact,18px)) / 2);width:18px;width:var(--vkui--size_switch_pin--compact,18px)}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{background:#2688eb;background:var(--accent,var(--vkui--color_icon_accent));-webkit-transform:translateX(calc(34px - 14px));transform:translateX(calc(34px - 14px));-webkit-transform:translateX(calc(var(--vkui--size_switch_width--regular,34px) - var(--vkui--size_switch_height--regular,14px)));transform:translateX(calc(var(--vkui--size_switch_width--regular,34px) - var(--vkui--size_switch_height--regular,14px)))}.vkuiSwitch__pseudo:after{background:rgba(0,0,0,.24);background:var(--vkui--color_icon_tertiary_alpha,rgba(0,0,0,.24));border-radius:calc(34px / 2);border-radius:calc(var(--vkui--size_switch_width--regular,34px) / 2);content:"";display:block;height:14px;height:var(--vkui--size_switch_height--regular,14px);width:34px;width:var(--vkui--size_switch_width--regular,34px)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:after{border-radius:calc(32px / 2);border-radius:calc(var(--vkui--size_switch_width--compact,32px) / 2);height:12px;height:var(--vkui--size_switch_height--compact,12px);width:32px;width:var(--vkui--size_switch_width--compact,32px)}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo:after{background:#2688eb;background:var(--accent,var(--vkui--color_icon_accent));opacity:.48}.vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{-webkit-transform:translateX(calc(32px - 12px));transform:translateX(calc(32px - 12px));-webkit-transform:translateX(calc(var(--vkui--size_switch_width--compact,32px) - var(--vkui--size_switch_height--compact,12px)));transform:translateX(calc(var(--vkui--size_switch_width--compact,32px) - var(--vkui--size_switch_height--compact,12px)))}.vkuiSwitch__self[disabled]+.vkuiSwitch__pseudo{opacity:.4;opacity:var(--vkui--opacity_disable,.4)}.vkuiSwitch--ios .vkuiSwitch__pseudo:before{background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(0,0,0,.04)}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{background:#fff;background:var(--white)}.vkuiSwitch--ios .vkuiSwitch__pseudo:after{background:rgba(0,28,61,.08);background:var(
|
|
2
2
|
--placeholder_icon_background,var(--vkui--color_track_background)
|
|
3
3
|
)}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:after{opacity:1}@media (prefers-reduced-motion:no-preference){.vkuiSwitch__pseudo:after{transition:background-color .1s ease}.vkuiSwitch__pseudo:before{transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo:after{transition:background-color .2s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo:before{transition:-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32),-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32)}}.vkuiSimpleCell__after>.vkuiSwitch{margin-left:12px}.vkuiSimpleCell>.vkuiSwitch:first-child{margin-right:12px}
|