blue-react 9.1.7 → 9.1.8

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v9.1.7-alpha2 (https://bruegmann.github.io/blue-react)
+ * Blue React v9.1.8-alpha2 (https://bruegmann.github.io/blue-react)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
 */
 

package/dist/styles/_layout.scss

@@ -276,7 +276,10 @@
     }
 
     &:focus-visible {
-        box-shadow: inset 0 0 0.25rem;
+        &,
+        &.active {
+            box-shadow: inset 0 0 0.25rem;
+        }
     }
 }
 

package/dist/styles/mixins/_menu-item.scss

@@ -4,7 +4,9 @@
     top: 0.625rem;
     bottom: 0.625rem;
     left: 0.125rem;
+    right: initial;
     width: 0.25rem;
+    height: auto;
     background-color: var(--blue-menu-item-indicator-bg);
     border-radius: 1rem;
     animation: blue-menu-item-indicator-in-from-side 0.2s ease-in-out;

package/dist/styles/mixins/_sidebar.scss

@@ -73,6 +73,14 @@
             }
         }
     }
+
+    .blue-sidebar-menu-vertical-on-open {
+        .blue-menu-item {
+            &.active::after {
+                @include blue-menu-item-indicator();
+            }
+        }
+    }
 }
 
 @mixin blue-sidebar($width) {

package/dist/types/components/MenuItem.d.ts

@@ -74,6 +74,10 @@ export interface MenuItemProps {
      * Defines dropdown status from outside.
      */
     showDropdown?: boolean;
+    /**
+     * Callback when `showDropdown` changes.
+     */
+    onShowDropdown?: (showDropdown: boolean) => void;
     /**
      * Close on click outside.
      */

package/dist/types/components/Outside.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, MutableRefObject } from "react";
+import { CSSProperties, MouseEventHandler, MutableRefObject } from "react";
 /**
  * Hook that alerts clicks outside of the passed ref
  */
@@ -7,9 +7,10 @@ export interface OutsideProps {
     children: any;
     className?: string;
     onClickOutside?: (event: MouseEvent) => void;
+    onClick?: MouseEventHandler<HTMLDivElement> | undefined;
     style?: CSSProperties;
 }
 /**
  * Component that fires an event if you click outside of it
  */
-export default function Outside({ children, className, onClickOutside, style }: OutsideProps): JSX.Element;
+export default function Outside({ children, className, onClickOutside, onClick, style }: OutsideProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "9.1.7",
+    "version": "9.1.8",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",