@olenbetong/appframe-ds 0.4.0 → 0.5.0

package/es/layout/index.css

@@ -1,65 +0,0 @@
-.app-view {
-	height: 100%;
-	overflow-y: hidden;
-}
-
-.scroll-view {
-	height: 100%;
-	max-height: 100%;
-	overflow-y: auto;
-}
-
-.flow > * + * {
-	margin-top: var(--flow-spacing, 1rem) !important;
-}
-
-.flow-xs > * {
-	--flow-spacing: 0.25rem;
-}
-
-.flow-sm > * {
-	--flow-spacing: 0.5rem;
-}
-
-.flow-lg > * {
-	--flow-spacing: 1.5rem;
-}
-
-.flow-xl > * {
-	--flow-spacing: 2rem;
-}
-
-.flow-xxl > * {
-	--flow-spacing: 3rem;
-}
-
-.app-grid {
-	height: 100%;
-	overflow-y: hidden;
-	display: grid;
-	gap: 1rem;
-}
-
-.rows-af {
-	grid-template-rows: auto 1fr;
-}
-
-.rows-aaf {
-	grid-template-rows: auto auto 1fr;
-}
-
-.rows-afaf {
-	grid-template-rows: auto 1fr auto 1fr;
-}
-
-.rows-aff {
-	grid-template-rows: auto 1fr 1fr;
-}
-
-.rows-f {
-	grid-template-rows: 1fr;
-}
-
-.rows-ff {
-	grid-template-rows: 1fr 1fr;
-}

package/es/layout/index.d.ts

@@ -1,33 +0,0 @@
-import "./index.css";
-import type React from "react";
-import type { AppMenuProps } from "./AppMenu.js";
-export type AppLayoutProps = {
-    AppMenuProps?: AppMenuProps;
-    children: React.ReactNode | React.ReactNode[];
-    menu?: React.ReactNode | React.ReactNode[];
-    /**
-     * @deprecated The toolbar is now server-rendered. This prop has no effect.
-     */
-    toolbar?: React.ReactNode | React.ReactNode[];
-    /**
-     * @deprecated The title is now rendered in the server-rendered toolbar. This prop has no effect.
-     */
-    title?: React.ReactNode;
-    /**
-     * @deprecated The toolbar is now server-rendered. This prop has no effect.
-     */
-    enableMenuToggle?: boolean;
-    /**
-     * Enable partner mode (for partner.olenbetong.no applications).
-     * Adds a toggle button to the existing partner header instead of the app bar.
-     */
-    partner?: boolean;
-};
-export * from "./AppMenu.js";
-export * from "./AppMenuItem.js";
-export * from "./AppMenuSubheader.js";
-export * from "./constants.js";
-export * from "./ErrorBoundary.js";
-export * from "./PageContainer.js";
-export * from "./PartnerToggle.js";
-export declare function AppLayout(props: AppLayoutProps): React.JSX.Element;

package/es/layout/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./index.css";
-import { useEffect, useState } from "react";
-import { AppLayoutDesktop } from "./AppLayoutDesktop.js";
-import { AppLayoutMobile } from "./AppLayoutMobile.js";
-function useIsMobile() {
-    let [isMobile, setIsMobile] = useState(() => {
-        if (typeof window === "undefined")
-            return false;
-        return window.matchMedia("(max-width: 1199px)").matches;
-    });
-    useEffect(() => {
-        let mq = window.matchMedia("(max-width: 1199px)");
-        let handler = (e) => setIsMobile(e.matches);
-        mq.addEventListener("change", handler);
-        return () => mq.removeEventListener("change", handler);
-    }, []);
-    return isMobile;
-}
-export * from "./AppMenu.js";
-export * from "./AppMenuItem.js";
-export * from "./AppMenuSubheader.js";
-export * from "./constants.js";
-export * from "./ErrorBoundary.js";
-export * from "./PageContainer.js";
-export * from "./PartnerToggle.js";
-export function AppLayout(props) {
-    let isSmall = useIsMobile();
-    let Component = isSmall ? AppLayoutMobile : AppLayoutDesktop;
-    return _jsx(Component, { ...props });
-}