@apolitical/component-library 4.7.6 → 4.7.7-SW.1

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' | 'subtle';
+        background?: 'default' | 'gradient' | 'bold';
         /** The styling variants of the `bold` background */
         variant?: 'default' | 'inverted' | 'alt-1' | 'alt-2';
         /** The size of the circle on the `bold` background */

package/navigation/tabs/tabs.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+interface TabBreakPoint {
+    target: 'min-width' | 'max-width';
+    value: number;
+}
 interface TabType {
     /** An ID for the tab - this is used to create an anchor on the page */
     id?: string;
@@ -12,6 +16,8 @@ interface TabType {
     current?: boolean;
     /** 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;
 }
 interface Props {
     /** The tab details */

package/navigation/tabs/tabs.mocks.d.ts

@@ -4,11 +4,22 @@ declare const _default: {
         text: string;
         content: import("react/jsx-runtime").JSX.Element;
         href?: undefined;
+        breakpoint?: undefined;
     } | {
         id: string;
         text: string;
         href: string;
         content?: undefined;
+        breakpoint?: undefined;
+    } | {
+        id: string;
+        text: string;
+        content: string;
+        breakpoint: {
+            target: string;
+            value: number;
+        };
+        href?: undefined;
     })[];
 };
 export default _default;

package/package.json

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

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

@@ -18,6 +18,8 @@ interface Props {
     id?: string;
     /** Section title */
     title: string;
+    /** Show title or not */
+    showTitle?: boolean;
     /** Modal Title */
     modalTitle?: string;
     /** Form fields to be rendered inside a modal form when user clicks cta or edit button. Alternatively, we can pass a whole form in `form`, if there's an existing component. */
@@ -31,5 +33,5 @@ interface Props {
     /** Placeholder settings */
     placeholder?: IPlaceholder;
 }
-declare const EditSection: ({ children, className, formProps, formComponent: originalFormComponent, href, title, modalTitle, placeholder, showDivider, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EditSection: ({ children, className, formProps, formComponent: originalFormComponent, href, title, showTitle, modalTitle, placeholder, showDivider, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EditSection;