@ant-design/pro-flow/es/BasicGroupNode/styles.js

A React based Flow components

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var css = _ref.css;
  return {
    groupWrap: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 355px;\n    height: 614px;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 16px;\n    overflow: hidden;\n    background-color: #fafafa;\n    position: absolute;\n    z-index: 10;\n    border-radius: 8px;\n    border: 1px solid #d9d9d9;\n  "]))),
    btnWrap: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 70px;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    z-index: 11;\n    background-color: #fefefe;\n    opacity: 0.7;\n  "]))),
    btn: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 110px;\n    height: 32px;\n    position: absolute;\n    z-index: 12;\n    background: #fff;\n    border: 1px solid #d9d9d9;\n    border-radius: 32px;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 2%);\n    font-size: 14px;\n    color: rgba(0, 0, 0, 88%);\n    line-height: 32px;\n    bottom: 16px;\n    left: 112px;\n    text-align: center;\n\n    img {\n      width: 14px;\n      height: 14px;\n      margin-left: 4px;\n      transform: translateY(2px);\n    }\n  "]))),
    groupItemWrap: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    border-radius: 12px;\n    box-sizing: border-box;\n    padding: 16px 12px;\n    background: #fff;\n    margin-bottom: 26px;\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.04);\n    box-shadow: 0 4px 6px -2px rgba(25, 15, 15, 0.05), 0 0 1px 0 rgba(0, 0, 0, 0.08);\n\n    &:last-child {\n      opacity: 0.5;\n    }\n\n    img {\n      width: 48px;\n      height: 48px;\n    }\n  "]))),
    groupItemContent: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 230px;\n    margin-left: 13px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  "]))),
    groupItemTitle: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    font-size: 16px;\n    color: rgba(0, 0, 0, 88%);\n    line-height: 22px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    display: inline-block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n  "]))),
    des: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    font-size: 14px;\n    color: rgba(0, 0, 0, 45%);\n    line-height: 20px;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n    margin-top: 11px;\n  "]))),
    nodeSelected: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    background-color: #ecf3fe;\n    box-shadow: 0 0 0 3px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n\n    .buttonWrap {\n      width: 100%;\n      height: 70px;\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      z-index: 11;\n      opacity: 0.7;\n      background-color: #ecf3fe;\n    }\n  "]))),
    nodeSubSelected: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 1px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n    background-color: #ecf3fe;\n\n    .buttonWrap {\n      width: 100%;\n      height: 70px;\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      z-index: 11;\n      opacity: 0.7;\n      background-color: #ecf3fe;\n    }\n  "]))),
    nodeDanger: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 3px #f7636e, 0 1px 4px 1px rgba(0, 0, 0, 8%);\n  "]))),
    nodeSubDanger: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 1px #f7636e, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeWarning: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 3px #ef9d3b, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeSubWarning: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 1px #ef9d3b, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeDefault: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([""])))
  };
});