@lobehub/ui/es/ColorSwatches/style.js

Lobe UI is an open-source UI component library for building AIGC web apps

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
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, size) {
  var css = _ref.css,
    token = _ref.token,
    prefixCls = _ref.prefixCls;
  return {
    active: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      box-shadow: inset 0 0 0 1px ", ";\n    "])), token.colorFill),
    conic: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      background: conic-gradient(\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", ",\n        ", "\n      );\n      .", "-color-picker-color-block {\n        opacity: 0;\n      }\n    "])), token.red, token.volcano, token.orange, token.gold, token.yellow, token.lime, token.green, token.cyan, token.blue, token.geekblue, token.purple, token.magenta, token.red, prefixCls),
    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      flex: none;\n\n      width: ", "px;\n      min-width: ", "px;\n      height: ", "px;\n      min-height: ", "px;\n\n      background: ", ";\n      box-shadow: inset 0 0 0 1px ", ";\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px rgba(0, 0, 0, 5%),\n          0 0 0 2px ", ";\n      }\n    "])), size, size, size, size, token.colorBgContainer, token.colorFillSecondary, token.colorText),
    picker: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      overflow: hidden;\n      flex: none;\n\n      width: ", "px;\n      min-width: ", "px;\n      height: ", "px;\n      min-height: ", "px;\n      padding: 0;\n\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px ", ",\n          0 0 0 2px ", ";\n      }\n\n      .", "-color-picker-color-block {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: inherit;\n      }\n    "])), size, size, size, size, token.colorFillSecondary, token.colorFillSecondary, token.colorText, prefixCls),
    transparent: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      background-image: conic-gradient(\n        ", " 25%,\n        transparent 25% 50%,\n        ", " 50% 75%,\n        transparent 75% 100%\n      );\n      background-size: 50% 50%;\n    "])), token.colorFillSecondary, token.colorFillSecondary)
  };
});