@designsystem-se/af 35.4.1-beta.1 → 35.4.1-beta.11

package/dist/collection/components/_chart/bar-chart/bar-chart.css

@@ -12,6 +12,8 @@
 :host .svgWrap {
   position: relative;
   display: flex;
+  min-height: 20px;
+  min-width: 20px;
   width: 100%;
   height: 100%;
 }
@@ -21,15 +23,19 @@
   flex-direction: column;
   gap: 0.75rem;
 }
+:host .topWrapper {
+  margin-bottom: 0.75rem;
+}
 :host .chartTitle {
   --MARGIN--HEADING-2: 0;
   --MARGIN--HEADING-3: 0;
   --MARGIN--HEADING-4: 0;
   --MARGIN--HEADING-5: 0;
   --MARGIN--HEADING-6: 0;
+  --MARGIN--BODY: 0 ;
 }
 :host .buttonWrapper {
-  --digi--button--padding--medium: 4px 4px 0.8125rem 0;
+  --digi--button--padding--medium: 0 0 0.75rem 0;
 }
 :host .chartTooltip {
   top: -5px;
@@ -48,12 +54,20 @@
 :host .tooltipBody {
   display: inline-block;
 }
-:host .close {
+:host .tooltipHead {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+:host .tooltipClose {
   display: inline-block;
   vertical-align: top;
   --digi--color--icon--primary: #333;
   cursor: pointer;
 }
+:host .tooltipClose:hover {
+  --digi--color--icon--primary: gray;
+}
 :host .legendWrap {
   display: grid;
 }
@@ -83,7 +97,7 @@
 :host .table {
   display: none;
   overflow-y: auto;
-  height: 100%;
+  height: auto;
   border-radius: 4px;
   background: linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
   background-repeat: no-repeat;