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

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
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,
    prefixCls = _ref.prefixCls;
  return {
    compact: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &.", "-tabs {\n        .", "-tabs-tab {\n          margin: 4px;\n\n          + .", "-tabs-tab {\n            margin: 4px;\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, prefixCls),
    dropdown: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .", "-tabs-dropdown-menu {\n        padding: 4px;\n        border: 1px solid ", ";\n\n        .", "-tabs-dropdown-menu-item {\n          border-radius: ", "px;\n        }\n      }\n    "])), prefixCls, token.colorBorderSecondary, prefixCls, token.borderRadius),
    hideHolder: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &.", "-tabs {\n        .", "-tabs-content-holder {\n          display: none;\n        }\n\n        .", "-tabs-nav {\n          margin: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, prefixCls),
    margin: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      &.", "-tabs {\n        .", "-tabs-tab {\n          margin: 8px;\n\n          + .", "-tabs-tab {\n            margin: 8px;\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, prefixCls),
    point: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      &.", "-tabs {\n        &.", "-tabs-top {\n          .", "-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-start-start-radius: 4px;\n            border-start-end-radius: 4px;\n          }\n        }\n\n        &.", "-tabs-bottom {\n          .", "-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-end-start-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n\n        &.", "-tabs-left {\n          .", "-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-start-radius: 4px;\n            border-end-start-radius: 4px;\n          }\n        }\n\n        &.", "-tabs-right {\n          .", "-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-end-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls),
    root: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      &.", "-tabs {\n        .", "-tabs-tab {\n          padding-block: 8px;\n          padding-inline: 12px;\n          color: ", ";\n          transition: background-color 100ms ease-out;\n\n          &:hover {\n            color: ", ";\n            background: ", ";\n            border-radius: ", "px;\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, token.colorTextSecondary, token.colorText, token.colorFillTertiary, token.borderRadius),
    rounded: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &.", "-tabs {\n        &.", "-tabs-top {\n          .", "-tabs-ink-bar {\n            height: 3px;\n            border-start-start-radius: 3px;\n            border-start-end-radius: 3px;\n          }\n        }\n\n        &.", "-tabs-bottom {\n          .", "-tabs-ink-bar {\n            height: 3px;\n            border-end-start-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n\n        &.", "-tabs-left {\n          .", "-tabs-ink-bar {\n            width: 3px;\n            border-start-start-radius: 3px;\n            border-end-start-radius: 3px;\n          }\n        }\n\n        &.", "-tabs-right {\n          .", "-tabs-ink-bar {\n            width: 3px;\n            border-start-end-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n      }\n    "])), prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls)
  };
});