@bizhermit/react-sdk/elements/label.js

React SDK

"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.labelCn=void 0;const react_1=__importDefault(require("react")),css_var_1=__importStar(require("../styles/css-var")),jsx_style_1=__importDefault(require("../styles/jsx-style")),attributes_1=require("../utils/attributes"),cn="bh-lbl";exports.labelCn=cn;const Label=react_1.default.forwardRef(((e,t)=>react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("span",{...(0,attributes_1.attributes)(e,cn),ref:t,"data-signal":e.$signal,"data-type":e.$type,"data-nowrap":e.$nowrap,"data-bold":e.$bold,"data-fill":e.$fill}),Style))),Style=react_1.default.createElement(jsx_style_1.default,{id:cn,depsDesign:!0},(({design:e})=>`\n.${cn} {\n  box-sizing: border-box;\n  flex: none;\n  padding: 2px 5px 0px 5px;\n  color: inherit;\n  overflow: hidden;\n}\n.${cn}[data-nowrap="true"] {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.${cn}[data-bold="true"] {\n  font-weight: bold;\n}\n.${cn}[data-type="h0"] {\n  font-size: 2.5em;\n  font-weight: bold;\n}\n.${cn}[data-type="h1"] {\n  font-size: 2em;\n  font-weight: bold;\n}\n.${cn}[data-type="h2"] {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n.${cn}[data-type="h3"] {\n  font-size: 1.17em;\n  font-weight: bold;\n}\n.${cn}[data-type="h4"] {\n  font-weight: bold;\n}\n.${cn}[data-type="h5"] {\n  font-size: 0.83em;\n  font-weight: bold;\n}\n.${cn}[data-type="h6"] {\n  font-size: 0.67em;\n  font-weight: bold;\n}\n.${cn}[data-type="a"] {\n  text-decoration: underline;\n  color: ${css_var_1.default.anchor};\n  cursor: pointer;\n  user-select: none;\n}\n.${cn}[data-fill="true"] {\n  height: 100%;\n  width: 100%;\n}\n${e?`${(0,css_var_1.signalIterator)(((e,t,n)=>`\n.${cn}${n} {\n  color: ${t.fc};\n}`)).join("")}\n`:""}`));exports.default=Label;