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

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

var _templateObject, _templateObject2;
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;
  return {
    active: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      box-shadow:\n        inset 0 0 0 1px rgba(0, 0, 0, 20%),\n        0 0 0 2px ", ";\n    "])), token.colorTextTertiary),
    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      width: ", "px;\n      height: ", "px;\n\n      background: ", ";\n      border-radius: 50%;\n      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 5%);\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, token.colorBgContainer, token.colorText)
  };
});