@stokr/components-library
Version:
STOKR - Components Library
36 lines (35 loc) • 2.76 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.IconCopy = exports.IconBlock = exports.CardTitle = exports.CardDescription = exports.CardContainer = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
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 CardContainer = exports.CardContainer = _styledComponents.default.div.withConfig({
displayName: "ChecklistCardstyles__CardContainer",
componentId: "sc-rufrg1-0"
})(["display:flex;flex-direction:column;align-items:flex-start;border:1px solid #eaeaea;border-radius:1px;background:#fff;padding:32px 32px 32px 32px;min-width:320px;min-height:220px;height:100%;box-sizing:border-box;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.01);position:relative;cursor:pointer;&:hover{box-shadow:0 4px 16px rgba(0,0,0,0.04);}", " &[aria-disabled='true']{opacity:0.5;cursor:not-allowed;}"], _ref => {
let {
isClickable
} = _ref;
return !isClickable && "\n cursor: initial;\n ";
});
const IconBlock = exports.IconBlock = _styledComponents.default.div.withConfig({
displayName: "ChecklistCardstyles__IconBlock",
componentId: "sc-rufrg1-1"
})(["display:flex;align-items:center;margin-bottom:32px;"]);
const IconCopy = exports.IconCopy = _styledComponents.default.span.withConfig({
displayName: "ChecklistCardstyles__IconCopy",
componentId: "sc-rufrg1-2"
})(["font-size:11px;font-weight:400;letter-spacing:2px;margin-left:8px;line-height:16px;text-transform:uppercase;"]);
const CardTitle = exports.CardTitle = _styledComponents.default.div.withConfig({
displayName: "ChecklistCardstyles__CardTitle",
componentId: "sc-rufrg1-3"
})(["margin-bottom:32px;text-transform:uppercase;color:#202020;font-weight:800;word-wrap:break-word;font-size:16px;line-height:24px;letter-spacing:0.6px;", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: 22px;\n letter-spacing: 0.8px;\n line-height: 28px;\n"]))));
const CardDescription = exports.CardDescription = _styledComponents.default.div.withConfig({
displayName: "ChecklistCardstyles__CardDescription",
componentId: "sc-rufrg1-4"
})(["color:#202020;font-size:14px;font-weight:300;line-height:20px;letter-spacing:0.5px;word-wrap:break-word;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0.8px;\n"]))));