@lobehub/charts/es/AccuracyBarChart/styles.js

React modern charts components built on recharts

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var css = _ref.css,
    token = _ref.token;
  return {
    accuracyText: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 11px;\n    font-weight: 500;\n\n    dominant-baseline: central;\n    text-anchor: middle;\n    fill: ", ";\n  "])), token.colorText),
    accuracyTextLight: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 11px;\n    font-weight: 500;\n\n    dominant-baseline: central;\n    text-anchor: middle;\n    fill: ", ";\n  "])), token.colorTextLightSolid),
    emphasis: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
    gridLines: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    stroke: ", ";\n    stroke-width: 1;\n  "])), token.colorBorderSecondary),
    label: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    line-height: 16px;\n    fill: ", ";\n  "])), token.colorTextDescription),
    leftValue: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: flex-end;\n\n    padding-right: 8px;\n  "]))),
    leftValueContainer: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 10;\n    top: 0;\n    bottom: 0;\n    left: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    width: 80px;\n  "]))),
    percentageLabel: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding: 2px 4px;\n    border-radius: 4px;\n    font-size: 12px;\n  "]))),
    strongLabel: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    fill: ", ";\n  "])), token.colorTextSecondary)
  };
});