@apolitical/component-library 3.3.1-ac.5 → 3.3.1-beta.0

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

@@ -33,14 +33,6 @@ declare namespace _default {
                 let className_2: string;
                 export { className_2 as className };
             }
-            export namespace communities {
-                let href_4: string;
-                export { href_4 as href };
-                let gtmType_3: string;
-                export { gtmType_3 as gtmType };
-                let className_3: string;
-                export { className_3 as className };
-            }
         }
         let topics_1: {
             order: string[];
@@ -85,8 +77,8 @@ declare namespace _default {
         export { topics_1 as topics };
     }
     namespace partners {
-        let href_5: string;
-        export { href_5 as href };
+        let href_4: string;
+        export { href_4 as href };
         export let onlyShow: string;
     }
     let account: {
@@ -109,12 +101,12 @@ declare namespace _default {
         let order_3: string[];
         export { order_3 as order };
         export namespace login {
-            let href_6: string;
-            export { href_6 as href };
+            let href_5: string;
+            export { href_5 as href };
         }
         export namespace signup {
-            let href_7: string;
-            export { href_7 as href };
+            let href_6: string;
+            export { href_6 as href };
             export namespace props {
                 let variant: string;
             }

package/loaders/progress-bar/progress-bar.d.ts

@@ -1,5 +1,15 @@
 import React from 'react';
 interface Props {
+    styling?: {
+        /** Whether to show the text visually. It will always be rendered for screen readers */
+        showText?: boolean;
+        /** The layout of the progress bar */
+        layout?: 'bar' | 'circle';
+        /** The size of the progress bar */
+        size?: 'default' | 'small';
+        /** The color of the progress bar */
+        color?: 'default' | 'dark';
+    };
     /** The amount of progress, shown as a percent */
     progress?: number;
     /** Text to display for screen readers */
@@ -9,5 +19,5 @@ interface Props {
     /** The language for the text */
     locale?: string;
 }
-declare const _default: React.MemoExoticComponent<({ progress, text, className }: Props) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ styling, progress, text, className, }: Props) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/modals/invite-modal/invite-modal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface IProps {
     /** The ID of the element */
     id?: string;
@@ -19,7 +19,7 @@ interface IProps {
     /** Form input label */
     formLabel?: string;
     /** CTA button text displayed on the form */
-    ctaMessage: string;
+    ctaMessage?: string;
     /** Function to send the invites */
     sendInvites(emails: string[]): void;
     /** Whether to show the check icon */

package/navigation/language-switcher/language-switcher.d.ts

@@ -1,10 +1,4 @@
-declare const supportedLanguages: {
-    en: string;
-    es: string;
-    fr: string;
-    pt: string;
-};
-export type LanguageType = keyof typeof supportedLanguages;
+import { LanguageType } from '../../context';
 export type UrlPartsType = {
     url: string;
     position: 'before-lang' | 'after-lang';
@@ -23,7 +17,7 @@ interface Props {
         };
     };
     /** The function to call when the language is changed */
-    onChange?: (language?: LanguageType) => void;
+    onChange?: (language?: LanguageType, url?: string) => void;
     /** Additional parts of the URL */
     urlParts?: UrlPartsType;
     /** The version of the language switcher to use */

package/navigation/language-switcher/language-switcher.helpers.d.ts

@@ -1,2 +1,6 @@
-import { LanguageType, UrlPartsType } from './language-switcher';
-export declare const getUrl: (lang: LanguageType, urlParts?: UrlPartsType) => string;
+import { LanguageType } from '../../context';
+import { UrlPartsType } from './language-switcher';
+export declare const getUrl: (lang: LanguageType, slug?: string, urlParts?: UrlPartsType) => string | {
+    url: string;
+    urlForRouter: string;
+};

package/navigation/load-more/load-more.d.ts

@@ -5,6 +5,7 @@ export interface PaginationType {
     hasNextPage: boolean;
     /** The function that will be invoked when the button is clicked */
     loadNextPage: (e: React.MouseEvent<HTMLElement>) => void;
+    isLoading?: boolean;
     /** Text displayed in the component */
     messages?: {
         button: string;
@@ -20,5 +21,5 @@ interface Props extends PaginationType {
 }
 interface Props extends ButtonPropsType {
 }
-declare const LoadMore: ({ hasNextPage, loadNextPage, variant, size, styling, icon, messages, className, gtmContext, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const LoadMore: ({ hasNextPage, loadNextPage, isLoading, variant, size, styling, icon, messages, className, gtmContext, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default LoadMore;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "3.3.1-ac.5",
+  "version": "3.3.1-beta.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/sections/full-width-section/full-width-section.d.ts

@@ -10,6 +10,8 @@ interface Props {
     children: React.ReactNode | JSX.Element;
     /** Optional ID */
     id?: string;
+    /** Optional style */
+    style?: React.CSSProperties;
 }
 declare const FullWidthSection: ({ children, className, styling, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default FullWidthSection;

package/sections/logo-section/logo-section.d.ts

@@ -14,11 +14,21 @@ interface Props {
     title?: false | string | {
         element: string;
         text: string;
+        className?: string;
     };
     /** The logos to show */
     logos?: Array<LogosType>;
+    /** Optional styling */
+    styling?: {
+        /** Whether the logos should be wrapped in boxes */
+        wrapLogos?: boolean;
+        /** The alignment of the section */
+        align?: 'center' | 'left';
+        /** Whether the section is inline or not */
+        display?: 'block' | 'inline-block';
+    };
     /** Additional classes */
     className?: string;
 }
-declare const LogoSection: ({ title: titleProps, logos, className, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const LogoSection: ({ title: titleProps, logos, styling, className, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default LogoSection;