@skbkontur/ui-kit/lib/components/ScrollContainer/ScrollContainerView.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var styled_components_1 = tslib_1.__importDefault(require("../../lib/styled-components"));
exports.ScrollContainerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n"], ["\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n"])));
var ScrollContainerScroll = function (_a) {
    var invert = _a.invert, hover = _a.hover, rest = tslib_1.__rest(_a, ["invert", "hover"]);
    return (React.createElement("div", tslib_1.__assign({}, rest)));
};
exports.ScrollContainerStyledScroll = styled_components_1.default(ScrollContainerScroll)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  right: 2px;\n  transition: width 0.2s;\n  width: ", ";\n  z-index: 200;\n\n  &:after {\n    background: #b7b7b7;\n    border-radius: 5px;\n    bottom: 1px;\n    content: '';\n    display: block;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 1px;\n  }\n\n  ", ";\n"], ["\n  position: absolute;\n  right: 2px;\n  transition: width 0.2s;\n  width: ", ";\n  z-index: 200;\n\n  &:after {\n    background: #b7b7b7;\n    border-radius: 5px;\n    bottom: 1px;\n    content: '';\n    display: block;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 1px;\n  }\n\n  ",
    ";\n"])), function (_a) {
    var hover = _a.hover;
    return (hover ? '10px' : '4px');
}, function (_a) {
    var invert = _a.invert;
    return invert && styled_components_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      &:after {\n        background: #ccc;\n        background: rgba(255, 255, 255, 0.5);\n      }\n    "], ["\n      &:after {\n        background: #ccc;\n        background: rgba(255, 255, 255, 0.5);\n      }\n    "])));
});
exports.ScrollContainerInner = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  margin-bottom: -1px;\n  max-height: 100%;\n  // IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX\n  padding-bottom: 1px;\n  overflow-y: scroll;\n"], ["\n  margin-bottom: -1px;\n  max-height: 100%;\n  // IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX\n  padding-bottom: 1px;\n  overflow-y: scroll;\n"])));
var templateObject_1, templateObject_3, templateObject_2, templateObject_4;
//# sourceMappingURL=ScrollContainerView.js.map