@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260623060812 → 0.8.1-dev.20260623062004

package/dist/index.js

@@ -6141,6 +6141,7 @@ var DocumentNode = (props) => {
       }
     }
   }
+  if (!documentUrl) return null;
   const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
   if (!documentTitle) {
     try {
@@ -6151,12 +6152,12 @@ var DocumentNode = (props) => {
     }
     documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between py-4 border-b border-gray-100 bg-white", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between py-4 border-b bg-default", children: [
     /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-gray-50 border border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon2, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-secondary-soft border", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon2, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-baseline space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h4", { className: "text-base font-semibold text-gray-800", children: documentTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: "text-sm font-medium text-gray-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: "text-sm font-medium", children: [
           "(",
           extLabel,
           ")"
@@ -6170,7 +6171,7 @@ var DocumentNode = (props) => {
         download: true,
         target: "_blank",
         rel: "noreferrer",
-        className: "inline-flex items-center px-4 py-2 text-sm font-medium text-blue-600 bg-white border border-blue-600 rounded hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",
+        className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
             /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }),

package/dist/index.mjs

@@ -4535,6 +4535,7 @@ var DocumentNode = (props) => {
       }
     }
   }
+  if (!documentUrl) return null;
   const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
   if (!documentTitle) {
     try {
@@ -4545,12 +4546,12 @@ var DocumentNode = (props) => {
     }
     documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
   }
-  return /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between py-4 border-b border-gray-100 bg-white", children: [
+  return /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between py-4 border-b bg-default", children: [
     /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx60("div", { className: "flex items-center justify-center p-2 rounded bg-gray-50 border border-gray-100", children: /* @__PURE__ */ jsx60(Icon2, {}) }),
+      /* @__PURE__ */ jsx60("div", { className: "flex items-center justify-center p-2 rounded bg-secondary-soft border", children: /* @__PURE__ */ jsx60(Icon2, {}) }),
       /* @__PURE__ */ jsxs33("div", { className: "flex items-baseline space-x-2", children: [
-        /* @__PURE__ */ jsx60("h4", { className: "text-base font-semibold text-gray-800", children: documentTitle }),
-        /* @__PURE__ */ jsxs33("span", { className: "text-sm font-medium text-gray-400", children: [
+        /* @__PURE__ */ jsx60("h4", { className: "text-base font-semibold", children: documentTitle }),
+        /* @__PURE__ */ jsxs33("span", { className: "text-sm font-medium", children: [
           "(",
           extLabel,
           ")"
@@ -4564,7 +4565,7 @@ var DocumentNode = (props) => {
         download: true,
         target: "_blank",
         rel: "noreferrer",
-        className: "inline-flex items-center px-4 py-2 text-sm font-medium text-blue-600 bg-white border border-blue-600 rounded hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",
+        className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
         children: [
           /* @__PURE__ */ jsxs33("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
             /* @__PURE__ */ jsx60("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260623060812",
+  "version": "0.8.1-dev.20260623062004",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",