@apolitical/component-library 4.7.17 → 4.7.18-SW.0

package/cards/card-block/card-block.d.ts

@@ -1,5 +1,5 @@
 import { CardType, CardContentType, BuildCardDataType } from '../../cards/cards.types';
-export interface ICardBlock {
+export interface ICardBlockProps {
     /** The card data, from Contentful */
     cards: CardType[];
     /** The types for each card, from Contentful */
@@ -12,5 +12,5 @@ export interface ICardBlock {
     className?: string;
     focusCardIndex?: number;
 }
-declare const CardBlock: ({ cards, cardTypes, className, ...props }: ICardBlock) => import("react/jsx-runtime").JSX.Element;
+declare const CardBlock: ({ cards, cardTypes, className, ...props }: ICardBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default CardBlock;

package/cards/card-block/index.d.ts

@@ -1,2 +1,2 @@
-export type { ICardBlock } from './card-block';
+export type { ICardBlockProps } from './card-block';
 export { default as CardBlock } from './card-block';

package/discussion/sections/activity-section/activity-section.d.ts

@@ -6,7 +6,7 @@ import { type IQueryFns } from './cache';
 interface IActivitySectionQueryFns extends IQueryFns {
     remove: () => Promise<void>;
 }
-export interface IActivitySection {
+export interface IActivitySectionProps {
     basePath: string;
     parentId: string;
     activityId: string;
@@ -21,5 +21,5 @@ export interface IActivitySection {
     };
     profile: IProfileFormProps;
 }
-declare const ActivitySection: React.FC<IActivitySection>;
+declare const ActivitySection: React.FC<IActivitySectionProps>;
 export default ActivitySection;

package/discussion/sections/activity-section/index.d.ts

@@ -1,2 +1,2 @@
-export type { IActivitySection } from './activity-section';
+export type { IActivitySectionProps } from './activity-section';
 export { default as ActivitySection } from './activity-section';

package/layout/content-layout/columns/columns.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface IColumns {
+export interface IColumnsProps {
     /** The layout for the columns */
     layout?: '2-1' | '1-3' | '1-1';
     /** If the columns should be hidden until they'd show in a row */
@@ -11,5 +11,5 @@ export interface IColumns {
     /** The content to be rendered */
     children: React.ReactElement;
 }
-declare const Columns: ({ layout, hideOnMobile, hasCSSContainers, className, children, }: IColumns) => import("react/jsx-runtime").JSX.Element;
+declare const Columns: ({ layout, hideOnMobile, hasCSSContainers, className, children, }: IColumnsProps) => import("react/jsx-runtime").JSX.Element;
 export default Columns;

package/layout/content-layout/columns/index.d.ts

@@ -1,2 +1,2 @@
-export type { IColumns } from './columns';
+export type { IColumnsProps } from './columns';
 export { default as Columns } from './columns';

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

@@ -1,2 +1,2 @@
-export type { ILoadMore, PaginationType } from './load-more';
+export type { ILoadMoreProps, PaginationType } from './load-more';
 export { default as LoadMore } from './load-more';

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

@@ -13,13 +13,13 @@ export interface PaginationType {
         error: string;
     };
 }
-export interface ILoadMore extends PaginationType {
+export interface ILoadMoreProps extends PaginationType {
     /** Additional classes  */
     className?: string;
     /** GTM event context */
     gtmContext?: string;
 }
-export interface ILoadMore extends ButtonPropsType {
+export interface ILoadMoreProps extends ButtonPropsType {
 }
-declare const LoadMore: ({ hasNextPage, loadNextPage, isLoading, variant, size, styling, icon, messages, className, gtmContext, }: ILoadMore) => import("react/jsx-runtime").JSX.Element | null;
+declare const LoadMore: ({ hasNextPage, loadNextPage, isLoading, variant, size, styling, icon, messages, className, gtmContext, }: ILoadMoreProps) => import("react/jsx-runtime").JSX.Element | null;
 export default LoadMore;

package/navigation/tabs/index.d.ts

@@ -1,2 +1,2 @@
-export type { ITabs, ITab, ITabBreakPoint } from './tabs';
+export type { ITabsProps, ITab, ITabBreakPoint } from './tabs';
 export { default as Tabs } from './tabs';

package/navigation/tabs/tabs.d.ts

@@ -19,7 +19,7 @@ export interface ITab {
     /** The breakpoint at which the tab should be shown. If not specified, always show */
     breakpoint?: ITabBreakPoint;
 }
-export interface ITabs {
+export interface ITabsProps {
     /** The tab details */
     tabs: ITab[];
     /** Additional classes */
@@ -27,5 +27,5 @@ export interface ITabs {
     /** Prevent window move by not jumping to the tab on click */
     preventLocationChange?: boolean;
 }
-declare const Tabs: ({ tabs, className, preventLocationChange }: ITabs) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ tabs, className, preventLocationChange }: ITabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "4.7.17",
+  "version": "4.7.18-SW.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

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

@@ -9,7 +9,7 @@ interface IPlaceholder {
     /** Cta message showing on a button */
     ctaMessage?: string;
 }
-export interface IEditSection {
+export interface IEditSectionProps {
     /** Additional classes */
     className?: string;
     /** Content to be rendered */
@@ -33,5 +33,5 @@ export interface IEditSection {
     /** Placeholder settings */
     placeholder?: IPlaceholder;
 }
-declare const EditSection: ({ children, className, formProps, formComponent: originalFormComponent, href, title, showTitle, modalTitle, placeholder, showDivider, }: IEditSection) => import("react/jsx-runtime").JSX.Element;
+declare const EditSection: ({ children, className, formProps, formComponent: originalFormComponent, href, title, showTitle, modalTitle, placeholder, showDivider, }: IEditSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default EditSection;

package/sections/edit-section/index.d.ts

@@ -1,2 +1,2 @@
-export type { IEditSection } from './edit-section';
+export type { IEditSectionProps } from './edit-section';
 export { default as EditSection } from './edit-section';

package/text/empty-state-box/empty-state-box.d.ts

@@ -7,7 +7,7 @@ interface ButtonType extends ButtonPropsType {
     };
     component?: React.ReactNode;
 }
-export interface IEmptyStateBox {
+export interface IEmptyStateBoxProps {
     /** Box styling */
     variant?: 'empty' | 'error';
     /** Optional text */
@@ -17,5 +17,5 @@ export interface IEmptyStateBox {
     /** Additional classes */
     className?: string;
 }
-declare const EmptyStateBox: ({ variant, text, button, className, }: IEmptyStateBox) => import("react/jsx-runtime").JSX.Element;
+declare const EmptyStateBox: ({ variant, text, button, className, }: IEmptyStateBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default EmptyStateBox;

package/text/empty-state-box/index.d.ts

@@ -1,2 +1,2 @@
-export type { IEmptyStateBox } from './empty-state-box';
+export type { IEmptyStateBoxProps } from './empty-state-box';
 export { default as EmptyStateBox } from './empty-state-box';

package/text/hide-show-text-box/hide-show-text-box.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MarkdownToJSX } from 'markdown-to-jsx';
-export interface IHideShowTextBox {
+export interface IHideShowTextBoxProps {
     /** The language for the box text */
     locale?: string;
     /** An optional id for the box */
@@ -16,5 +16,5 @@ export interface IHideShowTextBox {
     markdownOptions?: MarkdownToJSX.Options;
     children?: React.ReactNode;
 }
-declare const HideShowTextBox: ({ id, className, show, hide, text, markdownOptions, children, }: IHideShowTextBox) => import("react/jsx-runtime").JSX.Element | null;
+declare const HideShowTextBox: ({ id, className, show, hide, text, markdownOptions, children, }: IHideShowTextBoxProps) => import("react/jsx-runtime").JSX.Element | null;
 export default HideShowTextBox;

package/text/hide-show-text-box/index.d.ts

@@ -1,2 +1,2 @@
-export type { IHideShowTextBox } from './hide-show-text-box';
+export type { IHideShowTextBoxProps } from './hide-show-text-box';
 export { default as HideShowTextBox } from './hide-show-text-box';

package/text/highlighted-text-box/highlighted-text-box.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface IHighlightedTextBox {
+export interface IHighlightedTextBoxProps {
     /** The style of box being rendered */
     variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'subtle' | 'subtle-alt' | 'bold' | 'muted';
     /** The name of an icon file to display at the top */
@@ -18,5 +18,5 @@ export interface IHighlightedTextBox {
     /** Additional props to pass to the box */
     style?: React.CSSProperties;
 }
-declare const HighlightedTextBoxWrapper: ({ variant, icon, styling, className, children, ...props }: IHighlightedTextBox) => import("react/jsx-runtime").JSX.Element;
+declare const HighlightedTextBoxWrapper: ({ variant, icon, styling, className, children, ...props }: IHighlightedTextBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default HighlightedTextBoxWrapper;

package/text/highlighted-text-box/index.d.ts

@@ -1,2 +1,2 @@
-export type { IHighlightedTextBox } from './highlighted-text-box';
+export type { IHighlightedTextBoxProps } from './highlighted-text-box';
 export { default as HighlightedTextBox } from './highlighted-text-box';

package/user/profile-picture/index.d.ts

@@ -1,2 +1,2 @@
-export type { IProfilePicture } from './profile-picture';
+export type { IProfilePictureProps } from './profile-picture';
 export { default as ProfilePicture } from './profile-picture';

package/user/profile-picture/profile-picture.d.ts

@@ -1,4 +1,4 @@
-export interface IProfilePicture {
+export interface IProfilePictureProps {
     /** The user's name, to create initials */
     name: string;
     /** The user's image */
@@ -16,5 +16,5 @@ export interface IProfilePicture {
     /** Optional test ID */
     'data-testid'?: string;
 }
-declare const ProfilePicture: ({ className, src, name, alt, width, height, showInitials, ...props }: IProfilePicture) => import("react/jsx-runtime").JSX.Element;
+declare const ProfilePicture: ({ className, src, name, alt, width, height, showInitials, ...props }: IProfilePictureProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfilePicture;