kepler.gl.geoiq
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
1,011 lines (918 loc) • 110 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.checkboxHeight = exports.checkboxWidth = exports.secondarySwitchBtnBgd = exports.secondarySwitchTrackBgd = exports.switchBtnHeight = exports.switchBtnWidth = exports.switchBtnBorderRadius = exports.switchBtnBoxShadow = exports.switchBtnBgdActive = exports.switchBtnBgd = exports.switchTrackBorderRadius = exports.switchTrackBgdActive = exports.switchTrackBgd = exports.switchLabelMargin = exports.switchHeight = exports.switchWidth = exports.dropdownListBorderTop = exports.dropdownListBgd = exports.dropdownListShadow = exports.dropdownListHighlightBg = exports.selectBorder = exports.selectBorderRadius = exports.selectBorderColorLT = exports.selectBorderColor = exports.selectBackgroundHoverLT = exports.selectBackgroundLT = exports.selectBackgroundHover = exports.selectBackground = exports.selectColorPlaceHolder = exports.selectFontWeightBold = exports.selectFontWeight = exports.selectFontSize = exports.selectActiveBorderColor = exports.selectColorLT = exports.selectColor = exports.secondaryInputBorderActiveColor = exports.secondaryInputBorderColor = exports.secondaryInputColor = exports.secondaryInputBgdActive = exports.secondaryInputBgdHover = exports.secondaryInputBgd = exports.secondaryInputHeight = exports.inputPlaceholderFontWeight = exports.inputPlaceholderColor = exports.inputBorderRadius = exports.inputColor = exports.inputBorderActiveColor = exports.inputBorderHoverColor = exports.inputBorderColor = exports.inputBgdActive = exports.inputBgdHover = exports.inputBgd = exports.inputFontWeight = exports.inputFontSize = exports.inputPadding = exports.inputBoxHeight = exports.negativeBtnActColor = exports.negativeBtnColor = exports.negativeBtnBgdHover = exports.negativeBtnActBgd = exports.negativeBtnBgd = exports.linkBtnActBgdHover = exports.linkBtnActColor = exports.linkBtnColor = exports.linkBtnActBgd = exports.linkBtnBgd = exports.secondaryBtnBgdHover = exports.secondaryBtnActColor = exports.secondaryBtnColor = exports.secondaryBtnActBgd = exports.secondaryBtnBgd = exports.primaryBtnRadius = exports.primaryBtnBgdHover = exports.primaryBtnActColor = exports.primaryBtnColor = exports.primaryBtnActBgd = exports.primaryBtnBgd = exports.errorColor = exports.activeColorHover = exports.activeColor = exports.textColorHlLT = exports.textColorHl = exports.titleTextColor = exports.subtextColorActive = exports.subtextColorLT = exports.subtextColor = exports.titleColorLT = exports.textColorLT = exports.textColor = exports.labelColorLT = exports.labelHoverColor = exports.labelColor = exports.borderColorLight = exports.borderColor = exports.borderRadius = exports.boxSizing = exports.boxShadow = exports.transitionSlow = exports.transitionFast = exports.transition = void 0;
exports.themeLT = exports.theme = exports.modalScrollBar = exports.textTruncate = exports.notificationPanelItemHeight = exports.notificationPanelItemWidth = exports.notificationPanelWidth = exports.notificationColors = exports.rangeBrushBgd = exports.sliderInputWidth = exports.sliderInputHeight = exports.sliderHandleShadow = exports.sliderHandleHoverColor = exports.sliderHandleColor = exports.sliderHandleWidth = exports.sliderHandleHeight = exports.sliderBarHeight = exports.sliderBarRadius = exports.sliderBarHoverColor = exports.sliderBarBgd = exports.sliderBarColor = exports.modalDialogColor = exports.modalDialogBgd = exports.modalImagePlaceHolder = exports.modalFooterBgd = exports.modalTitleFontSize = exports.modalTitleColor = exports.tooltipColor = exports.tooltipBg = exports.mapPanelHeaderBackgroundColor = exports.mapPanelBackgroundColor = exports.panelBorderLT = exports.panelBorder = exports.panelBorderColor = exports.panelBackgroundLT = exports.panelBorderRadius = exports.panelBoxShadow = exports.panelHeaderHeight = exports.panelHeaderIconActive = exports.panelHeaderIcon = exports.panelActiveBgLT = exports.panelActiveBg = exports.panelBackgroundHover = exports.panelBackground = exports.sideBarCloseBtnBgdHover = exports.sideBarCloseBtnColor = exports.sideBarCloseBtnBgd = exports.sidePanelBg = exports.sidePanelHeaderBg = exports.checkboxBoxBgdChecked = exports.checkboxBoxBgd = exports.checkboxBorderColorLT = exports.checkboxBorderRadius = exports.checkboxBorderColor = exports.checkboxMargin = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _styledComponents = require("styled-components");
var _defaultSettings = require("../constants/default-settings");
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _templateObject22() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ::-webkit-scrollbar {\n width: 14px;\n height: 16px;\n }\n\n ::-webkit-scrollbar-track {\n background: white;\n }\n ::-webkit-scrollbar-track:horizontal {\n background: ", ";\n }\n ::-webkit-scrollbar-thumb {\n background: ", ";\n border: 4px solid white;\n }\n\n ::-webkit-scrollbar-corner {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: #969da9;\n }\n\n ::-webkit-scrollbar-thumb:vertical {\n border-radius: 7px;\n }\n\n ::-webkit-scrollbar-thumb:horizontal {\n border-radius: 9px;\n border: 4px solid ", ";\n }\n"]);
_templateObject22 = function _templateObject22() {
return data;
};
return data;
}
function _templateObject21() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n\n ::-webkit-scrollbar-corner {\n background: ", ";\n }\n\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ", ";\n border: 3px solid ", "\n\n :vertical:hover {\n background: ", ";\n cursor: pointer;\n }\n\n :horizontal:hover {\n background: ", ";\n cursor: pointer;\n }\n }\n}"]);
_templateObject21 = function _templateObject21() {
return data;
};
return data;
}
function _templateObject20() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n\n ::-webkit-scrollbar-corner {\n background: ", ";\n }\n\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ", ";\n border: 3px solid ", ";\n :hover {\n background: ", ";\n cursor: pointer;\n }\n }\n"]);
_templateObject20 = function _templateObject20() {
return data;
};
return data;
}
function _templateObject19() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n\n ::-webkit-scrollbar-corner {\n background: ", ";\n }\n\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ", ";\n border: 3px solid ", ";\n\n :hover {\n background: ", ";\n cursor: pointer;\n }\n };\n}"]);
_templateObject19 = function _templateObject19() {
return data;
};
return data;
}
function _templateObject18() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n overflow-y: auto;\n max-height: 280px;\n box-shadow: ", ";\n border-radius: 2px;\n\n .list__section {\n ", ";\n }\n .list__header {\n ", ";\n }\n\n .list__item {\n ", ";\n }\n\n .list__item__anchor {\n ", ";\n }\n\n ", ";\n"]);
_templateObject18 = function _templateObject18() {
return data;
};
return data;
}
function _templateObject17() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n padding: 0 0 4px 0;\n margin-bottom: 4px;\n border-bottom: 1px solid ", ";\n"]);
_templateObject17 = function _templateObject17() {
return data;
};
return data;
}
function _templateObject16() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 11px;\n padding: 5px 9px;\n color: ", ";\n"]);
_templateObject16 = function _templateObject16() {
return data;
};
return data;
}
function _templateObject15() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 11px;\n padding: 3px 9px;\n font-weight: 500;\n\n &.hover,\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .list__item__anchor {\n color: ", ";\n }\n }\n"]);
_templateObject15 = function _templateObject15() {
return data;
};
return data;
}
function _templateObject14() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n padding-left: 3px;\n"]);
_templateObject14 = function _templateObject14() {
return data;
};
return data;
}
function _templateObject13() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n\n ::-webkit-scrollbar-corner {\n background: ", ";\n }\n\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ", ";\n border: 3px solid ", ";\n };\n\n :vertical:hover {\n background: ", ";\n cursor: pointer;\n }\n}"]);
_templateObject13 = function _templateObject13() {
return data;
};
return data;
}
function _templateObject12() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n :before {\n ", " background: ", ";\n }\n\n :after {\n ", "\n background: ", ";\n }\n"]);
_templateObject12 = function _templateObject12() {
return data;
};
return data;
}
function _templateObject11() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-block;\n position: relative;\n padding-left: 32px;\n margin-bottom: 24px;\n line-height: 20px;\n vertical-align: middle;\n cursor: pointer;\n font-size: 12px;\n color: ", ";\n margin-left: -", "px;\n\n :before {\n ", ";\n }\n\n :after {\n ", ";\n }\n"]);
_templateObject11 = function _templateObject11() {
return data;
};
return data;
}
function _templateObject10() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n width: 10px;\n height: 5px;\n border-bottom: 2px solid white;\n border-left: 2px solid white;\n top: 4px;\n left: 3px;\n transform: rotate(-45deg);\n display: block;\n position: absolute;\n opacity: ", ";\n content: '';\n"]);
_templateObject10 = function _templateObject10() {
return data;
};
return data;
}
function _templateObject9() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: ", "px;\n height: ", "px;\n background: ", ";\n border: 1px solid\n ", ";\n border-radius: 2px;\n content: '';\n"]);
_templateObject9 = function _templateObject9() {
return data;
};
return data;
}
function _templateObject8() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n user-select: none;\n cursor: pointer;\n line-height: 0;\n font-weight: 500;\n font-size: 12px;\n color: ", ";\n position: relative;\n display: inline-block;\n padding-top: ", "px;\n padding-right: 0;\n padding-bottom: 0;\n padding-left: ", "px;\n\n :before {\n ", ";\n }\n\n :after {\n ", ";\n }\n"]);
_templateObject8 = function _templateObject8() {
return data;
};
return data;
}
function _templateObject7() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n transition: ", ";\n position: absolute;\n top: 0;\n left: ", "px;\n content: '';\n display: block;\n height: ", ";\n width: ", ";\n background: ", ";\n box-shadow: ", ";\n"]);
_templateObject7 = function _templateObject7() {
return data;
};
return data;
}
function _templateObject6() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n background: ", ";\n position: absolute;\n top: 0;\n left: ", "px;\n content: '';\n display: block;\n width: ", "px;\n height: ", "px;\n border-radius: ", ";\n"]);
_templateObject6 = function _templateObject6() {
return data;
};
return data;
}
function _templateObject5() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ", " color: ", ";\n font-size: 13px;\n letter-spacing: 0.43px;\n line-height: 18px;\n height: 24px;\n font-weight: 400;\n padding-left: 4px;\n margin-left: -4px;\n background-color: transparent;\n border: 1px solid transparent;\n\n :hover {\n height: 24px;\n cursor: text;\n background-color: transparent;\n border: 1px solid ", ";\n }\n\n :active,\n .active,\n :focus {\n background-color: transparent;\n border: 1px solid ", ";\n }\n"]);
_templateObject5 = function _templateObject5() {
return data;
};
return data;
}
function _templateObject4() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n cursor: pointer;\n flex-wrap: wrap;\n height: auto;\n justify-content: start;\n margin-bottom: 2px;\n padding: 4px 7px 4px 4px;\n white-space: normal;\n"]);
_templateObject4 = function _templateObject4() {
return data;
};
return data;
}
function _templateObject3() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n color: ", ";\n background-color: ", ";\n height: ", ";\n border: 1px solid\n ", ";\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n border-color: ", ";\n }\n\n :active,\n &.active {\n background-color: ", ";\n border-color: ", ";\n }\n"]);
_templateObject3 = function _templateObject3() {
return data;
};
return data;
}
function _templateObject2() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n\n background-color: ", ";\n border: 1px solid\n ", ";\n color: ", ";\n caret-color: ", ";\n\n ::-webkit-input-placeholder {\n color: ", ";\n font-weight: 400;\n }\n\n :active,\n :focus,\n &.focus,\n &.active {\n background-color: ", ";\n border-color: ", ";\n }\n\n :hover {\n background-color: ", ";\n cursor: ", ";\n border-color: ", ";\n }\n"]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n align-items: center;\n background-color: ", ";\n border: 1px solid\n ", ";\n border-radius: 2px;\n caret-color: ", ";\n color: ", ";\n display: flex;\n font-size: ", ";\n font-weight: ", ";\n height: ", ";\n justify-content: space-between;\n outline: none;\n overflow: hidden;\n padding: ", ";\n text-overflow: ellipsis;\n transition: ", ";\n white-space: nowrap;\n width: 100%;\n word-wrap: normal;\n pointer-events: ", ";\n opacity: ", ";\n\n :hover {\n cursor: ", ";\n background-color: ", ";\n border-color: ", ";\n }\n\n :active,\n :focus,\n &.focus,\n &.active {\n background-color: ", ";\n border-color: ", ";\n }\n\n ::placeholder {\n color: ", ";\n font-weight: ", ";\n }\n\n /* Disable Arrows on Number Inputs */\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
var transition = 'all .4s ease';
exports.transition = transition;
var transitionFast = 'all .2s ease';
exports.transitionFast = transitionFast;
var transitionSlow = 'all .8s ease';
exports.transitionSlow = transitionSlow;
var boxShadow = '0 1px 2px 0 rgba(0,0,0,0.10)';
exports.boxShadow = boxShadow;
var boxSizing = 'border-box';
exports.boxSizing = boxSizing;
var borderRadius = '1px';
exports.borderRadius = borderRadius;
var borderColor = '#3A414C';
exports.borderColor = borderColor;
var borderColorLight = '#F1F1F1'; // TEXT
exports.borderColorLight = borderColorLight;
var labelColor = '#6A7485';
exports.labelColor = labelColor;
var labelHoverColor = '#C6C6C6';
exports.labelHoverColor = labelHoverColor;
var labelColorLT = '#6A7485';
exports.labelColorLT = labelColorLT;
var textColor = '#6A7485';
exports.textColor = textColor;
var textColorLT = '#3A414C';
exports.textColorLT = textColorLT;
var titleColorLT = '#29323C';
exports.titleColorLT = titleColorLT;
var subtextColor = '#6A7485';
exports.subtextColor = subtextColor;
var subtextColorLT = '#494C52';
exports.subtextColorLT = subtextColorLT;
var subtextColorActive = '#EA6A47';
exports.subtextColorActive = subtextColorActive;
var titleTextColor = '#6A7485';
exports.titleTextColor = titleTextColor;
var textColorHl = '#3A3B3C ';
exports.textColorHl = textColorHl;
var textColorHlLT = '#C6C6C6';
exports.textColorHlLT = textColorHlLT;
var activeColor = '#1FBAD6';
exports.activeColor = activeColor;
var activeColorHover = '#108188';
exports.activeColorHover = activeColorHover;
var errorColor = '#F9042C'; // Button
exports.errorColor = errorColor;
var primaryBtnBgd = '#0F9668';
exports.primaryBtnBgd = primaryBtnBgd;
var primaryBtnActBgd = '#13B17B';
exports.primaryBtnActBgd = primaryBtnActBgd;
var primaryBtnColor = '#FFFFFF';
exports.primaryBtnColor = primaryBtnColor;
var primaryBtnActColor = '#FFFFFF';
exports.primaryBtnActColor = primaryBtnActColor;
var primaryBtnBgdHover = '#13B17B';
exports.primaryBtnBgdHover = primaryBtnBgdHover;
var primaryBtnRadius = '2px';
exports.primaryBtnRadius = primaryBtnRadius;
var secondaryBtnBgd = '#6A7485';
exports.secondaryBtnBgd = secondaryBtnBgd;
var secondaryBtnActBgd = '#494C52';
exports.secondaryBtnActBgd = secondaryBtnActBgd;
var secondaryBtnColor = '#FFFFFF';
exports.secondaryBtnColor = secondaryBtnColor;
var secondaryBtnActColor = '#FFFFFF';
exports.secondaryBtnActColor = secondaryBtnActColor;
var secondaryBtnBgdHover = '#494C52';
exports.secondaryBtnBgdHover = secondaryBtnBgdHover;
var linkBtnBgd = 'transparent';
exports.linkBtnBgd = linkBtnBgd;
var linkBtnActBgd = linkBtnBgd;
exports.linkBtnActBgd = linkBtnActBgd;
var linkBtnColor = '#494C52';
exports.linkBtnColor = linkBtnColor;
var linkBtnActColor = textColorHlLT;
exports.linkBtnActColor = linkBtnActColor;
var linkBtnActBgdHover = linkBtnBgd;
exports.linkBtnActBgdHover = linkBtnActBgdHover;
var negativeBtnBgd = errorColor;
exports.negativeBtnBgd = negativeBtnBgd;
var negativeBtnActBgd = '#FF193E';
exports.negativeBtnActBgd = negativeBtnActBgd;
var negativeBtnBgdHover = '#FF193E';
exports.negativeBtnBgdHover = negativeBtnBgdHover;
var negativeBtnColor = '#FFFFFF';
exports.negativeBtnColor = negativeBtnColor;
var negativeBtnActColor = '#FFFFFF'; // Input
exports.negativeBtnActColor = negativeBtnActColor;
var inputBoxHeight = '34px';
exports.inputBoxHeight = inputBoxHeight;
var inputPadding = '4px 10px';
exports.inputPadding = inputPadding;
var inputFontSize = '11px';
exports.inputFontSize = inputFontSize;
var inputFontWeight = 500;
exports.inputFontWeight = inputFontWeight;
var inputBgd = '#e9e9e7';
exports.inputBgd = inputBgd;
var inputBgdHover = '#D4D4D2';
exports.inputBgdHover = inputBgdHover;
var inputBgdActive = '#D4D4D2';
exports.inputBgdActive = inputBgdActive;
var inputBorderColor = '#29323C';
exports.inputBorderColor = inputBorderColor;
var inputBorderHoverColor = '#D4D4D2';
exports.inputBorderHoverColor = inputBorderHoverColor;
var inputBorderActiveColor = '#D3D8E0';
exports.inputBorderActiveColor = inputBorderActiveColor;
var inputColor = '#494C52';
exports.inputColor = inputColor;
var inputBorderRadius = '1px';
exports.inputBorderRadius = inputBorderRadius;
var inputPlaceholderColor = '#494C52';
exports.inputPlaceholderColor = inputPlaceholderColor;
var inputPlaceholderFontWeight = 400;
exports.inputPlaceholderFontWeight = inputPlaceholderFontWeight;
var secondaryInputHeight = '28px';
exports.secondaryInputHeight = secondaryInputHeight;
var secondaryInputBgd = '#f6f6f4';
exports.secondaryInputBgd = secondaryInputBgd;
var secondaryInputBgdHover = '#FFFFFF';
exports.secondaryInputBgdHover = secondaryInputBgdHover;
var secondaryInputBgdActive = '#E9E9E7';
exports.secondaryInputBgdActive = secondaryInputBgdActive;
var secondaryInputColor = '#494C52';
exports.secondaryInputColor = secondaryInputColor;
var secondaryInputBorderColor = '#242730';
exports.secondaryInputBorderColor = secondaryInputBorderColor;
var secondaryInputBorderActiveColor = '#D3D8E0'; // Select
exports.secondaryInputBorderActiveColor = secondaryInputBorderActiveColor;
var selectColor = inputColor;
exports.selectColor = selectColor;
var selectColorLT = titleColorLT;
exports.selectColorLT = selectColorLT;
var selectActiveBorderColor = '#D3D8E0';
exports.selectActiveBorderColor = selectActiveBorderColor;
var selectFontSize = '11px';
exports.selectFontSize = selectFontSize;
var selectFontWeight = '400';
exports.selectFontWeight = selectFontWeight;
var selectFontWeightBold = '500';
exports.selectFontWeightBold = selectFontWeightBold;
var selectColorPlaceHolder = '#494C52';
exports.selectColorPlaceHolder = selectColorPlaceHolder;
var selectBackground = inputBgd;
exports.selectBackground = selectBackground;
var selectBackgroundHover = inputBgdHover;
exports.selectBackgroundHover = selectBackgroundHover;
var selectBackgroundLT = '#4E4F4F';
exports.selectBackgroundLT = selectBackgroundLT;
var selectBackgroundHoverLT = '#F8F8F9';
exports.selectBackgroundHoverLT = selectBackgroundHoverLT;
var selectBorderColor = '#D3D8E0';
exports.selectBorderColor = selectBorderColor;
var selectBorderColorLT = '#D3D8E0';
exports.selectBorderColorLT = selectBorderColorLT;
var selectBorderRadius = '1px';
exports.selectBorderRadius = selectBorderRadius;
var selectBorder = 0;
exports.selectBorder = selectBorder;
var dropdownListHighlightBg = '#A0A7B4';
exports.dropdownListHighlightBg = dropdownListHighlightBg;
var dropdownListShadow = '0 6px 12px 0 rgba(0,0,0,0.16)';
exports.dropdownListShadow = dropdownListShadow;
var dropdownListBgd = '#D4D4D2';
exports.dropdownListBgd = dropdownListBgd;
var dropdownListBorderTop = '#242730'; // Switch
exports.dropdownListBorderTop = dropdownListBorderTop;
var switchWidth = 24;
exports.switchWidth = switchWidth;
var switchHeight = 12;
exports.switchHeight = switchHeight;
var switchLabelMargin = 12;
exports.switchLabelMargin = switchLabelMargin;
var switchTrackBgd = '#D4D4D2';
exports.switchTrackBgd = switchTrackBgd;
var switchTrackBgdActive = activeColor;
exports.switchTrackBgdActive = switchTrackBgdActive;
var switchTrackBorderRadius = '1px';
exports.switchTrackBorderRadius = switchTrackBorderRadius;
var switchBtnBgd = '#6A7485';
exports.switchBtnBgd = switchBtnBgd;
var switchBtnBgdActive = '#D3D8E0';
exports.switchBtnBgdActive = switchBtnBgdActive;
var switchBtnBoxShadow = '0 2px 4px 0 rgba(0,0,0,0.40)';
exports.switchBtnBoxShadow = switchBtnBoxShadow;
var switchBtnBorderRadius = '1px';
exports.switchBtnBorderRadius = switchBtnBorderRadius;
var switchBtnWidth = '12px';
exports.switchBtnWidth = switchBtnWidth;
var switchBtnHeight = '12px';
exports.switchBtnHeight = switchBtnHeight;
var secondarySwitchTrackBgd = '#D4D4D2';
exports.secondarySwitchTrackBgd = secondarySwitchTrackBgd;
var secondarySwitchBtnBgd = '#D3D8E0'; // Checkbox
exports.secondarySwitchBtnBgd = secondarySwitchBtnBgd;
var checkboxWidth = 16;
exports.checkboxWidth = checkboxWidth;
var checkboxHeight = 16;
exports.checkboxHeight = checkboxHeight;
var checkboxMargin = 12;
exports.checkboxMargin = checkboxMargin;
var checkboxBorderColor = selectBorderColor;
exports.checkboxBorderColor = checkboxBorderColor;
var checkboxBorderRadius = '2px';
exports.checkboxBorderRadius = checkboxBorderRadius;
var checkboxBorderColorLT = selectBorderColorLT;
exports.checkboxBorderColorLT = checkboxBorderColorLT;
var checkboxBoxBgd = 'white';
exports.checkboxBoxBgd = checkboxBoxBgd;
var checkboxBoxBgdChecked = primaryBtnBgd; // Side Panel
exports.checkboxBoxBgdChecked = checkboxBoxBgdChecked;
var sidePanelHeaderBg = '#e9e9e7';
exports.sidePanelHeaderBg = sidePanelHeaderBg;
var sidePanelBg = '#f6f6f4';
exports.sidePanelBg = sidePanelBg;
var sideBarCloseBtnBgd = '#BFBFBE';
exports.sideBarCloseBtnBgd = sideBarCloseBtnBgd;
var sideBarCloseBtnColor = '#29323C';
exports.sideBarCloseBtnColor = sideBarCloseBtnColor;
var sideBarCloseBtnBgdHover = '#8B8B8B';
exports.sideBarCloseBtnBgdHover = sideBarCloseBtnBgdHover;
var panelBackground = '#e9e9e7';
exports.panelBackground = panelBackground;
var panelBackgroundHover = '#D4D4D2';
exports.panelBackgroundHover = panelBackgroundHover;
var panelActiveBg = '#D4D4D2';
exports.panelActiveBg = panelActiveBg;
var panelActiveBgLT = '#6A7485';
exports.panelActiveBgLT = panelActiveBgLT;
var panelHeaderIcon = '#6A7485';
exports.panelHeaderIcon = panelHeaderIcon;
var panelHeaderIconActive = '#494C52';
exports.panelHeaderIconActive = panelHeaderIconActive;
var panelHeaderHeight = 48;
exports.panelHeaderHeight = panelHeaderHeight;
var panelBoxShadow = '0 6px 12px 0 rgba(0,0,0,0.16)';
exports.panelBoxShadow = panelBoxShadow;
var panelBorderRadius = '2px';
exports.panelBorderRadius = panelBorderRadius;
var panelBackgroundLT = '#f8f8f9';
exports.panelBackgroundLT = panelBackgroundLT;
var panelBorderColor = '#3A414C';
exports.panelBorderColor = panelBorderColor;
var panelBorder = "1px solid ".concat(borderColor);
exports.panelBorder = panelBorder;
var panelBorderLT = "1px solid ".concat(borderColorLight);
exports.panelBorderLT = panelBorderLT;
var mapPanelBackgroundColor = '#242730';
exports.mapPanelBackgroundColor = mapPanelBackgroundColor;
var mapPanelHeaderBackgroundColor = '#29323C';
exports.mapPanelHeaderBackgroundColor = mapPanelHeaderBackgroundColor;
var tooltipBg = '#3b4754';
exports.tooltipBg = tooltipBg;
var tooltipColor = '#F8F8F9'; // Modal
exports.tooltipColor = tooltipColor;
var modalTitleColor = '#3A414C';
exports.modalTitleColor = modalTitleColor;
var modalTitleFontSize = '24px';
exports.modalTitleFontSize = modalTitleFontSize;
var modalFooterBgd = '#F8F8F9';
exports.modalFooterBgd = modalFooterBgd;
var modalImagePlaceHolder = '#DDDFE3'; // Modal Dialog (Dark)
exports.modalImagePlaceHolder = modalImagePlaceHolder;
var modalDialogBgd = '#3A414C';
exports.modalDialogBgd = modalDialogBgd;
var modalDialogColor = textColorHl; // Slider
exports.modalDialogColor = modalDialogColor;
var sliderBarColor = '#6A7485';
exports.sliderBarColor = sliderBarColor;
var sliderBarBgd = '#D4D4D2';
exports.sliderBarBgd = sliderBarBgd;
var sliderBarHoverColor = '#D3D8E0';
exports.sliderBarHoverColor = sliderBarHoverColor;
var sliderBarRadius = '1px';
exports.sliderBarRadius = sliderBarRadius;
var sliderBarHeight = '4px';
exports.sliderBarHeight = sliderBarHeight;
var sliderHandleHeight = '12px';
exports.sliderHandleHeight = sliderHandleHeight;
var sliderHandleWidth = '12px';
exports.sliderHandleWidth = sliderHandleWidth;
var sliderHandleColor = '#D3D8E0';
exports.sliderHandleColor = sliderHandleColor;
var sliderHandleHoverColor = '#FFFFFF';
exports.sliderHandleHoverColor = sliderHandleHoverColor;
var sliderHandleShadow = '0 2px 4px 0 rgba(0,0,0,0.40)';
exports.sliderHandleShadow = sliderHandleShadow;
var sliderInputHeight = 24;
exports.sliderInputHeight = sliderInputHeight;
var sliderInputWidth = 50; // Plot
exports.sliderInputWidth = sliderInputWidth;
var rangeBrushBgd = '#3A414C'; // Notification
exports.rangeBrushBgd = rangeBrushBgd;
var notificationColors = {
info: '#276ef1',
error: '#f25138',
success: '#47b275',
warning: '#ffc043'
};
exports.notificationColors = notificationColors;
var notificationPanelWidth = 240;
exports.notificationPanelWidth = notificationPanelWidth;
var notificationPanelItemWidth = notificationPanelWidth - 60;
exports.notificationPanelItemWidth = notificationPanelItemWidth;
var notificationPanelItemHeight = 60;
exports.notificationPanelItemHeight = notificationPanelItemHeight;
var textTruncate = {
maxWidth: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
wordWrap: 'normal'
}; // theme is passed to kepler.gl when it's mounted,
// it is used by styled-components to pass along to
// all child components
exports.textTruncate = textTruncate;
var input = (0, _styledComponents.css)(_templateObject(), function (props) {
return props.theme.inputBgd;
}, function (props) {
return props.active ? props.theme.inputBorderActiveColor : props.error ? props.theme.errorColor : props.theme.inputBgd;
}, function (props) {
return props.theme.inputBorderActiveColor;
}, function (props) {
return props.theme.inputColor;
}, function (props) {
return props.theme.inputFontSize;
}, function (props) {
return props.theme.inputFontWeight;
}, function (props) {
return props.theme.inputBoxHeight;
}, function (props) {
return props.theme.inputPadding;
}, function (props) {
return props.theme.transition;
}, function (props) {
return props.disabled ? 'none' : 'all';
}, function (props) {
return props.disabled ? 0.5 : 1;
}, function (props) {
return props.type === 'number' ? 'text' : 'pointer';
}, function (props) {
return props.active ? props.theme.inputBgdActive : props.theme.inputBgdHover;
}, function (props) {
return props.active ? props.theme.inputBorderActiveColor : props.theme.inputBorderHoverColor;
}, function (props) {
return props.theme.inputBgdActive;
}, function (props) {
return props.theme.inputBorderActiveColor;
}, function (props) {
return props.theme.inputPlaceholderColor;
}, function (props) {
return props.theme.inputPlaceholderFontWeight;
});
var inputLT = (0, _styledComponents.css)(_templateObject2(), input, function (props) {
return props.theme.selectBackgroundLT;
}, function (props) {
return props.active ? props.theme.selectActiveBorderColor : props.error ? props.theme.errorColor : props.theme.selectBorderColorLT;
}, function (props) {
return props.theme.selectColorLT;
}, function (props) {
return props.theme.selectColorLT;
}, function (props) {
return props.theme.subtextColorLT;
}, function (props) {
return props.theme.selectBackgroundLT;
}, function (props) {
return props.theme.textColorLT;
}, function (props) {
return props.theme.selectBackgroundLT;
}, function (props) {
return ['number', 'text'].includes(props.type) ? 'text' : 'pointer';
}, function (props) {
return props.active ? props.theme.textColorLT : props.theme.subtextColor;
});
var secondaryInput = (0, _styledComponents.css)(_templateObject3(), function (props) {
return props.theme.input;
}, function (props) {
return props.theme.secondaryInputColor;
}, function (props) {
return props.theme.secondaryInputBgd;
}, function (props) {
return props.theme.secondaryInputHeight;
}, function (props) {
return props.error ? props.theme.errorColor : props.theme.secondaryInputBorderColor;
}, function (props) {
return props.theme.secondaryInputBgdHover;
}, function (props) {
return props.theme.secondaryInputBgdHover;
}, function (props) {
return props.theme.secondaryInputBgdActive;
}, function (props) {
return props.theme.secondaryInputBorderActiveColor;
});
var chickletedInput = (0, _styledComponents.css)(_templateObject4(), function (props) {
return props.theme.secondaryInput;
});
var inlineInput = (0, _styledComponents.css)(_templateObject5(), function (props) {
return props.theme.input;
}, function (props) {
return props.theme.textColor;
}, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.inputBorderActiveColor;
});
var switchTrack = (0, _styledComponents.css)(_templateObject6(), function (props) {
return props.checked ? props.theme.switchTrackBgdActive : props.theme.switchTrackBgd;
}, function (props) {
return -props.theme.switchLabelMargin;
}, function (props) {
return props.theme.switchWidth;
}, function (props) {
return props.theme.switchHeight;
}, function (props) {
return props.theme.switchTrackBorderRadius;
});
var switchButton = (0, _styledComponents.css)(_templateObject7(), function (props) {
return props.theme.transition;
}, function (props) {
return (props.checked ? props.theme.switchWidth / 2 : -1) - props.theme.switchLabelMargin;
}, function (props) {
return props.theme.switchBtnHeight;
}, function (props) {
return props.theme.switchBtnWidth;
}, function (props) {
return props.checked ? props.theme.switchBtnBgdActive : props.theme.switchBtnBgd;
}, function (props) {
return props.theme.switchBtnBoxShadow;
});
var inputSwitch = (0, _styledComponents.css)(_templateObject8(), function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.switchHeight / 2;
}, function (props) {
return props.theme.switchWidth;
}, function (props) {
return props.theme.switchTrack;
}, function (props) {
return props.theme.switchButton;
}); // This is a light version checkbox
var checkboxBox = (0, _styledComponents.css)(_templateObject9(), function (props) {
return props.theme.checkboxWidth;
}, function (props) {
return props.theme.checkboxHeight;
}, function (props) {
return props.checked ? props.theme.checkboxBoxBgdChecked : props.theme.checkboxBoxBgd;
}, function (props) {
return props.checked ? props.theme.checkboxBoxBgdChecked : props.theme.checkboxBorderColor;
});
var checkboxCheck = (0, _styledComponents.css)(_templateObject10(), function (props) {
return props.checked ? 1 : 0;
});
var inputCheckbox = (0, _styledComponents.css)(_templateObject11(), function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.switchLabelMargin;
}, function (props) {
return props.theme.checkboxBox;
}, function (props) {
return props.theme.checkboxCheck;
});
var secondarySwitch = (0, _styledComponents.css)(_templateObject12(), function (props) {
return props.theme.inputSwitch;
}, function (props) {
return props.theme.switchTrack;
}, function (props) {
return props.checked ? props.theme.switchTrackBgdActive : props.theme.secondarySwitchTrackBgd;
}, function (props) {
return props.theme.switchButton;
}, function (props) {
return props.checked ? props.theme.switchBtnBgdActive : props.theme.secondarySwitchBtnBgd;
});
var dropdownScrollBar = (0, _styledComponents.css)(_templateObject13(), function (props) {
return props.theme.dropdownListBgd;
}, function (props) {
return props.theme.dropdownListBgd;
}, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.dropdownListBgd;
}, function (props) {
return props.theme.textColorHl;
});
var dropdownListAnchor = (0, _styledComponents.css)(_templateObject14(), function (props) {
return props.theme.selectColor;
});
var dropdownListItem = (0, _styledComponents.css)(_templateObject15(), function (props) {
return props.theme.dropdownListHighlightBg;
}, function (props) {
return props.theme.textColorHl;
});
var dropdownListHeader = (0, _styledComponents.css)(_templateObject16(), function (props) {
return props.theme.labelColor;
});
var dropdownListSection = (0, _styledComponents.css)(_templateObject17(), function (props) {
return props.theme.labelColor;
});
var dropdownList = (0, _styledComponents.css)(_templateObject18(), function (props) {
return props.theme.dropdownListShadow;
}, function (props) {
return props.theme.dropdownListSection;
}, function (props) {
return props.theme.dropdownListHeader;
}, function (props) {
return props.theme.dropdownListItem;
}, function (props) {
return props.theme.dropdownListAnchor;
}, function (props) {
return props.theme.dropdownScrollBar;
});
var sidePanelScrollBar = (0, _styledComponents.css)(_templateObject19(), function (props) {
return props.theme.sidePanelBg;
}, function (props) {
return props.theme.sidePanelBg;
}, function (props) {
return props.theme.panelBackgroundHover;
}, function (props) {
return props.theme.sidePanelBg;
}, function (props) {
return props.theme.labelColor;
});
var panelDropdownScrollBar = (0, _styledComponents.css)(_templateObject20(), function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.panelBackgroundHover;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.labelColor;
});
var scrollBar = (0, _styledComponents.css)(_templateObject21(), function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.textColorHl;
}, function (props) {
return props.theme.textColorHl;
});
var modalScrollBar = (0, _styledComponents.css)(_templateObject22(), function (props) {
return props.theme.textColorHl;
}, function (props) {
return props.theme.labelColorLT;
}, function (props) {
return props.theme.textColorHl;
}, function (props) {
return props.theme.textColorHl;
});
exports.modalScrollBar = modalScrollBar;
var theme = _objectSpread({}, _defaultSettings.DIMENSIONS, {
// templates
input: input,
inputLT: inputLT,
inlineInput: inlineInput,
chickletedInput: chickletedInput,
secondaryInput: secondaryInput,
dropdownScrollBar: dropdownScrollBar,
dropdownList: dropdownList,
dropdownListItem: dropdownListItem,
dropdownListAnchor: dropdownListAnchor,
dropdownListHeader: dropdownListHeader,
dropdownListSection: dropdownListSection,
dropdownListShadow: dropdownListShadow,
modalScrollBar: modalScrollBar,
scrollBar: scrollBar,
sidePanelScrollBar: sidePanelScrollBar,
inputSwitch: inputSwitch,
secondarySwitch: secondarySwitch,
switchTrack: switchTrack,
switchButton: switchButton,
inputCheckbox: inputCheckbox,
checkboxBox: checkboxBox,
checkboxCheck: checkboxCheck,
// Transitions
transition: transition,
transitionFast: transitionFast,
transitionSlow: transitionSlow,
// styles
activeColor: activeColor,
activeColorHover: activeColorHover,
borderRadius: borderRadius,
boxShadow: boxShadow,
errorColor: errorColor,
dropdownListHighlightBg: dropdownListHighlightBg,
dropdownListBgd: dropdownListBgd,
dropdownListBorderTop: dropdownListBorderTop,
labelColor: labelColor,
labelColorLT: labelColorLT,
labelHoverColor: labelHoverColor,
mapPanelBackgroundColor: mapPanelBackgroundColor,
mapPanelHeaderBackgroundColor: mapPanelHeaderBackgroundColor,
// Select
selectActiveBorderColor: selectActiveBorderColor,
selectBackground: selectBackground,
selectBackgroundLT: selectBackgroundLT,
selectBackgroundHover: selectBackgroundHover,
selectBackgroundHoverLT: selectBackgroundHoverLT,
selectBorder: selectBorder,
selectBorderColor: selectBorderColor,
selectBorderRadius: selectBorderRadius,
selectBorderColorLT: selectBorderColorLT,
selectColor: selectColor,
selectColorPlaceHolder: selectColorPlaceHolder,
selectFontSize: selectFontSize,
selectFontWeight: selectFontWeight,
selectColorLT: selectColorLT,
// Input
inputBgd: inputBgd,
inputBgdHover: inputBgdHover,
inputBgdActive: inputBgdActive,
inputBoxHeight: inputBoxHeight,
inputBorderColor: inputBorderColor,
inputBorderActiveColor: inputBorderActiveColor,
inputBorderHoverColor: inputBorderHoverColor,
inputBorderRadius: inputBorderRadius,
inputColor: inputColor,
inputPadding: inputPadding,
inputFontSize: inputFontSize,
inputFontWeight: inputFontWeight,
inputPlaceholderColor: inputPlaceholderColor,
inputPlaceholderFontWeight: inputPlaceholderFontWeight,
secondaryInputBgd: secondaryInputBgd,
secondaryInputBgdHover: secondaryInputBgdHover,
secondaryInputBgdActive: secondaryInputBgdActive,
secondaryInputHeight: secondaryInputHeight,
secondaryInputColor: secondaryInputColor,
secondaryInputBorderColor: secondaryInputBorderColor,
secondaryInputBorderActiveColor: secondaryInputBorderActiveColor,
// Switch
switchWidth: switchWidth,
switchHeight: switchHeight,
switchTrackBgd: switchTrackBgd,
switchTrackBgdActive: switchTrackBgdActive,
switchTrackBorderRadius: switchTrackBorderRadius,
switchBtnBgd: switchBtnBgd,
switchBtnBgdActive: switchBtnBgdActive,
switchBtnBoxShadow: switchBtnBoxShadow,
switchBtnBorderRadius: switchBtnBorderRadius,
switchBtnWidth: switchBtnWidth,
switchBtnHeight: switchBtnHeight,
switchLabelMargin: switchLabelMargin,
secondarySwitchTrackBgd: secondarySwitchTrackBgd,
secondarySwitchBtnBgd: secondarySwitchBtnBgd,
// Checkbox
checkboxWidth: checkboxWidth,
checkboxHeight: checkboxHeight,
checkboxMargin: checkboxMargin,
checkboxBorderColor: checkboxBorderColor,
checkboxBorderRadius: checkboxBorderRadius,
checkboxBorderColorLT: checkboxBorderColorLT,
checkboxBoxBgd: checkboxBoxBgd,
checkboxBoxBgdChecked: checkboxBoxBgdChecked,
// Button
primaryBtnBgd: primaryBtnBgd,
primaryBtnActBgd: primaryBtnActBgd,
primaryBtnColor: primaryBtnColor,
primaryBtnActColor: primaryBtnActColor,
primaryBtnBgdHover: primaryBtnBgdHover,
primaryBtnRadius: primaryBtnRadius,
secondaryBtnBgd: secondaryBtnBgd,
secondaryBtnActBgd: secondaryBtnActBgd,
secondaryBtnBgdHover: secondaryBtnBgdHover,
secondaryBtnColor: secondaryBtnColor,
secondaryBtnActColor: secondaryBtnActColor,
negativeBtnBgd: negativeBtnBgd,
negativeBtnActBgd: negativeBtnActBgd,
negativeBtnBgdHover: negativeBtnBgdHover,
negativeBtnColor: negativeBtnColor,
negativeBtnActColor: negativeBtnActColor,
linkBtnBgd: linkBtnBgd,
linkBtnActBgd: linkBtnActBgd,
linkBtnColor: linkBtnColor,
linkBtnActColor: linkBtnActColor,
linkBtnActBgdHover: linkBtnActBgdHover,
// Modal
modalTitleColor: modalTitleColor,
modalTitleFontSize: modalTitleFontSize,
modalFooterBgd: modalFooterBgd,
modalImagePlaceHolder: modalImagePlaceHolder,
modalDialogBgd: modalDialogBgd,
modalDialogColor: modalDialogColor,
// Side Panel
sidePanelBg: sidePanelBg,
sideBarCloseBtnBgd: sideBarCloseBtnBgd,
sideBarCloseBtnColor: sideBarCloseBtnColor,
sideBarCloseBtnBgdHover: sideBarCloseBtnBgdHover,
sidePanelHeaderBg: sidePanelHeaderBg,
// Side Panel Panel
panelActiveBg: panelActiveBg,
panelBackground: panelBackground,
panelBackgroundHover: panelBackgroundHover,
panelBackgroundLT: panelBackgroundLT,
panelBoxShadow: panelBoxShadow,
panelBorderRadius: panelBorderRadius,
panelBorder: panelBorder,
panelBorderColor: panelBorderColor,
panelBorderLT: panelBorderLT,
panelHeaderIcon: panelHeaderIcon,
panelHeaderIconActive: panelHeaderIconActive,
panelHeaderHeight: panelHeaderHeight,
panelDropdownScrollBar: panelDropdownScrollBar,
// Text
textColor: textColor,
textColorLT: textColorLT,
textColorHl: textColorHl,
titleTextColor: titleTextColor,
subtextColor: subtextColor,
subtextColorLT: subtextColorLT,
subtextColorActive: subtextColorActive,
textTruncate: textTruncate,
titleColorLT: titleColorLT,
tooltipBg: tooltipBg,
tooltipColor: tooltipColor,
// Slider
sliderBarColor: sliderBarColor,
sliderBarBgd: sliderBarBgd,
sliderBarHoverColor: sliderBarHoverColor,
sliderBarRadius: sliderBarRadius,
sliderBarHeight: sliderBarHeight,
sliderHandleHeight: sliderHandleHeight,
sliderHandleWidth: sliderHandleWidth,
sliderHandleColor: sliderHandleColor,
sliderHandleHoverColor: sliderHandleHoverColor,
sliderHandleShadow: sliderHandleShadow,
sliderInputHeight: sliderInputHeight,
sliderInputWidth: sliderInputWidth,
// Plot
rangeBrushBgd: rangeBrushBgd,
// Notifications
notificationColors: notificationColors,
notificationPanelWidth: notificationPanelWidth,
notificationPanelItemWidth: notificationPanelItemWidth,
notificationPanelItemHeight: notificationPanelItemHeight
});
exports.theme = theme;
var themeLT = _objectSpread({}, theme, {
// template
input: inputLT,
panelActiveBg: panelActiveBgLT,
textColor: textColorLT,
textColorHl: textColorHlLT
});
exports.themeLT = themeLT;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvYmFzZS5qcyJdLCJuYW1lcyI6WyJ0cmFuc2l0aW9uIiwidHJhbnNpdGlvbkZhc3QiLCJ0cmFuc2l0aW9uU2xvdyIsImJveFNoYWRvdyIsImJveFNpemluZyIsImJvcmRlclJhZGl1cyIsImJvcmRlckNvbG9yIiwiYm9yZGVyQ29sb3JMaWdodCIsImxhYmVsQ29sb3IiLCJsYWJlbEhvdmVyQ29sb3IiLCJsYWJlbENvbG9yTFQiLCJ0ZXh0Q29sb3IiLCJ0ZXh0Q29sb3JMVCIsInRpdGxlQ29sb3JMVCIsInN1YnRleHRDb2xvciIsInN1YnRleHRDb2xvckxUIiwic3VidGV4dENvbG9yQWN0aXZlIiwidGl0bGVUZXh0Q29sb3IiLCJ0ZXh0Q29sb3JIbCIsInRleHRDb2xvckhsTFQiLCJhY3RpdmVDb2xvciIsImFjdGl2ZUNvbG9ySG92ZXIiLCJlcnJvckNvbG9yIiwicHJpbWFyeUJ0bkJnZCIsInByaW1hcnlCdG5BY3RCZ2QiLCJwcmltYXJ5QnRuQ29sb3IiLCJwcmltYXJ5QnRuQWN0Q29sb3IiLCJwcmltYXJ5QnRuQmdkSG92ZXIiLCJwcmltYXJ5QnRuUmFkaXVzIiwic2Vjb25kYXJ5QnRuQmdkIiwic2Vjb25kYXJ5QnRuQWN0QmdkIiwic2Vjb25kYXJ5QnRuQ29sb3IiLCJzZWNvbmRhcnlCdG5BY3RDb2xvciIsInNlY29uZGFyeUJ0bkJnZEhvdmVyIiwibGlua0J0bkJnZCIsImxpbmtCdG5BY3RCZ2QiLCJsaW5rQnRuQ29sb3IiLCJsaW5rQnRuQWN0Q29sb3IiLCJsaW5rQnRuQWN0QmdkSG92ZXIiLCJuZWdhdGl2ZUJ0bkJnZCIsIm5lZ2F0aXZlQnRuQWN0QmdkIiwibmVnYXRpdmVCdG5CZ2RIb3ZlciIsIm5lZ2F0aXZlQnRuQ29sb3IiLCJuZWdhdGl2ZUJ0bkFjdENvbG9yIiwiaW5wdXRCb3hIZWlnaHQiLCJpbnB1dFBhZGRpbmciLCJpbnB1dEZvbnRTaXplIiwiaW5wdXRGb250V2VpZ2h0IiwiaW5wdXRCZ2QiLCJpbnB1dEJnZEhvdmVyIiwiaW5wdXRCZ2RBY3RpdmUiLCJpbnB1dEJvcmRlckNvbG9yIiwiaW5wdXRCb3JkZXJIb3ZlckNvbG9yIiwiaW5wdXRCb3JkZXJBY3RpdmVDb2xvciIsImlucHV0Q29sb3IiLCJpbnB1dEJvcmRlclJhZGl1cyIsImlucHV0UGxhY2Vob2xkZXJDb2xvciIsImlucHV0UGxhY2Vob2xkZXJGb250V2VpZ2h0Iiwic2Vjb25kYXJ5SW5wdXRIZWlnaHQiLCJzZWNvbmRhcnlJbnB1dEJnZCIsInNlY29uZGFyeUlucHV0QmdkSG92ZXIiLCJzZWNvbmRhcnlJbnB1dEJnZEFjdGl2ZSIsInNlY29uZGFyeUlucHV0Q29sb3IiLCJzZWNvbmRhcnlJbnB1dEJvcmRlckNvbG9yIiwic2Vjb25kYXJ5SW5wdXRCb3JkZXJBY3RpdmVDb2xvciIsInNlbGVjdENvbG9yIiwic2VsZWN0Q29sb3JMVCIsInNlbGVjdEFjdGl2ZUJvcmRlckNvbG9yIiwic2VsZWN0Rm9udFNpemUiLCJzZWxlY3RGb250V2VpZ2h0Iiwic2VsZWN0Rm9udFdlaWdodEJvbGQiLCJzZWxlY3RDb2xvclBsYWNlSG9sZGVyIiwic2VsZWN0QmFja2dyb3VuZCIsInNlbGVjdEJhY2tncm91bmRIb3ZlciIsInNlbGVjdEJhY2tncm91bmRMVCIsInNlbGVjdEJhY2tncm91bmRIb3ZlckxUIiwic2VsZWN0Qm9yZGVyQ29sb3IiLCJzZWxlY3RCb3JkZXJDb2xvckxUIiwic2VsZWN0Qm9yZGVyUmFkaXVzIiwic2VsZWN0Qm9yZGVyIiwiZHJvcGRvd25MaXN0SGlnaGxpZ2h0QmciLCJkcm9wZG93bkxpc3RTaGFkb3ciLCJkcm9wZG93bkxpc3RCZ2QiLCJkcm9wZG93bkxpc3RCb3JkZXJUb3AiLCJzd2l0Y2hXaWR0aCIsInN3aXRjaEhlaWdodCIsInN3aXRjaExhYmVsTWFyZ2luIiwic3dpdGNoVHJhY2tCZ2QiLCJzd2l0Y2hUcmFja0JnZEFjdGl2ZSIsInN3aXRjaFRyYWNrQm9yZGVyUmFkaXVzIiwic3dpdGNoQnRuQmdkIiwic3dpdGNoQnRuQmdkQWN0aXZlIiwic3dpdGNoQnRuQm94U2hhZG93Iiwic3dpdGNoQnRuQm9yZGVyUmFkaXVzIiwic3dpdGNoQnRuV2lkdGgiLCJzd2l0Y2hCdG5IZWlnaHQiLCJzZWNvbmRhcnlTd2l0Y2hUcmFja0JnZCIsInNlY29uZGFyeVN3aXRjaEJ0bkJnZCIsImNoZWNrYm94V2lkdGgiLCJjaGVja2JveEhlaWdodCIsImNoZWNrYm94TWFyZ2luIiwiY2hlY2tib3hCb3JkZXJDb2xvciIsImNoZWNrYm94Qm9yZGVyUmFkaXVzIiwiY2hlY2tib3hCb3JkZXJDb2xvckxUIiwiY2hlY2tib3hCb3hCZ2QiLCJjaGVja2JveEJveEJnZENoZWNrZWQiLCJzaWRlUGFuZWxIZWFkZXJCZyIsInNpZGVQYW5lbEJnIiwic2lkZUJhckNsb3NlQnRuQmdkIiwic2lkZUJhckNsb3NlQnRuQ29sb3IiLCJzaWRlQmFyQ2xvc2VCdG5CZ2RIb3ZlciIsInBhbmVsQmFja2dyb3VuZCIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwicGFuZWxBY3RpdmVCZyIsInBhbmVsQWN0aXZlQmdMVCIsInBhbmVsSGVhZGVySWNvbiIsInBhbmVsSGVhZGVySWNvbkFjdGl2ZSIsInBhbmVsSGVhZGVySGVpZ2h0IiwicGFuZWxCb3hTaGFkb3ciLCJwYW5lbEJvcmRlclJhZGl1cyIsInBhbmVsQmFja2dyb3VuZExUIiwicGFuZWxCb3JkZXJDb2xvciIsInBhbmVsQm9yZGVyIiwicGFuZWxCb3JkZXJMVCIsIm1hcFBhbmVsQmFja2dyb3VuZENvbG9yIiwibWFwUGFuZWxIZWFkZXJCYWNrZ3JvdW5kQ29sb3IiLCJ0b29sdGlwQmciLCJ0b29sdGlwQ29sb3IiLCJtb2RhbFRpdGxlQ29sb3IiLCJtb2RhbFRpdGxlRm9udFNpemUiLCJtb2RhbEZvb3RlckJnZCIsIm1vZGFsSW1hZ2VQbGFjZUhvbGRlciIsIm1vZGFsRGlhbG9nQmdkIiwibW9kYWxEaWFsb2dDb2xvciIsInNsaWRlckJhckNvbG9yIiwic2xpZGVyQmFyQmdkIiwic2xpZGVyQmFySG92ZXJDb2xvciIsInNsaWRlckJhclJhZGl1cyIsInNsaWRlckJhckhlaWdodCIsInNsaWRlckhhbmRsZUhlaWdodCIsInNsaWRlckhhbmRsZVdpZHRoIiwic2xpZGVySGFuZGxlQ29sb3IiLCJzbGlkZXJIYW5kbGVIb3ZlckNvbG9yIiwic2xpZGVySGFuZGxlU2hhZG93Iiwic2xpZGVySW5wdXRIZWlnaHQiLCJzbGlkZXJJbnB1dFdpZHRoIiwicmFuZ2VCcnVzaEJnZCIsIm5vdGlmaWNhdGlvbkNvbG9ycyIsImluZm8iLCJlcnJvciIsInN1Y2Nlc3MiLCJ3YXJuaW5nIiwibm90aWZpY2F0aW9uUGFuZWxXaWR0aCIsIm5vdGlmaWNhdGlvblBhbmVsSXRlbVdpZHRoIiwibm90aWZpY2F0aW9uUGFuZWxJdGVtSGVpZ2h0IiwidGV4dFRydW5jYXRlIiwibWF4V2lkdGgiLCJvdmVyZmxvdyIsInRleHRPdmVyZmxvdyIsIndoaXRlU3BhY2UiLCJ3b3JkV3JhcCIsImlucHV0IiwiY3NzIiwicHJvcHMiLCJ0aGVtZSIsImFjdGl2ZSIsImRpc2FibGVkIiwidHlwZSIsImlucHV0TFQiLCJpbmNsdWRlcyIsInNlY29uZGFyeUlucHV0IiwiY2hpY2tsZXRlZElucHV0IiwiaW5saW5lSW5wdXQiLCJzd2l0Y2hUcmFjayIsImNoZWNrZWQiLCJzd2l0Y2hCdXR0b24iLCJpbnB1dFN3aXRjaCIsImNoZWNrYm94Qm94IiwiY2hlY2tib3hDaGVjayIsImlucHV0Q2hlY2tib3giLCJzZWNvbmRhcnlTd2l0Y2giLCJkcm9wZG93blNjcm9sbEJhciIsImRyb3Bkb3duTGlzdEFuY2hvciIsImRyb3Bkb3duTGlzdEl0ZW0iLCJkcm9wZG93bkxpc3RIZWFkZXIiLCJkcm9wZG93bkxpc3RTZWN0aW9uIiwiZHJvcGRvd25MaXN0Iiwic2lkZVBhbmVsU2Nyb2xsQmFyIiwicGFuZWxEcm9wZG93blNjcm9sbEJhciIsInNjcm9sbEJhciIsIm1vZGFsU2Nyb2xsQmFyIiwiRElNRU5TSU9OUyIsInRoZW1lTFQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRU8sSUFBTUEsVUFBVSxHQUFHLGNBQW5COztBQUNBLElBQU1DLGNBQWMsR0FBRyxjQ