- Close button in sidebar menu is now a FlatButton.

- Drawer no longer gets blue outline when opening drawer with keyboard.

packages/modal/src/components/drawer/Drawer.module.css

@@ -10,6 +10,10 @@
     position: absolute;
     transition: transform var(--swui-animation-time-medium) ease-in-out;
 
+    &:focus-visible {
+      outline: unset;
+    }
+
     &.slideFromLeft,
     &.slideFromRight {
       transform: translateX(var(--translate-x-outside-screen, 0));

packages/panels/src/components/sidebar-menu/SidebarMenu.tsx

@@ -3,16 +3,16 @@ import cx from "classnames";
 import * as React from "react";
 import styles from "./SidebarMenu.module.css";
 import {
-  SidebarMenuCloseButton,
-  SidebarMenuCloseButtonProps,
-} from "./SidebarMenuCloseButton";
+  SidebarMenuCloseButtonRow,
+  SidebarMenuCloseButtonRowProps,
+} from "./SidebarMenuCloseButtonRow";
 import { getNavbarHeight } from "../nav-bar/NavbarHeightStyleUtil";
 import { NavBarVariant } from "../nav-bar/NavBar";
 
 export type SidebarMenuVariant = NavBarVariant;
 
 export interface SidebarMenuProps extends BoxProps {
-  onCloseClick?: SidebarMenuCloseButtonProps["onClick"];
+  onCloseClick?: SidebarMenuCloseButtonRowProps["onClick"];
   hideCloseButton?: boolean;
   collapsed?: boolean;
   variant?: SidebarMenuVariant;
@@ -48,7 +48,7 @@ export const SidebarMenu: React.FC<SidebarMenuProps> = ({
 
       {!hideCloseButton && (
         <>
-          <SidebarMenuCloseButton onClick={onCloseClick} />
+          <SidebarMenuCloseButtonRow onClick={onCloseClick} />
           <Space num={1.5} />
         </>
       )}

packages/panels/src/components/sidebar-menu/SidebarMenuCloseButtonRow.module.css

@@ -0,0 +1,3 @@
+.stenaFlag {
+  height: 32px;
+}

packages/panels/src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+import styles from "./SidebarMenuCloseButtonRow.module.css";
+import { ButtonElementProps, Row } from "@stenajs-webui/core";
+import { FlatButton, StenaFlag, stenaTimes } from "@stenajs-webui/elements";
+
+export interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}
+
+export const SidebarMenuCloseButtonRow: React.FC<
+  SidebarMenuCloseButtonRowProps
+> = ({ onClick }) => {
+  return (
+    <Row justifyContent={"space-between"} alignItems={"center"} flex={1}>
+      <FlatButton leftIcon={stenaTimes} onClick={onClick} variant={"danger"} />
+      <StenaFlag className={styles.stenaFlag} />
+    </Row>
+  );
+};