@bloodhoundenterprise/doodleui 1.0.0-alpha.10 → 1.0.0-alpha.11

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-<img src="https://img.shields.io/badge/version-1.0.0--alpha.10-teal" alt="version 1.0.0-alpha.10"/>
+<img src="https://img.shields.io/badge/version-1.0.0--alpha.11-teal" alt="version 1.0.0-alpha.11"/>
 <a href="https://ghst.ly/BHSlack">
 <img src="https://img.shields.io/badge/BloodHound Slack-4A154B?logo=slack&logoColor=EEF0F2"
     alt="BloodHound Slack"></a>
@@ -58,7 +58,7 @@ $ yarn add @bloodhoundenterprise/DoodleUI
 
 ### Dependencies
 
--   [Node.js 20.x](https://nodejs.org/)
+-   [Node.js 22.x](https://nodejs.org/)
 
 These components are built for usage with the Roboto font though there are fallback fonts in place if Roboto is not found. The Roboto font will need to be included in your project's assets or it will need to be pulled in via CDN for the font to display as expected.
 

package/dist/doodleui.js

@@ -751,24 +751,28 @@ const Ao = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(oa, { r
 Ao.displayName = oa.displayName;
 const Oo = x.forwardRef((e, t) => /* @__PURE__ */ f(ia, { ref: t, ...e }));
 Oo.displayName = ia.displayName;
-const ml = x.forwardRef(({ label: e, icon: t, color: n, ...a }, r) => /* @__PURE__ */ V(
-  "div",
-  {
-    ref: r,
-    className: g([
-      "inline-flex items-center justify-center rounded min-w-16 h-8 p-2 bg-neutral-light-3 dark:bg-neutral-dark-3 text-neutral-dark-1 dark:text-white border border-neutral-light-5 dark:border-neutral-dark-5",
-      t && "pr-3"
-    ]),
-    style: {
-      borderColor: n
-    },
-    ...a,
-    children: [
-      t && /* @__PURE__ */ f("span", { style: { color: n }, children: t }),
-      e
-    ]
-  }
-)), Ro = x.forwardRef(({ className: e, type: t, ...n }, a) => /* @__PURE__ */ f(
+const ml = x.forwardRef(
+  ({ label: e, icon: t, color: n, backgroundColor: a, className: r, ...o }, i) => /* @__PURE__ */ V(
+    "div",
+    {
+      ref: i,
+      ...o,
+      className: g([
+        "inline-flex items-center justify-center rounded min-w-16 h-8 p-2 bg-neutral-light-3 dark:bg-neutral-dark-3 text-neutral-dark-1 dark:text-white border border-neutral-light-5 dark:border-neutral-dark-5",
+        t && "pr-3",
+        r
+      ]),
+      style: {
+        borderColor: n,
+        backgroundColor: a
+      },
+      children: [
+        t && /* @__PURE__ */ f("span", { style: { color: n }, children: t }),
+        e
+      ]
+    }
+  )
+), Ro = x.forwardRef(({ className: e, type: t, ...n }, a) => /* @__PURE__ */ f(
   "input",
   {
     type: t,
@@ -4759,7 +4763,7 @@ export {
   eo as AccordionContent,
   Zr as AccordionHeader,
   Qr as AccordionItem,
-  rl as Badge,
+  ml as Badge,
   Ft as Button,
   ze as ButtonVariants,
   oo as Calendar,
@@ -4790,7 +4794,6 @@ export {
   cl as DialogTrigger,
   kl as DoodleUIPlugin,
   wl as DoodleUIPreset,
-  ml as IconBadge,
   Ro as Input,
   Io as Label,
   pl as Pagination,
@@ -4804,6 +4807,7 @@ export {
   Hs as PopoverContent,
   hl as PopoverTrigger,
   yl as RadialGauge,
+  rl as RiskBadge,
   da as Select,
   jt as SelectContent,
   ol as SelectGroup,

package/dist/index.d.ts

@@ -32,18 +32,15 @@ export declare const AccordionHeader: React_2.ForwardRefExoticComponent<Omit<Acc
 
 export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function Badge(props: BadgeProps): JSX_2.Element;
+export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof BadgePropVariants> {
-    color?: ColorOptions;
-    outlined: boolean;
-    label?: string;
+declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    icon?: React_2.ReactNode;
+    color?: string;
+    backgroundColor?: string;
 }
 
-declare const BadgePropVariants: (props?: ({
-    type?: "labeled" | "sm-circle" | "md-circle" | null | undefined;
-} & ClassProp) | undefined) => string;
-
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof ButtonVariants> {
@@ -299,14 +296,6 @@ export declare const DoodleUIPreset: {
 
 export { flexRender }
 
-export declare const IconBadge: React_2.ForwardRefExoticComponent<IconBadgeProps & React_2.RefAttributes<HTMLDivElement>>;
-
-declare interface IconBadgeProps extends React_2.HTMLAttributes<HTMLDivElement> {
-    label: string;
-    icon?: React_2.ReactNode;
-    color?: string;
-}
-
 export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
@@ -372,6 +361,18 @@ declare interface Props extends React.HTMLAttributes<HTMLDivElement> {
 
 export declare function RadialGauge(props: Props): JSX_2.Element;
 
+export declare function RiskBadge(props: RiskBadgeProps): JSX_2.Element;
+
+export declare interface RiskBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof RiskBadgePropVariants> {
+    color?: ColorOptions;
+    outlined: boolean;
+    label?: string;
+}
+
+declare const RiskBadgePropVariants: (props?: ({
+    type?: "labeled" | "sm-circle" | "md-circle" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare type RootProps = React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
 
 export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bloodhoundenterprise/doodleui",
-    "version": "1.0.0-alpha.10",
+    "version": "1.0.0-alpha.11",
     "type": "module",
     "author": "SpecterOps",
     "repository": {