@digital-ai/dot-components 3.11.0 → 3.11.1

package/index.esm.js

@@ -9875,16 +9875,16 @@ const StyledDashboardDetails = styled(DotDrawer)`
       }
       .dot-card {
         border: none;
+        padding: ${theme.spacing(0, 2)};
 
         .dot-card-header {
           padding: ${theme.spacing(2, 1, 0, 0)};
         }
         .dot-card-content {
-          padding: ${theme.spacing(0, 2, 3, 2)};
+          padding: ${theme.spacing(0, 0, 3, 0)};
         }
       }
       .content {
-        padding: ${theme.spacing(0, 2, 1, 2)};
         overflow-y: auto;
       }
       .dot-avatar {
@@ -9893,10 +9893,11 @@ const StyledDashboardDetails = styled(DotDrawer)`
       .section-title {
         display: flex;
         align-items: center;
-        padding: ${theme.spacing(2, 0, 2, 2)};
-        margin: ${theme.spacing(2, -2, 0)};
+        padding: ${theme.spacing(2)};
+      }
+      .section-title-border {
+        margin: ${theme.spacing(1, -2, 0)};
         border-bottom: 1px solid ${theme.palette.figma.border.default};
-        font-weight: normal;
       }
       .dot-icon {
         flex-basis: content;
@@ -9956,12 +9957,16 @@ const DashboardDetailsSectionHeading = ({
   if (className) {
     c += ` ${className}`;
   }
-  return jsx(DotTypography, {
-    ariaRole: "heading",
-    className: c,
-    component: "div",
-    variant: "subtitle1",
-    children: label
+  return jsx("div", {
+    className: "section-title-border",
+    children: jsx(DotTypography, {
+      ariaRole: "heading",
+      ariaLevel: 2,
+      className: c,
+      component: "div",
+      variant: "body1",
+      children: label
+    })
   });
 };
 const DotDashboardDetailsView = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.11.0",
+  "version": "3.11.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [