@apolitical/component-library 2.0.5 → 2.1.0

package/layout/content-layout/contact-footer/contact-footer.d.ts

@@ -1,5 +1,5 @@
 declare const ContactFooter: ({ onSuccess, onFailure }: {
-    onSuccess?: (() => void) | undefined;
+    onSuccess?: (() => Promise<void>) | undefined;
     onFailure?: (() => void) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ContactFooter;

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

@@ -14,7 +14,7 @@ interface Props {
     /** Optional styling for the page */
     styling?: {
         /** The background of the page. Defaults to `default` */
-        background?: 'default' | 'gradient' | 'bold';
+        background?: 'default' | 'gradient' | 'bold' | 'subtle';
         /** The styling variants of the `bold` background */
         variant?: 'default' | 'inverted' | 'alt-1' | 'alt-2';
         /** The size of the circle on the `bold` background */

package/package.json

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

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IFormProps } from '../../form/components/form/form.types';
+type THref = string | undefined;
+interface IPlaceholder {
+    /** Placeholder icon */
+    icon?: string | undefined;
+    /** Placeholder description */
+    description?: string;
+    /** Cta message showing on a button */
+    ctaMessage?: string;
+}
+interface Props {
+    /** Additional classes */
+    className?: string;
+    /** Content to be rendered */
+    children?: React.ReactNode | JSX.Element;
+    /** Optional ID */
+    id?: string;
+    /** Section title */
+    title: string;
+    /** Modal Title */
+    modalTitle?: string;
+    /** Form fields to be rendered inside a modal form when user clicks cta or edit button */
+    formProps?: IFormProps;
+    /** Link to a url where user can edit the data */
+    href?: THref;
+    /** Whether to show a divider at the bottom of the section */
+    showDivider?: boolean;
+    /** Placeholder settings */
+    placeholder?: IPlaceholder;
+}
+declare const EditSection: ({ children, className, formProps, href, title, modalTitle, placeholder, showDivider, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default EditSection;

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

@@ -0,0 +1 @@
+export { default as EditSection } from './edit-section';

package/sections/index.d.ts

@@ -1,3 +1,4 @@
 export * from './download-section';
+export * from './edit-section';
 export * from './full-width-section';
 export * from './logo-section';