@apolitical/component-library 4.8.7-jc.6 → 4.8.8

package/index.mjs

@@ -1645,7 +1645,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 const Ae = ({
   variant: e = "primary",
   size: t = "medium",
-  styling: n = { muted: !1, fullWidth: !1, new: !1 },
+  styling: n = { muted: !1, fullWidth: !1 },
   icon: r = !1,
   href: i = !1,
   element: a = "button",
@@ -1664,16 +1664,13 @@ const Ae = ({
   }
   !l && u && (u = "");
   const v = [];
-  typeof t == "string" && v.push(t), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left")));
+  typeof t == "string" && v.push(t), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left"))), n.muted && v.push("muted"), n.fullWidth && v.push("full-width");
   const C = {
     ...p,
     className: Z(e, o, v, {
       "no-text": !h,
       disabled: l,
-      button: i,
-      new: n.new,
-      muted: n.muted,
-      "full-width": n.fullWidth
+      button: i
     }),
     onClick: (E) => {
       (!i || i[0] === "#") && s && (E.preventDefault(), E.stopPropagation()), s && s(E);
@@ -20739,8 +20736,7 @@ const _C = ({
       ],
       intlPath: "contactForm",
       gtm: { context: r, event: i },
-      functions: { onSuccess: t, onFailure: n },
-      button: { styling: { new: !0 } }
+      functions: { onSuccess: t, onFailure: n }
     }
   );
 };
@@ -21513,13 +21509,12 @@ const qn = ({
   styling: n = {},
   ...r
 }) => {
-  const { background: i = "default", padding: a = "none" } = n;
+  const { background: i = "default" } = n;
   return /* @__PURE__ */ c.jsx(
     "section",
     {
       className: Z("full-width-section", t, {
-        [i]: i !== "default",
-        [a]: a !== "none"
+        [i]: i !== "default"
       }),
       ...r,
       children: e

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface Props {
+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 @@ interface Props {
     /** The content to be rendered */
     children: React.ReactElement;
 }
-declare const Columns: ({ layout, hideOnMobile, hasCSSContainers, className, children, }: Props) => 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 +1,2 @@
+export type { IColumnsProps } from './columns';
 export { default as Columns } from './columns';

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

@@ -1,2 +1,2 @@
-export type { 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;
     };
 }
-interface Props extends PaginationType {
+export interface ILoadMoreProps extends PaginationType {
     /** Additional classes  */
     className?: string;
     /** GTM event context */
     gtmContext?: string;
 }
-interface Props extends ButtonPropsType {
+export interface ILoadMoreProps extends ButtonPropsType {
 }
-declare const LoadMore: ({ hasNextPage, loadNextPage, isLoading, 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, }: ILoadMoreProps) => import("react/jsx-runtime").JSX.Element | null;
 export default LoadMore;

package/navigation/tabs/index.d.ts

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

package/navigation/tabs/tabs.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-interface TabBreakPoint {
+export interface ITabBreakPoint {
     target: 'min-width' | 'max-width';
     value: number;
 }
-interface TabType {
+export interface ITab {
     /** An ID for the tab - this is used to create an anchor on the page */
     id?: string;
     /** The text to show for the tab */
@@ -17,15 +17,15 @@ interface TabType {
     /** Whether the tab has carousels - this is needed to ensure the carousel width loads as expected */
     hasCarousel?: boolean;
     /** The breakpoint at which the tab should be shown. If not specified, always show */
-    breakpoint?: TabBreakPoint;
+    breakpoint?: ITabBreakPoint;
 }
-interface Props {
+export interface ITabsProps {
     /** The tab details */
-    tabs: TabType[];
+    tabs: ITab[];
     /** Additional classes */
     className?: string;
     /** Prevent window move by not jumping to the tab on click */
     preventLocationChange?: boolean;
 }
-declare const Tabs: ({ tabs, className, preventLocationChange }: Props) => 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.8.7-jc.6",
+  "version": "4.8.8",
   "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;
 }
-interface Props {
+export interface IEditSectionProps {
     /** Additional classes */
     className?: string;
     /** Content to be rendered */
@@ -33,5 +33,5 @@ interface Props {
     /** Placeholder settings */
     placeholder?: IPlaceholder;
 }
-declare const EditSection: ({ children, className, formProps, formComponent: originalFormComponent, href, title, showTitle, modalTitle, placeholder, showDivider, }: Props) => 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 +1,2 @@
+export type { IEditSectionProps } from './edit-section';
 export { default as EditSection } from './edit-section';

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

@@ -4,8 +4,6 @@ interface Props {
     styling?: {
         /** The background of the section. Defaults to `default` */
         background?: 'default' | 'light' | 'dark';
-        /** The size of the padding. Defaults to `default` */
-        padding?: 'none' | 'medium' | 'large';
     };
     /** Additional classes */
     className?: string;