@infinityfx/fluid/dist/components/display/annotation.js

React UI library, using zero-runtime CSS-in-JS.

import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useId as o,cloneElement as i}from"react";import{combineClasses as s,classes as a}from"../../core/utils.js";import{createStyles as l}from"../../core/style.js";import t from"../layout/collapsible.js";const n=l("annotation",{".wrapper":{display:"flex",flexDirection:"column",color:"var(--f-clr-text-100)",minWidth:"min(100vw, 12em)","--width":"100%"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".label, .error":{fontSize:".8em",fontWeight:500},".label":{paddingBottom:"var(--f-spacing-xxs)"},".error":{color:"var(--f-clr-error-100)",paddingTop:"var(--f-spacing-xxs)"}});function m({children:l,cc:m={},label:c,error:f,...d}){const p=s(n,m),x=o(),v=l.props.size||"med",z=!!l.props.required;return r("div",{...d,className:a(p.wrapper,p[`s__${v}`],d.className),children:[c&&r("div",{id:x,className:p.label,children:[c,z?" *":""]}),c?i(l,{"aria-labelledby":x}):l,e(t,{shown:!!f,children:e("div",{className:p.error,children:f})})]})}export{m as default};
//# sourceMappingURL=annotation.js.map