dumi-theme-lobehub/dist/components/NativeSelect/style.js

dumi-theme-lobehub is a documentation site theme package designed for dumi2. It provides a more beautiful and user-friendly development and reading experience based on @lobehub/ui

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, prefixCls) {
  var css = _ref.css,
    stylish = _ref.stylish,
    cx = _ref.cx,
    token = _ref.token;
  return {
    button: cx("".concat(prefixCls, "-button"), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n      all: unset;\n\n      cursor: default;\n      user-select: none;\n\n      padding: 8px;\n\n      font-size: ", "px;\n      line-height: 0;\n      color: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      -webkit-tap-highlight-color: transparent;\n\n      &:focus-visible {\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n    "])), stylish.buttonDefaultHover, token.fontSize, token.colorTextSecondary, token.colorBgContainer, token.colorBorder, token.borderRadius, token.colorPrimary, token.colorPrimaryBg)),
    container: cx(prefixCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      user-select: none;\n      scrollbar-width: none;\n\n      overflow-y: auto;\n      overscroll-behavior: contain;\n\n      box-sizing: border-box;\n      width: 160px;\n      padding: 5px;\n\n      font-size: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: 8px;\n      outline: 0;\n      box-shadow: ", ";\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    "])), token.fontSize, token.colorBgElevated, token.colorBorder, token.boxShadowSecondary))
  };
});