@lawkit/ui 0.1.54 → 0.1.55

package/dist/ui-v3/src/components/Badge/Badge.css.d.ts

@@ -0,0 +1,21 @@
+export declare const badge: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        filled: {};
+        outline: {};
+        muted: {};
+    };
+    tone: {
+        primary: {};
+        neutral: {};
+    };
+    iconOnly: {
+        true: {
+            width: "18px";
+            minWidth: "18px";
+            padding: number;
+        };
+        false: {};
+    };
+}>;
+export declare const icon: string;
+export declare const dismissButton: string;

package/dist/ui-v3/src/components/Badge/index.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export type BadgeProps = PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
+    tone?: "primary" | "neutral";
+    variant?: "filled" | "outline" | "muted";
+    leadingIcon?: ReactNode;
+    dismissible?: boolean;
+    onDismiss?: ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+    iconOnly?: boolean;
+    "aria-label"?: string;
+}>;
+export declare function Badge({ "aria-label": ariaLabel, children, className, dismissible, iconOnly, leadingIcon, onDismiss, tone, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui-v3/src/components/Chip/Chip.css.d.ts

@@ -0,0 +1,16 @@
+export declare const chip: import('@vanilla-extract/recipes').RuntimeFn<{
+    selected: {
+        true: {
+            borderColor: "#b7c7ff";
+            backgroundColor: "#eef3ff";
+            color: `var(--${string})`;
+        };
+        false: {};
+    };
+    checkable: {
+        true: {};
+        false: {};
+    };
+}>;
+export declare const leading: string;
+export declare const dismissButton: string;

package/dist/ui-v3/src/components/Chip/index.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export type ChipProps = PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
+    selected?: boolean;
+    checkable?: boolean;
+    dismissible?: boolean;
+    onDismiss?: ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+    leadingIcon?: ReactNode;
+}>;
+export declare function Chip({ checkable, children, className, dismissible, leadingIcon, onDismiss, selected, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui-v3/src/components/LinkBadge/LinkBadge.css.d.ts

@@ -0,0 +1,13 @@
+export declare const linkBadge: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        filled: {};
+        outline: {};
+        muted: {};
+    };
+    tone: {
+        primary: {};
+        neutral: {};
+    };
+}>;
+export declare const icon: string;
+export declare const externalIcon: string;

package/dist/ui-v3/src/components/LinkBadge/index.d.ts

@@ -0,0 +1,8 @@
+import { AnchorHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export type LinkBadgeProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement> & {
+    tone?: "primary" | "neutral";
+    variant?: "filled" | "outline" | "muted";
+    leadingIcon?: ReactNode;
+    external?: boolean;
+}>;
+export declare function LinkBadge({ children, className, external, leadingIcon, tone, variant, ...props }: LinkBadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui-v3/src/index.d.ts

@@ -88,6 +88,12 @@ export { Icon, iconRegistry } from './components/Icon';
 export type { IconName, IconProps, IconSize } from './components/Icon';
 export { TreeView } from './components/TreeView';
 export type { TreeViewProps, TreeNode, TreeNodeColumn, TreeViewSize, } from './components/TreeView';
+export { Badge } from './components/Badge';
+export type { BadgeProps } from './components/Badge';
+export { Chip } from './components/Chip';
+export type { ChipProps } from './components/Chip';
+export { LinkBadge } from './components/LinkBadge';
+export type { LinkBadgeProps } from './components/LinkBadge';
 export { sprinkles } from './styles/sprinkles.css';
 export { cx } from './lib/cx';
 export { lightThemeClass, themeVars, createLdsThemeVars } from '../../tokens/src';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lawkit/ui",
-  "version": "0.1.54",
+  "version": "0.1.55",
   "type": "module",
   "description": "LDS Design System — React component library with design tokens",
   "main": "./dist/index.js",