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

package/package.json

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

package/registry/components-registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "2.8.8",
-  "generatedAt": "2026-05-11T14:01:44.904Z",
+  "version": "2.8.10",
+  "generatedAt": "2026-05-11T15:16:12.364Z",
   "components": [
     {
       "name": "AccessDeniedAlert",
@@ -1986,7 +1986,7 @@
           "name": "items",
           "type": "DataTableIconTextCellItem[]",
           "required": true,
-          "description": "Array of items with name and optional icon URL"
+          "description": "Array of items with name and optional icon (src URL or Phosphor iconName)"
         },
         {
           "name": "maxVisible",
@@ -2012,11 +2012,11 @@
       "examples": [
         {
           "name": "Default",
-          "code": "<DataTableCells items={[{\"name\":\"Stripe\",\"icon\":\"https://via.placeholder.com/16\"}]} />"
+          "code": "<DataTableCells items={[{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"}]} />"
         },
         {
           "name": "DuplicateItems",
-          "code": "<DataTableCells items={[{\"name\":\"Stripe\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"Stripe\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"PayU\"}]} />"
+          "code": "<DataTableCells items={[{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"PayU\"}]} />"
         },
         {
           "name": "Empty",
@@ -2024,11 +2024,11 @@
         },
         {
           "name": "ManyItems",
-          "code": "<DataTableCells items={[{\"name\":\"Visa\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"Mastercard\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"Amex\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"PayPal\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"Apple Pay\",\"icon\":\"https://via.placeholder.com/16\"}]} maxVisible={2} />"
+          "code": "<DataTableCells items={[{\"name\":\"Visa\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Mastercard\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Amex\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"PayPal\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Apple Pay\",\"src\":\"https://via.placeholder.com/16\"}]} maxVisible={2} />"
         },
         {
           "name": "MultipleItems",
-          "code": "<DataTableCells items={[{\"name\":\"Stripe\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"PayU\",\"icon\":\"https://via.placeholder.com/16\"},{\"name\":\"Adyen\",\"icon\":\"https://via.placeholder.com/16\"}]} />"
+          "code": "<DataTableCells items={[{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"PayU\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Adyen\",\"src\":\"https://via.placeholder.com/16\"}]} />"
         }
       ]
     },
@@ -2297,6 +2297,73 @@
         }
       ]
     },
+    {
+      "name": "DataTableCells",
+      "category": "molecules",
+      "importPath": "@yuno-payments/dashboard-design-system",
+      "description": "A table cell that renders a single `Badge` with a pre-computed variant. Use it when the caller already knows the visual variant — for example: ternary results, range-based status colors, or one-off labelled badges.",
+      "whenToUse": [
+        "Status badges with ad-hoc logic: when variant is decided by a ternary or",
+        "Type badges: single labelled tag with a fixed variant."
+      ],
+      "whenNotToUse": [],
+      "props": [
+        {
+          "name": "value",
+          "type": "string | null | undefined",
+          "required": true,
+          "description": "Label rendered inside the badge"
+        },
+        {
+          "name": "variant",
+          "type": "BadgeVariant",
+          "default": "\"info\"",
+          "required": false,
+          "description": "Badge visual variant"
+        },
+        {
+          "name": "startIcon",
+          "type": "IconName",
+          "required": true,
+          "description": "Optional icon at the start of the badge"
+        },
+        {
+          "name": "emptyState",
+          "type": "ReactNode",
+          "default": "\"-\"",
+          "required": false,
+          "description": "Content to render when value is empty"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": true,
+          "description": "Additional CSS classes"
+        }
+      ],
+      "examples": [
+        {
+          "name": "Default",
+          "code": "<DataTableCells value=\"Active\" variant=\"success\" />"
+        },
+        {
+          "name": "Empty",
+          "code": "<DataTableCells />"
+        },
+        {
+          "name": "Error",
+          "code": "<DataTableCells value=\"Declined\" variant=\"error\" startIcon=\"XCircle\" />"
+        },
+        {
+          "name": "Secondary",
+          "code": "<DataTableCells value=\"Card\" variant=\"secondary\" />"
+        },
+        {
+          "name": "WithIcon",
+          "code": "<DataTableCells value=\"Approved\" variant=\"success\" startIcon=\"CheckCircle\" />"
+        }
+      ]
+    },
     {
       "name": "DataTableCells",
       "category": "molecules",