aefis-core-ui 2.1.8-rc2 → 2.1.8-rc3

package/dist/index.modern.js

@@ -15005,7 +15005,6 @@ const useStyles$4 = makeStyles(() => ({
     lineHeight: "30px",
     padding: 5,
     backgroundColor: "#ffffff",
-    border: "3px solid #eee",
     boxSizing: "content-box",
     borderRadius: 20,
     position: "relative"
@@ -15088,26 +15087,32 @@ const barContainerSize = size => {
     case "xsmall":
       struct.height = 15;
       struct.lineHeight = "15px";
+      struct.border = "2px solid #eee";
       break;
     case "small":
       struct.height = 20;
       struct.lineHeight = "20px";
+      struct.border = "3px solid #eee";
       break;
     case "medium":
       struct.height = 25;
       struct.lineHeight = "25px";
+      struct.border = "3px solid #eee";
       break;
     case "large":
       struct.height = 30;
       struct.lineHeight = "30px";
+      struct.border = "3px solid #eee";
       break;
     case "xlarge":
       struct.height = 35;
       struct.lineHeight = "35px";
+      struct.border = "3px solid #eee";
       break;
     default:
       struct.height = 20;
       struct.lineHeight = "20px";
+      struct.border = "3px solid #eee";
   }
   return struct;
 };
@@ -15121,9 +15126,7 @@ const RubricDistributionChart = props => {
     textTransform: "uppercase"
   };
   const a11yProps = {
-    "aria-label": props.title || "progress",
-    "aria-valuemax": 100,
-    role: "progressbar"
+    "aria-label": props.title
   };
   const keyValue = useUID();
   const validatedData = replaceDuplicateColor(props.data);
@@ -15163,9 +15166,18 @@ const RubricDistributionChart = props => {
           })
         }, `rubric-bar-chart-bar-${(rubric == null ? void 0 : rubric.id) || index}`))]
       }))
-    }), props.showLegend && /*#__PURE__*/jsx(Legend, {
-      data: validatedData,
-      size: props.size
+    }), /*#__PURE__*/jsx(Collapse, {
+      sx: {
+        mt: 1,
+        mb: 1
+      },
+      in: props.showLegend,
+      timeout: "auto",
+      unmountOnExit: true,
+      children: /*#__PURE__*/jsx(Legend, {
+        data: validatedData,
+        size: props.size
+      })
     })]
   });
 };