@stokr/components-library/dist/components/Process/Process.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Process = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _processWaiting = _interopRequireDefault(require("../../static/images/process-waiting.gif"));
var _templateObject, _templateObject2;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const Process = exports.Process = _styledComponents.default.div.withConfig({
  displayName: "Processstyles__Process",
  componentId: "sc-dvfica-0"
})(["display:block;position:relative;font-size:11px;line-height:16px;text-transform:uppercase;padding-right:26px;color:", ";opacity:0.3;", " &:before{content:'';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:19px;line-height:16px;display:block;width:16px;height:16px;position:absolute;top:50%;right:0;margin-top:-8px;", "}", " ", " ", ""], props => _theme.default.cPrimary, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 14px;\n    line-height: 20px;\n  "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 24px;\n      line-height: 20px;\n      width: 20px;\n      height: 20px;\n      margin-top: -10px;\n    "]))), props => props.waiting && "\n    opacity: 1;\n\n    &:before {\n      content: '';\n      background-repeat: no-repeat;\n      background-position: 50% 50%;\n      background-size: cover;\n      background-image: url(".concat(_processWaiting.default, ");\n    }\n  "), props => props.success && "\n    opacity: 1;\n\n    &:before {\n      content: '\\f14a';\n      color: ".concat(_theme.default.cProgressDone, ";\n    }\n  "), props => props.failed && "\n    opacity: 1;\n    color: ".concat(_theme.default.cWarning, ";\n\n    &:before {\n      content: '\\f14e';\n    }\n  "));
var _default = exports.default = Process; //left out of Merge, font-weight and p below only from IIS
// font-weight: bold;
// p {
//   text-transform: initial;
//   font-weight: initial;
// }