@progress/kendo-react-indicators/badge/Badge.js

React Indicators offer an interface to represent a visual indication for their UI elements. KendoReact Indicators package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),o=require("prop-types"),f=require("@progress/kendo-react-common");function O(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const t=O(z),g=t.forwardRef((e,i)=>{const{cutoutBorder:r=l.cutoutBorder,position:a=l.position,align:n=l.align,children:k,className:b,style:h}=e,s=t.useRef(null),M=t.useCallback(()=>{s.current&&s.current.focus()},[]);t.useImperativeHandle(i,()=>({element:s.current,focus:M}));const v=f.useDir(s,e.dir),d=t.useMemo(()=>e.size||l.size,[e.size]),c=t.useMemo(()=>e.fillMode||l.fillMode,[e.fillMode]),u=t.useMemo(()=>e.themeColor||l.themeColor,[e.themeColor]),m=t.useMemo(()=>e.rounded?f.kendoThemeMaps.roundedMap[e.rounded]:void 0,[e.rounded]),y=t.useMemo(()=>f.classNames("k-badge",{"k-badge-sm":d==="small","k-badge-md":d==="medium","k-badge-lg":d==="large",[`k-badge-${c}`]:c,[`k-badge-${u}`]:u,"k-badge-border-cutout":r,[`k-badge-${a}`]:a,"k-top-start":n.vertical==="top"&&n.horizontal==="start","k-top-end":n.vertical==="top"&&n.horizontal==="end","k-bottom-start":n.vertical==="bottom"&&n.horizontal==="start","k-bottom-end":n.vertical==="bottom"&&n.horizontal==="end",[`k-rounded-${m}`]:m},b),[d,c,u,m,r,n,a,b]);return t.createElement("span",{className:y,style:h,dir:v},k)});g.propTypes={className:o.string,dir:o.string,style:o.object,align:o.shape({vertical:o.oneOf(["top","bottom"]),horizontal:o.oneOf(["start","end"])}),size:o.oneOf(["small","medium","large"]),fillMode:o.oneOf(["solid","outline"]),themeColor:o.oneOf(["base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse","inherit"]),rounded:o.oneOf(["small","medium","large","full","none"]),position:o.oneOf(["edge","outside","inside"]),cutoutBorder:o.bool};const l={size:void 0,fillMode:void 0,themeColor:void 0,position:"edge",align:{vertical:"top",horizontal:"end"},cutoutBorder:!1};g.displayName="KendoBadge";exports.Badge=g;