@iamproperty/components 7.3.0 → 7.4.0

package/assets/sass/_functions/variables.scss

@@ -269,6 +269,8 @@ $theme-colors: map.merge(
     'light': $light,
     'canvas': $canvas,
     'white': #fcfcfc,
+    'activeLink': #e8f9fd,
+    'activeLinkBorder': #1dbde6,
   ),
   $theme-colors
 );
@@ -359,6 +361,8 @@ $dark-mode-functional-colors: (
   'btn-secondary-bg-hover': var(--colour-white),
   'btn-secondary-hover': var(--colour-primary-theme),
   'btn-action-hover-bg': var(--colour-canvas-2),
+  'activeLink': #173c45,
+  'activeLinkBorder': #1dbde6,
 );
 
 $wider-colours: (
@@ -472,11 +476,13 @@ $fonts: map.merge(
   $vars: map.merge((--font-#{$font}: #{$value}), $vars);
 }
 
-
-$vars: map.merge((
-  '--type-scale': 1.2,
-  '--body-fs': 1rem,
-),$vars);
+$vars: map.merge(
+  (
+    '--type-scale': 1.2,
+    '--body-fs': 1rem,
+  ),
+  $vars
+);
 
 /* Headings variables are setup this way so that we can export them into the vue documentation */
 $heading-sizes: (

package/assets/sass/components/actionbar.component.scss

@@ -251,7 +251,7 @@ slot[name='selectall'] {
   }
 }
 
-.dialog__wrapper.dialog-overflow {
+.menu__wrapper .dialog-overflow {
   margin-left: 0.5rem;
   margin-right: -0.5rem;
 }

package/assets/sass/components/actionbar.global.scss

@@ -69,8 +69,8 @@ iam-actionbar {
   }
 
   // Dialog wrapper
-  .dialog__wrapper[slot='selected-overflow'] > button,
-  .dialog__wrapper[slot='overflow'] > button {
+  .menu__wrapper [slot='selected-overflow'] > button,
+  .menu__wrapper [slot='overflow'] > button {
     background: none;
     border: none;
     text-indent: 0;
@@ -90,8 +90,8 @@ iam-actionbar {
     border: none;
     margin: 0 !important;
   }
-  .dialog__wrapper[slot='selected-overflow'] dialog[open],
-  .dialog__wrapper[slot='overflow'] dialog[open] {
+  .menu__wrapper [slot='selected-overflow'] dialog[open],
+  .menu__wrapper [slot='overflow'] dialog[open] {
     display: contents;
   }
 }