@infonomic/uikit 2.9.0 → 2.11.0

package/dist/components/badge/badge.d.ts

@@ -1,6 +1,21 @@
 import { Intent } from '../@types/shared';
-export declare function Badge({ children, intent }: {
+type AsDiv = {
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'div'>;
+interface AsSlot {
+    asChild?: true;
+}
+export type BadgeRefType<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type BadgeProps<C extends React.ElementType = 'div'> = {
     children: React.ReactNode;
     intent?: Intent;
-}): React.JSX.Element;
+    className?: string;
+    asChild?: boolean;
+    ref?: BadgeRefType<C>;
+} & (AsSlot | AsDiv);
+export declare const Badge: {
+    <C extends React.ElementType = "div">({ className, intent, children, asChild, ref, ...rest }: BadgeProps<C>): React.JSX.Element;
+    displayName: string;
+};
+export {};
 //# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAGzC,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,MAAkB,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEzH"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAGzC,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE7F,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;CACtB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,eAAO,MAAM,KAAK;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,kEAMpC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAQ7C,CAAA"}

package/dist/components/badge/badge.js

@@ -1,10 +1,15 @@
 import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
 import classnames from "classnames";
 import badge_module from "./badge.module.js";
-function Badge({ children, intent = "primary" }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: classnames('badge', intent, badge_module.badge, badge_module[intent]),
+const Badge = ({ className, intent = 'primary', children, asChild, ref, ...rest })=>{
+    const Comp = true === asChild ? Slot : 'div';
+    return /*#__PURE__*/ jsx(Comp, {
+        ref: ref,
+        className: classnames('badge', intent, badge_module.badge, badge_module[intent], className),
+        ...rest,
         children: children
     });
-}
+};
+Badge.displayName = 'Badge';
 export { Badge };

package/dist/components/badge/badge_module.css

@@ -5,7 +5,7 @@
   vertical-align: baseline;
   border-radius: var(--border-radius-sm);
   padding: .25em .4em;
-  font-weight: 500;
+  font-weight: 400;
   line-height: 1;
   display: inline-block;
 }

package/dist/components/card/card.d.ts

@@ -1,8 +1,8 @@
 import type React from 'react';
-export type AsDiv = {
+type AsDiv = {
     asChild?: false;
 } & React.ComponentPropsWithoutRef<'div'>;
-export interface AsSlot {
+interface AsSlot {
     asChild?: true;
 }
 export type CardRefType<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];

package/dist/components/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,MAAM,WAAW,MAAM;IACrB,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,QAAA,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,iEAOtC,SAAS,CAAC,CAAC,CAAC;;;uCAkB+B,UAAU;;;;uCAMX,UAAU;;;;uCASJ,UAAU;;;;uCAKd,UAAU;;;;uCAKX,UAAU;;;CAjCvD,CAAA;AAID,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC;AAsCD,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,QAAA,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,iEAOtC,SAAS,CAAC,CAAC,CAAC;;;uCAkB+B,UAAU;;;;uCAMX,UAAU;;;;uCASJ,UAAU;;;;uCAKd,UAAU;;;;uCAKX,UAAU;;;CAjCvD,CAAA;AAID,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC;AAsCD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "2.9.0",
+  "version": "2.11.0",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/components/badge/badge.module.css

@@ -2,7 +2,7 @@
   display: inline-block;
   padding: 0.25em 0.4em;
   font-size: var(--font-size-sm);
-  font-weight: 500;
+  font-weight: 400;
   line-height: 1;
   text-align: center;
   white-space: nowrap;

package/src/components/badge/badge.tsx

@@ -1,7 +1,40 @@
+import { Slot } from '@radix-ui/react-slot'
 import cx from 'classnames'
 import { Intent } from '../@types/shared'
 import styles from './badge.module.css'
 
-export function Badge({ children, intent = "primary" }: { children: React.ReactNode, intent?: Intent }): React.JSX.Element {
-  return <div className={cx('badge', intent, styles.badge, styles[intent])}>{children}</div>
-}
+type AsDiv = {
+  asChild?: false
+} & React.ComponentPropsWithoutRef<'div'>
+
+interface AsSlot {
+  asChild?: true
+}
+
+export type BadgeRefType<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref']
+
+export type BadgeProps<C extends React.ElementType = 'div'> = {
+  children: React.ReactNode
+  intent?: Intent
+  className?: string
+  asChild?: boolean
+  ref?: BadgeRefType<C>
+} & (AsSlot | AsDiv)
+
+export const Badge = <C extends React.ElementType = 'div'>({
+  className,
+  intent = 'primary',
+  children,
+  asChild,
+  ref,
+  ...rest }: BadgeProps<C>): React.JSX.Element =>{
+   const Comp: React.ElementType = asChild === true ? Slot : 'div'
+  return (
+    <Comp 
+      ref={ref} className={cx('badge', intent, styles.badge, styles[intent], className)} {...rest}>
+      {children}
+    </Comp>
+  )
+}
+
+Badge.displayName = 'Badge'

package/src/components/card/card.tsx

@@ -4,11 +4,11 @@ import type React from 'react'
 
 import styles from './card.module.css'
 
-export type AsDiv = {
+type AsDiv = {
   asChild?: false
 } & React.ComponentPropsWithoutRef<'div'>
 
-export interface AsSlot {
+interface AsSlot {
   asChild?: true
 }