calcite-react/MultiSelect/MultiSelect-styled.js

Calcite components for React

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledMultiSelectMenu = exports.StyledMultiSelectButton = exports.StyledMultiSelectWrapper = void 0;

var _styledComponents = _interopRequireWildcard(require("styled-components"));

var _helpers = require("../utils/helpers");

var _commonElements = require("../utils/commonElements");

var _CalciteThemeProvider = require("../CalciteThemeProvider");

var _Menu = _interopRequireDefault(require("../Menu"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

// Copyright 2019 Esri
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.​
// styled-components
// Utils, common elements
// Calcite theme and Esri colors
// Calcite components
// Icons
// Third party libraries
var StyledMultiSelectWrapper = _styledComponents.default.div.withConfig({
  displayName: "StyledMultiSelectWrapper",
  componentId: "sc-1sin3j6-0"
})(["position:relative;"]);

exports.StyledMultiSelectWrapper = StyledMultiSelectWrapper;
StyledMultiSelectWrapper.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};
var StyledMultiSelectButton = (0, _styledComponents.default)(_commonElements.CalciteSelect).withConfig({
  displayName: "StyledMultiSelectButton",
  componentId: "sc-1sin3j6-1"
})(["cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:initial;"]);
exports.StyledMultiSelectButton = StyledMultiSelectButton;
StyledMultiSelectButton.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};
var StyledMultiSelectMenu = (0, _styledComponents.default)(_Menu.default).withConfig({
  displayName: "StyledMultiSelectMenu",
  componentId: "sc-1sin3j6-2"
})(["max-height:300px;border-bottom:none;box-shadow:", ",0 1px 0 ", ";transition:opacity ", ";z-index:2000;display:none;", ";", ";iframe{border:none;}"], function (props) {
  return props.theme.boxShadow;
}, function (props) {
  return props.theme.palette.lightestGray;
}, (0, _helpers.transition)(), function (props) {
  return props.isOpen && (0, _styledComponents.css)(["display:block;"]);
}, function (props) {
  return props.fullWidth && (0, _styledComponents.css)(["width:100%;"]);
});
exports.StyledMultiSelectMenu = StyledMultiSelectMenu;
StyledMultiSelectMenu.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};