@yuno-payments/dashboard-design-system 2.8.6 → 2.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "2.8.6",
+  "version": "2.8.8",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/registry/components-registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "2.8.6",
-  "generatedAt": "2026-05-08T18:30:04.346Z",
+  "version": "2.8.8",
+  "generatedAt": "2026-05-11T14:01:44.904Z",
   "components": [
     {
       "name": "AccessDeniedAlert",
@@ -2256,6 +2256,47 @@
       "props": [],
       "examples": []
     },
+    {
+      "name": "DataTableCells",
+      "category": "molecules",
+      "importPath": "@yuno-payments/dashboard-design-system",
+      "description": "Wraps a custom table cell to enforce the standard empty-state (`\"-\"`) across the design system. Use this for cells that render custom JSX (badges, custom layouts, switches, etc.) that don't fit one of the specialized `DataTable*Cell` components.",
+      "whenToUse": [
+        "Custom cell layouts that don't map to an existing DataTable cell",
+        "Status badges with domain-specific variant mapping",
+        "Any cell where you want consistent `-` rendering for empty values"
+      ],
+      "whenNotToUse": [],
+      "props": [
+        {
+          "name": "value",
+          "type": "unknown",
+          "required": true,
+          "description": "The value to check for emptiness (null, undefined, '' or [] render emptyState)"
+        },
+        {
+          "name": "emptyState",
+          "type": "ReactNode",
+          "default": "\"-\"",
+          "required": false,
+          "description": "Content to render when value is empty"
+        }
+      ],
+      "examples": [
+        {
+          "name": "CustomEmptyState",
+          "code": "<DataTableCells emptyState=\"N/A\" />"
+        },
+        {
+          "name": "Default",
+          "code": "<DataTableCells value=\"APPROVED\" />"
+        },
+        {
+          "name": "Empty",
+          "code": "<DataTableCells />"
+        }
+      ]
+    },
     {
       "name": "DataTableCells",
       "category": "molecules",