flexlayout-react 0.6.1 → 0.6.2

package/src/view/Layout.tsx

@@ -33,6 +33,12 @@ export type CustomDragCallback = (dragging: TabNode | IJsonTabNode, over: TabNod
 export type DragRectRenderCallback = (content: React.ReactElement | undefined, node?: Node, json?: IJsonTabNode) => React.ReactElement | undefined;
 export type FloatingTabPlaceholderRenderCallback = (dockPopout: () => void, showPopout: () => void) => React.ReactElement | undefined;
 export type NodeMouseEvent = (node: TabNode | TabSetNode | BorderNode, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+export type ShowOverflowMenuCallback = (
+    node: TabSetNode | BorderNode,
+    mouseEvent: React.MouseEvent<HTMLElement, MouseEvent>,
+    items: { index: number; node: TabNode }[],
+    onSelect: (item: { index: number; node: TabNode }) => void,
+) => void;
 
 export interface ILayoutProps {
     model: Model;
@@ -76,6 +82,7 @@ export interface ILayoutProps {
     onRenderFloatingTabPlaceholder?: FloatingTabPlaceholderRenderCallback;
     onContextMenu?: NodeMouseEvent;
     onAuxMouseClick?: NodeMouseEvent;
+    onShowOverflowMenu?: ShowOverflowMenuCallback;
 }
 export interface IFontValues {
     size?: string;
@@ -114,12 +121,12 @@ export interface ILayoutState {
 }
 
 export interface IIcons {
-    close?: React.ReactNode;
-    closeTabset?: React.ReactNode;
-    popout?: React.ReactNode;
-    maximize?: React.ReactNode;
-    restore?: React.ReactNode;
-    more?: React.ReactNode;
+    close?: (React.ReactNode | ((tabNode: TabNode) => React.ReactNode));
+    closeTabset?: (React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode));
+    popout?: (React.ReactNode | ((tabNode: TabNode) => React.ReactNode));
+    maximize?: (React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode));
+    restore?: (React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode));
+    more?: (React.ReactNode | ((tabSetNode: (TabSetNode | BorderNode), hiddenTabs: { node: TabNode; index: number }[]) => React.ReactNode));
 }
 
 const defaultIcons =  {
@@ -179,6 +186,7 @@ export interface ILayoutCallbacks {
     auxMouseClick(node: TabNode | TabSetNode | BorderNode, event: React.MouseEvent<HTMLElement, MouseEvent>): void;
     showPortal: (portal: React.ReactNode, portalDiv: HTMLDivElement) => void;
     hidePortal: () => void;
+    getShowOverflowMenu(): ShowOverflowMenuCallback | undefined;
 }
 
 // Popout windows work in latest browsers based on webkit (Chrome, Opera, Safari, latest Edge) and Firefox. They do
@@ -261,7 +269,7 @@ export class Layout extends React.Component<ILayoutProps, ILayoutState> {
     /** @hidden @internal */
     private popoutURL: string;
     /** @hidden @internal */
-    private icons?: IIcons;
+    private icons: IIcons;
     /** @hidden @internal */
     private firstRender: boolean;
     /** @hidden @internal */
@@ -1221,6 +1229,10 @@ export class Layout extends React.Component<ILayoutProps, ILayoutState> {
         return this.props.onRenderFloatingTabPlaceholder;
     }
 
+    /** @hidden @internal */
+    getShowOverflowMenu() {
+        return this.props.onShowOverflowMenu;
+    }
     /** @hidden @internal */
     showContextMenu(node: TabNode | TabSetNode | BorderNode, event: React.MouseEvent<HTMLElement, MouseEvent>) {
         if (this.props.onContextMenu) {

package/src/view/TabButton.tsx

@@ -17,7 +17,7 @@ export interface ITabButtonProps {
     height: number;
     iconFactory?: (node: TabNode) => React.ReactNode | undefined;
     titleFactory?: (node: TabNode) => React.ReactNode | undefined;
-    icons?: IIcons;
+    icons: IIcons;
     path: string;
 }
 
@@ -184,7 +184,7 @@ export const TabButton = (props: ITabButtonProps) => {
                 className={cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_TRAILING)}
                 onMouseDown={onCloseMouseDown} onClick={onClose}
                 onTouchStart={onCloseMouseDown}>
-                {icons?.close}
+                {(typeof icons.close === "function") ? icons.close(node) : icons.close}
             </div>
         );
     }

package/src/view/TabOverflowHook.tsx

@@ -20,6 +20,7 @@ export const useTabOverflow = (
     const [position, setPosition] = React.useState<number>(0);
     const userControlledLeft = React.useRef<boolean>(false);
     const [hiddenTabs, setHiddenTabs] = React.useState<{ node: TabNode; index: number }[]>([]);
+    const lastHiddenCount = React.useRef<number>(0);
 
     // if selected node or tabset/border rectangle change then unset usercontrolled (so selected tab will be kept in view)
     React.useLayoutEffect(() => {
@@ -78,9 +79,11 @@ export const useTabOverflow = (
 
         if (
             firstRender.current === true ||
+            (lastHiddenCount.current === 0 && hiddenTabs.length !== 0) || 
             nodeRect.width !== lastRect.current.width || // incase rect changed between first render and second
             nodeRect.height !== lastRect.current.height
         ) {
+            lastHiddenCount.current = hiddenTabs.length;
             lastRect.current = nodeRect;
             const enabled = node instanceof TabSetNode ? node.isEnableTabStrip() === true : true;
             let endPos = getFar(nodeRect) - stickyButtonsSize;
@@ -92,8 +95,6 @@ export const useTabOverflow = (
                     return; // nothing to do all tabs are shown in available space
                 }
 
-                endPos -= hiddenTabs.length > 0 ? (orientation === Orientation.HORZ ? 16 : 0) : 45; // will need hidden tabs
-
                 let shiftPos = 0;
 
                 const selectedTab = node.getSelectedNode() as TabNode;

package/src/view/TabSet.tsx

@@ -17,7 +17,7 @@ export interface ITabSetProps {
     node: TabSetNode;
     iconFactory?: (node: TabNode) => React.ReactNode | undefined;
     titleFactory?: (node: TabNode) => React.ReactNode | undefined;
-    icons?: IIcons;
+    icons: IIcons;
     editingTab?: TabNode;
     path?: string;
 }
@@ -34,15 +34,20 @@ export const TabSet = (props: ITabSetProps) => {
     const { selfRef, position, userControlledLeft, hiddenTabs, onMouseWheel, tabsTruncated } = useTabOverflow(node, Orientation.HORZ, toolbarRef, stickyButtonsRef);
 
     const onOverflowClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {
-        const element = overflowbuttonRef.current!;
-        showPopup(
-            element, 
-            hiddenTabs, 
-            onOverflowItemSelect, 
-            layout,
-            iconFactory,
-            titleFactory,
-            );
+        const callback = layout.getShowOverflowMenu();
+        if (callback !== undefined) {
+            callback( node, event, hiddenTabs, onOverflowItemSelect);
+        } else {
+            const element = overflowbuttonRef.current!;
+            showPopup(
+                element, 
+                hiddenTabs, 
+                onOverflowItemSelect, 
+                layout,
+                iconFactory,
+                titleFactory,
+                );
+        }
         event.stopPropagation();
     };
 
@@ -175,6 +180,15 @@ export const TabSet = (props: ITabSetProps) => {
     let toolbar;
     if (hiddenTabs.length > 0) {
         const overflowTitle = layout.i18nName(I18nLabel.Overflow_Menu_Tooltip);
+        let overflowContent;
+        if (typeof icons.more === "function") {
+            overflowContent = icons.more(node, hiddenTabs);
+        } else {
+            overflowContent = (<>
+                {icons.more}
+                <div className={cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT)}>{hiddenTabs.length}</div>
+            </>);
+        }
         buttons.push(
             <button
                 key="overflowbutton"
@@ -187,8 +201,7 @@ export const TabSet = (props: ITabSetProps) => {
                 onMouseDown={onInterceptMouseDown}
                 onTouchStart={onInterceptMouseDown}
             >
-                {icons?.more}
-                {hiddenTabs.length}
+                {overflowContent}
             </button>
         );
     }
@@ -205,7 +218,7 @@ export const TabSet = (props: ITabSetProps) => {
                 onMouseDown={onInterceptMouseDown}
                 onTouchStart={onInterceptMouseDown}
             >
-                {icons?.popout}
+                {(typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout}
             </button>
         );
     }
@@ -223,7 +236,9 @@ export const TabSet = (props: ITabSetProps) => {
                 onMouseDown={onInterceptMouseDown}
                 onTouchStart={onInterceptMouseDown}
             >
-                {node.isMaximized() ? icons?.restore : icons?.maximize}
+                {node.isMaximized() ? 
+                    (typeof icons.restore === "function") ? icons.restore(node) : icons.restore :
+                    (typeof icons.maximize === "function") ? icons.maximize(node) : icons.maximize }
             </button>
         );
     }
@@ -241,7 +256,7 @@ export const TabSet = (props: ITabSetProps) => {
                 onMouseDown={onInterceptMouseDown}
                 onTouchStart={onInterceptMouseDown}
             >
-                {icons?.closeTabset}
+                {(typeof icons.closeTabset === "function") ? icons.closeTabset(node) : icons.closeTabset}
             </button>
         );
     }

package/style/_base.scss

@@ -499,7 +499,12 @@
                 background-color: transparent;
                 border-radius: 4px;
                 padding: 1px;
-
+                @media (hover: hover) {
+                    &:hover {
+                        @include toolbar_button_hovered_mixin;
+                    }
+                }
+                
                 &-float {
                 }
 

package/style/dark.css

@@ -419,6 +419,11 @@
   border-radius: 4px;
   padding: 1px;
 }
+@media (hover: hover) {
+  .flexlayout__border_toolbar_button:hover {
+    background-color: var(--color-4);
+  }
+}
 .flexlayout__border_toolbar_button_overflow {
   display: flex;
   align-items: center;

package/style/dark.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_base.scss","dark.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAxBJ;EACA;EACA;EACA;EACA;EAuBI;;AAGJ;EC+EA;;AD5EI;EACI;IACI;IACA;IC6EZ;;;ADzEI;EACI;;AAGJ;EACI;ECwER;EACA;;ADtEI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC3FJ;;AD8FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECxFR;EACA;;AD0FQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECrHZ;;ADyHQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EC7IJ;;ADiJI;EC7IJ;;ADkJA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;ECtJR;EACA;;ADwJQ;EACI;ICjJZ;IACA;;;ADqJQ;EC1JR;;AD8JQ;ECpLR;EACA;EACA;;ADsLQ;EClLR;EACA;EACA;;ADoLQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECnLZ;;AD2LQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IC3NhB;;;AD6OQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EC/RJ;;ADkSI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECnVR;EACA;EACA;;ADoVQ;EChVR;EACA;;ADkVQ;EACI;IC3UZ;IACA;;;AD+UQ;ECpVR;;ADwVQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECvXZ;;AD+XQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAjjBJ;EACA;EACA;EACA;EACA;;AAijBI;EACI;EAtjBR;EACA;EACA;EACA;EACA;EAqjBQ;EACA;EACA;;AAIR;EA/jBA;EACA;EACA;EACA;EACA;EA6jBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"dark.css"}
+{"version":3,"sourceRoot":"","sources":["_base.scss","dark.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAxBJ;EACA;EACA;EACA;EACA;EAuBI;;AAGJ;EC+EA;;AD5EI;EACI;IACI;IACA;IC6EZ;;;ADzEI;EACI;;AAGJ;EACI;ECwER;EACA;;ADtEI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC3FJ;;AD8FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECxFR;EACA;;AD0FQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECrHZ;;ADyHQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EC7IJ;;ADiJI;EC7IJ;;ADkJA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;ECtJR;EACA;;ADwJQ;EACI;ICjJZ;IACA;;;ADqJQ;EC1JR;;AD8JQ;ECpLR;EACA;EACA;;ADsLQ;EClLR;EACA;EACA;;ADoLQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECnLZ;;AD2LQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IC3NhB;;;AD6OQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EC/RJ;;ADkSI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECnVR;EACA;EACA;;ADoVQ;EChVR;EACA;;ADkVQ;EACI;IC3UZ;IACA;;;AD+UQ;ECpVR;;ADwVQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECvXZ;;AD+XQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IChahB;;;ADwaY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAtjBJ;EACA;EACA;EACA;EACA;;AAsjBI;EACI;EA3jBR;EACA;EACA;EACA;EACA;EA0jBQ;EACA;EACA;;AAIR;EApkBA;EACA;EACA;EACA;EACA;EAkkBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"dark.css"}

package/style/gray.css

@@ -419,6 +419,11 @@
   border-radius: 4px;
   padding: 1px;
 }
+@media (hover: hover) {
+  .flexlayout__border_toolbar_button:hover {
+    background-color: var(--color-2);
+  }
+}
 .flexlayout__border_toolbar_button_overflow {
   display: flex;
   align-items: center;

package/style/gray.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_base.scss","gray.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAxBJ;EACA;EACA;EACA;EACA;EAuBI;;AAGJ;EC6EA;;AD1EI;EACI;IACI;IACA;IC2EZ;;;ADvEI;EACI;;AAGJ;EACI;ECsER;EACA;;ADpEI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC5FJ;;AD+FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECzFR;EACA;;AD2FQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECtHZ;;AD0HQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EC9IJ;;ADkJI;EC9IJ;;ADmJA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;ECxJR;EACA;;AD0JQ;EACI;ICnJZ;IACA;;;ADuJQ;EC5JR;;ADgKQ;ECrLR;EACA;EACA;;ADuLQ;ECnLR;EACA;EACA;;ADqLQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECzLZ;;ADiMQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ICjOhB;;;ADmPQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;ECzRJ;;AD4RI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECrVR;EACA;EACA;;ADsVQ;EClVR;EACA;;ADoVQ;EACI;IC7UZ;IACA;;;ADiVQ;ECtVR;;AD0VQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EC7XZ;;ADqYQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAjjBJ;EACA;EACA;EACA;EACA;;AAijBI;EACI;EAtjBR;EACA;EACA;EACA;EACA;EAqjBQ;EACA;EACA;;AAIR;EA/jBA;EACA;EACA;EACA;EACA;EA6jBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"gray.css"}
+{"version":3,"sourceRoot":"","sources":["_base.scss","gray.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAxBJ;EACA;EACA;EACA;EACA;EAuBI;;AAGJ;EC6EA;;AD1EI;EACI;IACI;IACA;IC2EZ;;;ADvEI;EACI;;AAGJ;EACI;ECsER;EACA;;ADpEI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC5FJ;;AD+FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECzFR;EACA;;AD2FQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECtHZ;;AD0HQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EC9IJ;;ADkJI;EC9IJ;;ADmJA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;ECxJR;EACA;;AD0JQ;EACI;ICnJZ;IACA;;;ADuJQ;EC5JR;;ADgKQ;ECrLR;EACA;EACA;;ADuLQ;ECnLR;EACA;EACA;;ADqLQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECzLZ;;ADiMQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ICjOhB;;;ADmPQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;ECzRJ;;AD4RI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECrVR;EACA;EACA;;ADsVQ;EClVR;EACA;;ADoVQ;EACI;IC7UZ;IACA;;;ADiVQ;ECtVR;;AD0VQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EC7XZ;;ADqYQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ICtahB;;;AD8aY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAtjBJ;EACA;EACA;EACA;EACA;;AAsjBI;EACI;EA3jBR;EACA;EACA;EACA;EACA;EA0jBQ;EACA;EACA;;AAIR;EApkBA;EACA;EACA;EACA;EACA;EAkkBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"gray.css"}

package/style/light.css

@@ -405,6 +405,11 @@
   border-radius: 4px;
   padding: 1px;
 }
+@media (hover: hover) {
+  .flexlayout__border_toolbar_button:hover {
+    background-color: var(--color-2);
+  }
+}
 .flexlayout__border_toolbar_button_overflow {
   display: flex;
   align-items: center;

package/style/light.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_base.scss","light.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAxBJ;EACA;EACA;EACA;EACA;EAuBI;;AAGJ;EC4DA;;ADzDI;EACI;IACI;IACA;IC0DZ;;;ADtDI;EACI;;AAGJ;EACI;ECqDR;;ADlDI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC3FJ;;AD8FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EChGR;;ADmGQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECrHZ;;ADyHQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;ECtJJ;;AD0JI;ECtJJ;;AD2JA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;ECvKR;EACA;;ADyKQ;EACI;IClKZ;IACA;;;ADsKQ;EC3KR;;ADuLQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECxMZ;;ADgNQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IChPhB;;;ADkQQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;ECxSJ;;AD2SI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECpWR;;ADuWQ;ECnWR;EACA;;ADqWQ;EACI;IC9VZ;IACA;;;ADkWQ;ECvWR;;AD2WQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EC5YZ;;ADoZQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAjjBJ;EACA;EACA;EACA;EACA;;AAijBI;EACI;EAtjBR;EACA;EACA;EACA;EACA;EAqjBQ;EACA;EACA;;AAIR;EA/jBA;EACA;EACA;EACA;EACA;EA6jBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"light.css"}
+{"version":3,"sourceRoot":"","sources":["_base.scss","light.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAxBJ;EACA;EACA;EACA;EACA;EAuBI;;AAGJ;EC4DA;;ADzDI;EACI;IACI;IACA;IC0DZ;;;ADtDI;EACI;;AAGJ;EACI;ECqDR;;ADlDI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC3FJ;;AD8FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EChGR;;ADmGQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECrHZ;;ADyHQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;ECtJJ;;AD0JI;ECtJJ;;AD2JA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;ECvKR;EACA;;ADyKQ;EACI;IClKZ;IACA;;;ADsKQ;EC3KR;;ADuLQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ECxMZ;;ADgNQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IChPhB;;;ADkQQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;ECxSJ;;AD2SI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECpWR;;ADuWQ;ECnWR;EACA;;ADqWQ;EACI;IC9VZ;IACA;;;ADkWQ;ECvWR;;AD2WQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EC5YZ;;ADoZQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ICrbhB;;;AD6bY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAtjBJ;EACA;EACA;EACA;EACA;;AAsjBI;EACI;EA3jBR;EACA;EACA;EACA;EACA;EA0jBQ;EACA;EACA;;AAIR;EApkBA;EACA;EACA;EACA;EACA;EAkkBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"light.css"}