@stokr/components-library/dist/components/ROI/ROIScenarioBox.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Wrap = exports.Title = exports.Subtitle = exports.Container = exports.CheckMark = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const CheckMark = exports.CheckMark = _styledComponents.default.div.withConfig({
  displayName: "ROIScenarioBoxstyles__CheckMark",
  componentId: "sc-1pccc5r-0"
})(["position:absolute;display:block;width:14px;height:14px;top:50%;right:44px;margin-top:-7px;border:1px solid #9b9b9b;border-radius:7px;background-color:transparent;transition:border-color 0.2s,background-color 0.2s;&:before,&:after{content:'';display:block;position:absolute;top:50%;left:50%;opacity:0;transform:scale(0);transition:opacity 0.2s,transform 0.4s cubic-bezier(0.8,-0.5,0.6,0.6);}&:after{width:4px;height:4px;margin-top:-2px;margin-left:-2px;border-radius:2px;background-color:", ";box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);}"], props => _theme.default.cPrimary);
const Wrap = exports.Wrap = _styledComponents.default.div.withConfig({
  displayName: "ROIScenarioBoxstyles__Wrap",
  componentId: "sc-1pccc5r-1"
})(["margin-bottom:12px;&:last-child{margin-bottom:0;}& > input{", ";z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{display:block;position:relative;cursor:pointer;&:before{content:'';width:6px;position:absolute;top:0;left:0;height:100%;background-color:transparent;transition:background-color 0.2s;}}&:disabled + label{&:before{background-color:transparent !important;}", "{border-color:", "!important;background-color:", "!important;}}&:checked + label{&:before{background-color:", "!important;}", "{&:before,&:after{opacity:1;transform:scale(1);transition:opacity 0.2s,transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}}}&:focus + label,&:hover + label,& + label:hover{&:before{background-color:", ";}", "{border-color:", ";}}}"], props => props.hide && 'visibility: hidden', CheckMark, props => _theme.default.cLightGrey, props => _theme.default.cGrey, props => _theme.default.cWarning, CheckMark, props => _theme.default.cLightGrey, CheckMark, props => _theme.default.cPrimary);
const Container = exports.Container = _styledComponents.default.div.withConfig({
  displayName: "ROIScenarioBoxstyles__Container",
  componentId: "sc-1pccc5r-2"
})(["padding:24px 44px;border:1px solid ", ";background:", ";"], props => _theme.default.cLightGrey, props => _theme.default.cWhite);
const Title = exports.Title = _styledComponents.default.div.withConfig({
  displayName: "ROIScenarioBoxstyles__Title",
  componentId: "sc-1pccc5r-3"
})(["font-size:22px;font-weight:300;line-height:28px;letter-spacing:0.8px;padding-bottom:4px;"]);
const Subtitle = exports.Subtitle = _styledComponents.default.div.withConfig({
  displayName: "ROIScenarioBoxstyles__Subtitle",
  componentId: "sc-1pccc5r-4"
})(["font-size:9px;font-style:italic;line-height:16px;letter-spacing:0.4px;"]);