@kosdev-code/kos-ddk-components 2.0.4 → 2.1.0

package/index.js

@@ -3609,7 +3609,7 @@ const Ps = _.div`
   width: 4px;
   z-index: 1;
 `, $s = _.div`
-  background-color: ${(t) => t.disabled ? "var(--ddk-generic-color-grey-20, #dfdede)" : t.backgroundColor ? t.backgroundColor : "var(--ddk-generic-color-white, #ffffff)"};
+  background-color: ${(t) => t.disabled ? "var(--ddk-generic-color-grey-50, #888888)" : t.backgroundColor ? t.backgroundColor : "var(--ddk-generic-color-white, #ffffff)"};
 
   border-radius: 8px;
   border: 1px solid var(--ddk-generic-color-grey-20, #dfdede);
@@ -3696,48 +3696,50 @@ const Ps = _.div`
   width: 100%;
   position: absolute;
   top: 0;
-  background-color: ${(t) => t.disabled ? "var(--ddk-generic-color-grey-20, #dfdede)" : t.backgroundColor ? t.backgroundColor : "var(--ddk-component-dashboard-card-header-background-color)"};
+  background-color: ${(t) => t.disabled ? "var(--ddk-generic-color-grey-50, #888888)" : t.backgroundColor ? t.backgroundColor : "var(--ddk-component-dashboard-card-header-background-color)"};
 `, Lr = ({
   avatar: t,
   body: n,
   cardId: o,
   color: c,
-  backgroundColor: h,
-  errors: y,
-  footer: S,
-  disabled: P,
-  indicatorColor: F,
-  onCardSelect: j,
-  showNavIcon: M,
-  title: X
+  headerBackgroundColor: h,
+  backgroundColor: y,
+  errors: S,
+  footer: P,
+  disabled: F,
+  indicatorColor: j,
+  onCardSelect: M,
+  showNavIcon: X,
+  title: s
 }) => {
-  const s = Dt(null), m = (i) => {
-    s.current = i.pointerId;
-  }, e = (i) => {
-    s.current === i.pointerId && (j == null || j(o)), s.current = null;
-  }, { componentModeOverride: r } = It();
+  h || (h = y);
+  const m = Dt(null), e = (d) => {
+    m.current = d.pointerId;
+  }, r = (d) => {
+    m.current === d.pointerId && (M == null || M(o)), m.current = null;
+  }, { componentModeOverride: a } = It();
   return /* @__PURE__ */ at(
     $s,
     {
       color: c,
-      backgroundColor: h,
-      onPointerDown: m,
-      onPointerUp: e,
-      disabled: P,
+      backgroundColor: y,
+      onPointerDown: e,
+      onPointerUp: r,
+      disabled: F,
       children: [
-        r === "compact" && F && /* @__PURE__ */ k(js, { backgroundColor: F }),
+        a === "compact" && j && /* @__PURE__ */ k(js, { backgroundColor: j }),
         /* @__PURE__ */ k(
           Vs,
           {
             backgroundColor: h,
-            disabled: P
+            disabled: F
           }
         ),
-        !!t && /* @__PURE__ */ k(Ns, { backgroundColor: h, children: t }),
-        X && /* @__PURE__ */ k(zs, { backgroundColor: h, children: X }),
+        !!t && /* @__PURE__ */ k(Ns, { backgroundColor: y, children: t }),
+        s && /* @__PURE__ */ k(zs, { backgroundColor: y, children: s }),
         /* @__PURE__ */ k(Bs, { children: n }),
-        r === "compact" && !!M && /* @__PURE__ */ k(Fs, {}),
-        !!S && /* @__PURE__ */ k(Ls, { children: S })
+        a === "compact" && !!X && /* @__PURE__ */ k(Fs, {}),
+        !!P && /* @__PURE__ */ k(Ls, { children: P })
       ]
     }
   );
@@ -3970,19 +3972,30 @@ const Ps = _.div`
 
   & table {
     overflow: hidden;
+    border-collapse: collapse;
     border-radius: var(--ddk-component-table-border-radius);
-
     border-spacing: 0;
     width: 100%;
 
     & tr {
+      border-top: var(--ddk-component-table-border-width)
+        var(--ddk-component-table-border-style)
+        var(--ddk-component-table-border-color);
       vertical-align: top;
+
+      &.no-heading:first-of-type {
+        border-top: none;
+      }
     }
 
     & .heading {
       background-color: var(--ddk-component-table-heading-background-color);
       height: var(--ddk-component-table-heading-height);
 
+      &:first-of-type {
+        border-top: none;
+      }
+
       & th {
         color: var(--ddk-component-table-heading-color);
         font-size: var(--ddk-component-table-heading-font-size);
@@ -4013,9 +4026,6 @@ const Ps = _.div`
 
     & .data {
       & td {
-        border-top: var(--ddk-component-table-border-width)
-          var(--ddk-component-table-border-style)
-          var(--ddk-component-table-border-color);
         padding: var(--ddk-component-table-data-padding);
       }
     }
@@ -4051,12 +4061,6 @@ const Ps = _.div`
       }
 
       & .data {
-        & td {
-          border-top: var(--ddk-component-table-info-border-width)
-            var(--ddk-component-table-info-border-style)
-            var(--ddk-component-table-info-border-color);
-        }
-
         &.indent {
           & td {
             padding: var(--ddk-component-table-info-data-indent-padding);
@@ -4100,7 +4104,11 @@ const Ps = _.div`
       /* @__PURE__ */ k("tbody", { children: c == null ? void 0 : c.map((j, M) => /* @__PURE__ */ k(
         "tr",
         {
-          className: "data" + (P === "info" && S ? " indent" : ""),
+          className: `
+                data
+                ${P === "info" && S ? " indent" : ""}
+                ${S ? "" : " no-heading"}
+                `,
           children: /* @__PURE__ */ k(
             F,
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kosdev-code/kos-ddk-components",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "type": "module",
   "types": "./index.d.ts",
   "exports": {
@@ -12,15 +12,15 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@kosdev-code/kos-ui-sdk": "~2.0.41",
-    "@kosdev-code/kos-dispense-sdk": "~2.0.41"
+    "@kosdev-code/kos-ui-sdk": "~2.1.1",
+    "@kosdev-code/kos-dispense-sdk": "~2.1.1"
   },
   "peerDependencies": {
     "react-router-dom": "^6.11.2"
   },
   "kos": {
     "build": {
-      "gitHash": "221fedf31dd11999a754543ac90ad93acb602a1f"
+      "gitHash": "44209c3896236d2d701f11c536c35ec021ece847"
     }
   },
   "publishConfig": {