ui-lab-registry 0.3.44 → 0.3.46

package/src/index.ts

@@ -1,24 +1,6 @@
 // Registry
 export { componentRegistry, componentMetadata } from './registry.js';
 
-// Design tokens
-export {
-  getColorRecommendation,
-  getAllColorRecommendations,
-  hasColorFamily,
-  getColorFamilyInfo,
-  hasColorShade,
-  getColorCssVar,
-  getAllColorFamilies,
-  getColorFamilyShades,
-  getColorFamilyWCAGLevel,
-} from './design-tokens/index.js';
-export type {
-  ColorFamilyInfo,
-  ColorRecommendation,
-  ColorRecommendationRegistry,
-} from './design-tokens/index.js';
-
 // Generated data (auto-populated by scripts)
 export { generatedAPI, generatedSourceCode, reactAriaUrls, generatedComponentDependencies, generatedCoreNpmDependencies, packageMetadata } from './generated-data.js';
 export { generatedStyles } from './generated-styles.js';
@@ -77,6 +59,8 @@ export type {
   CategoryDefinition,
   PropDefinition,
   ComponentAPI,
+  ComponentUsage,
+  ComponentUsageRule,
   StyleVariable,
   StyleClass,
   ComponentStyles,

package/src/patterns/data/badge-row/variations/main/index.tsx

@@ -4,7 +4,7 @@ import { Badge } from 'ui-lab-components';
 function BadgeRow({ tags }: { tags: string[] }) {
   return (
     <div className="flex flex-wrap gap-1.5">
-      {tags.map((tag) => <Badge key={tag} size="sm">{tag}</Badge>)}
+      {tags.map((tag) => <Badge key={tag}>{tag}</Badge>)}
     </div>
   );
 }

package/src/patterns/data/badge-row/variations/mixed/index.tsx

@@ -12,7 +12,7 @@ function BadgeRowMixed({ items }: { items: { label: string; status: keyof typeof
   return (
     <div className="flex flex-wrap gap-1.5">
       {items.map((item) => (
-        <Badge key={item.label} size="sm" variant={statusVariant[item.status] ?? 'default'}>{item.label}</Badge>
+        <Badge key={item.label} variant={statusVariant[item.status] ?? 'default'}>{item.label}</Badge>
       ))}
     </div>
   );

package/src/patterns/data/badge-row/variations/outline/index.tsx

@@ -4,7 +4,7 @@ import { Badge } from 'ui-lab-components';
 function BadgeRowOutline({ tags }: { tags: string[] }) {
   return (
     <div className="flex flex-wrap gap-1.5">
-      {tags.map((tag) => <Badge key={tag} size="sm" variant="default">{tag}</Badge>)}
+      {tags.map((tag) => <Badge key={tag} variant="default">{tag}</Badge>)}
     </div>
   );
 }

package/src/patterns/data/data-table-row/variations/expandable/index.tsx

@@ -17,7 +17,7 @@ function DataTableRowExpandable({ primary, secondary, status, timestamp, details
         </div>
         <div className="flex items-center gap-2 flex-shrink-0">
           <span className="text-sm text-foreground-400">{timestamp}</span>
-          <Badge size="sm" variant={statusVariant[status] ?? 'default'}>{status}</Badge>
+          <Badge variant={statusVariant[status] ?? 'default'}>{status}</Badge>
           <Button variant="ghost" size="sm" onPress={() => setExpanded(!expanded)} aria-label="Toggle details">
             <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24" className={`transition-transform ${expanded ? 'rotate-180' : ''}`}>
               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />

package/src/patterns/data/data-table-row/variations/main/index.tsx

@@ -12,7 +12,7 @@ function DataTableRow({ primary, secondary, status, timestamp }: { primary: stri
       </div>
       <div className="flex items-center gap-2 flex-shrink-0">
         <span className="text-sm text-foreground-400">{timestamp}</span>
-        <Badge size="sm" variant={statusVariant[status] ?? 'default'}>{status}</Badge>
+        <Badge variant={statusVariant[status] ?? 'default'}>{status}</Badge>
       </div>
     </div>
   );

package/src/patterns/data/data-table-row/variations/selectable/index.tsx

@@ -23,7 +23,7 @@ function DataTableRowSelectable({ primary, secondary, status, timestamp, isSelec
       </div>
       <div className="flex items-center gap-2 flex-shrink-0">
         <span className="text-sm text-foreground-400">{timestamp}</span>
-        <Badge size="sm" variant={statusVariant[status] ?? 'default'}>{status}</Badge>
+        <Badge variant={statusVariant[status] ?? 'default'}>{status}</Badge>
       </div>
     </div>
   );

package/src/patterns/interaction/tab-content-header/variations/with-badge/index.tsx

@@ -6,7 +6,7 @@ function TabContentHeaderWithBadge({ title, count, actionLabel, onAction }: { ti
     <div className="flex items-center justify-between gap-4 pb-4 border-b border-background-800">
       <div className="flex items-center gap-2">
         <h3 className="text-sm font-semibold text-foreground-100">{title}</h3>
-        <Badge size="sm">{count}</Badge>
+        <Badge>{count}</Badge>
       </div>
       {actionLabel && (
         <Button size="sm" variant="secondary" onPress={onAction}>{actionLabel}</Button>

package/src/patterns/layout/split-row/variations/main/index.tsx

@@ -11,7 +11,7 @@ function SplitRow({ title, description, timestamp, status }: { title: string; de
       </div>
       <div className="flex items-center gap-3 flex-shrink-0">
         <span className="text-sm text-foreground-400">{timestamp}</span>
-        <Badge size="sm" variant={variant as 'success' | 'warning' | 'default'}>{status}</Badge>
+        <Badge variant={variant as 'success' | 'warning' | 'default'}>{status}</Badge>
       </div>
     </div>
   );