calcite-react/ArcgisShare/ArcgisShare-styled.js

Calcite components for React

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledNoGroups = exports.StyledLegend = exports.StyledStarIcon = exports.StyledGroupFieldset = exports.GroupCheckboxLabelStyles = exports.PrimaryCheckboxLabelStyles = exports.StyledGroupContainer = exports.StyledArcgisShare = void 0;

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

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

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

var _Form = require("../Form");

var _StarIcon = _interopRequireDefault(require("calcite-ui-icons-react/StarIcon"));

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

// 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 StyledArcgisShare = _styledComponents.default.div.withConfig({
  displayName: "StyledArcgisShare",
  componentId: "ymkgyh-0"
})([""]);

exports.StyledArcgisShare = StyledArcgisShare;
StyledArcgisShare.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};

var StyledGroupContainer = _styledComponents.default.div.withConfig({
  displayName: "StyledGroupContainer",
  componentId: "ymkgyh-1"
})(["position:relative;border:1px solid ", ";padding:", ";min-width:180px;max-height:150px;min-height:95px;overflow-y:auto;border-radius:", ";"], function (props) {
  return props.theme.palette.lightestGray;
}, function (props) {
  return (0, _helpers.unitCalc)(props.theme.baseline, 6, '/');
}, function (props) {
  return props.theme.borderRadius;
});

exports.StyledGroupContainer = StyledGroupContainer;
StyledGroupContainer.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};
var StyledGroupFieldset = (0, _styledComponents.default)(_Form.Fieldset).withConfig({
  displayName: "StyledGroupFieldset",
  componentId: "ymkgyh-2"
})(["margin-left:1.4rem;display:flex;align-items:flex-start;html[dir='rtl'] &{margin-left:initial;margin-right:1.4rem;}"]);
exports.StyledGroupFieldset = StyledGroupFieldset;
StyledGroupFieldset.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};
var StyledStarIcon = (0, _styledComponents.default)(_StarIcon.default).withConfig({
  displayName: "StyledStarIcon",
  componentId: "ymkgyh-3"
})(["fill:", ";vertical-align:text-top;margin-left:2px;html[dir='rtl'] &{margin-left:initial;margin-right:2px;}"], function (props) {
  return props.theme.palette.lighterGray;
});
exports.StyledStarIcon = StyledStarIcon;
StyledStarIcon.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};
var StyledLegend = (0, _styledComponents.default)(_Form.Legend).withConfig({
  displayName: "StyledLegend",
  componentId: "ymkgyh-4"
})(["font-size:1rem;"]);
exports.StyledLegend = StyledLegend;
StyledLegend.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};

var StyledNoGroups = _styledComponents.default.span.withConfig({
  displayName: "StyledNoGroups",
  componentId: "ymkgyh-5"
})(["position:absolute;top:50%;left:50%;min-width:170px;padding:0 ", ";box-sizing:border-box;transform:translate(-50%,-50%);text-align:center;color:", ";", ";"], function (props) {
  return (0, _helpers.unitCalc)(props.theme.baseline, 6, '/');
}, function (props) {
  return props.theme.palette.lightGray;
}, (0, _helpers.fontSize)(-2));

exports.StyledNoGroups = StyledNoGroups;
StyledNoGroups.defaultProps = {
  theme: _CalciteThemeProvider.CalciteTheme
};
var PrimaryCheckboxLabelStyles = {
  fontSize: '1rem',
  color: _CalciteThemeProvider.CalciteTheme.palette.black
};
exports.PrimaryCheckboxLabelStyles = PrimaryCheckboxLabelStyles;
var GroupCheckboxLabelStyles = {
  fontSize: '0.85rem'
};
exports.GroupCheckboxLabelStyles = GroupCheckboxLabelStyles;