@apolitical/component-library 1.14.3 → 1.14.5

package/layout/page-layout/components/header/header.d.ts

@@ -1,2 +1,6 @@
-declare const Header: () => import("react/jsx-runtime").JSX.Element | null;
+interface Props {
+    /** If the navigation should be hidden, for pages where we need the user to focus on the content, like onboarding */
+    showNavigation?: boolean;
+}
+declare const Header: ({ showNavigation }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default Header;

package/layout/page-layout/page-layout.d.ts

@@ -1,16 +1,36 @@
 import React from 'react';
 interface Props {
-    /** Content to show on the page */
+    /** Content to show on the page. This is rendered inside `#content` */
     children: React.ReactNode | JSX.Element | React.ReactPortal;
+    /** Additional content, which can be rendered above or below `#content` */
+    additionalContent?: {
+        /** Additional content, rendered above `#content` */
+        prepended?: React.ReactNode | JSX.Element | React.ReactPortal;
+        /** Additional content, rendered below `#content` */
+        appended?: React.ReactNode | JSX.Element | React.ReactPortal;
+    };
     /** Handle errors */
     reportError: () => void;
-    background?: 'default' | 'gradient';
-    /** Optionally hide the footer, for pages where we need to focus the user's attention, like onboarding */
-    showFooter?: boolean;
+    /** Optional styling for the page */
+    styling?: {
+        /** The background of the page. Defaults to `default` */
+        background?: 'default' | 'gradient' | 'bold';
+        /** The styling variants of the `bold` background */
+        variant?: 'default' | 'inverted' | 'alt-1' | 'alt-2';
+        /** The size of the circle on the `bold` background */
+        circle?: 'default' | 'small';
+    };
+    /** Optionally hide the header navigation and the footer, for pages where we need to focus the user's attention, like onboarding */
+    forceShow?: {
+        /** Hide the header navigation */
+        navigation?: boolean;
+        /** Hide the footer */
+        footer?: boolean;
+    };
     /** Additional classes */
     className?: string;
     /** The language to use */
     locale?: string;
 }
-declare const PageLayout: ({ children, reportError, showFooter, background, className, locale }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const PageLayout: ({ children, additionalContent: { prepended, appended }, reportError, forceShow, styling, className, locale, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default PageLayout;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "1.14.3",
+  "version": "1.14.5",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {