@bizhermit/react-sdk/styles/core-style.js

React SDK

"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(t,e,n,r){void 0===r&&(r=n);var s=Object.getOwnPropertyDescriptor(e,n);s&&!("get"in s?!e.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,s)}:function(t,e,n,r){void 0===r&&(r=n),t[r]=e[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)"default"!==n&&Object.prototype.hasOwnProperty.call(t,n)&&__createBinding(e,t,n);return __setModuleDefault(e,t),e},__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.sbCn=void 0;const react_1=__importDefault(require("react")),css_var_1=__importStar(require("./css-var")),jsx_style_1=__importDefault(require("./jsx-style"));exports.sbCn="bh-sb";const CoreStyle=react_1.default.createElement(jsx_style_1.default,{id:"bh-core",depsColor:!0,depsDesign:!0},(({color:t,design:e})=>`\nhtml {\n  background: ${css_var_1.default.bgc};\n  color: ${css_var_1.default.fc};\n  font-size: 62.5%;\n${(0,css_var_1.switchDesign)(e,{flat:"\n--bh-bdr: 2px;\n--bh-pdx: 3px;\n--bh-pdy: 3px;\n",material:"\n--bh-bdr: 2px;\n--bh-pdx: 4px;\n--bh-pdy: 4px;\n",neumorphism:"\n--bh-bdr: 5px;\n--bh-pdx: 5px;\n--bh-pdy: 5px;\n"})}\n}\nbody {\n  font-size: ${css_var_1.default.fs};\n}\na:not(:disabled),\n.bh-anchor:not([data-disabled="true"]) {\n  text-decoration: underline;\n  cursor: pointer;\n  color: ${css_var_1.default.anchor} !important;\n}\n.bh-fto-f {\n  height: 100%;\n  width: 100%;\n  flex: none;\n}\n.bh-fto-fx {\n  flex: 1;\n  height: 100%;\n  min-width: 0px;\n}\n.bh-fto-fy {\n  flex: 1;\n  width: 100%;\n  min-height: 0px;\n}\n.bh-fto-y {\n  height: 100%;\n}\n.bh-fto-x {\n  width: 100%;\n}\n.${exports.sbCn} {\n  overflow: auto;\n  overflow: overlay;\n}\n.${exports.sbCn}::-webkit-scrollbar {\n  border-radius: 2px;\n  background: transparent;\n  height: 4px;\n  width: 4px;\n}\n.${exports.sbCn}:hover::-webkit-scrollbar {\n  height: ${css_var_1.default.sb.size};\n  width: ${css_var_1.default.sb.size};\n}\n.${exports.sbCn}::-webkit-scrollbar:hover {\n  background: ${css_var_1.default.sb.bgc};\n}\n.${exports.sbCn}::-webkit-scrollbar-track-piece,\n.${exports.sbCn}::-webkit-scrollbar-track,\n.${exports.sbCn}::-webkit-scrollbar-corner {\n  background: transparent;\n}\n.${exports.sbCn}::-webkit-scrollbar-thumb {\n  border-radius: 2px;\n  background: ${css_var_1.default.sb.thumb.bgc};\n  border: 1px solid ${css_var_1.default.sb.bgc};\n}\n.${exports.sbCn}:hover::-webkit-scrollbar-thumb {\n  background: ${css_var_1.default.sb.thumb.hvr_cont_bgc};\n}\n.${exports.sbCn}::-webkit-scrollbar-thumb:hover {\n  background: ${css_var_1.default.sb.thumb.hvr_bgc};\n}\n.${exports.sbCn}::-webkit-scrollbar-thumb:active {\n  background: ${css_var_1.default.sb.thumb.act_bgc};\n}\n@media (max-width: 640px) {\n:root[data-bh-touch="true"] {\n  --bh-size: 40px;\n}\n:root[data-bh-touch="true"] .${exports.sbCn} {\n  --bh-sb-size: 3px;\n  overflow: overlay;\n}\n:root[data-bh-touch="true"] .${exports.sbCn}::-webkit-scrollbar {\n  background: transparent;\n}\n:root[data-bh-touch="true"] .${exports.sbCn}::-webkit-scrollbar-thumb {\n  opacity: 0.9;\n}\n}\n${"dark"===t?` :root {${css_var_1.CssDarkVar}}`:""}\n`));exports.default=CoreStyle;