@apolitical/component-library 2.2.3 → 2.3.0-beta.1

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/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": "2.2.3",
+  "version": "2.3.0-beta.1",
   "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;