@apolitical/component-library 2.1.2-ac.1 → 2.1.3

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

@@ -1,7 +1,7 @@
 import React from 'react';
 interface Props {
     /** The layout for the columns */
-    layout?: '2-1' | '1-3';
+    layout?: '2-1' | '1-3' | '1-1';
     /** If the columns should be hidden until they'd show in a row */
     hideOnMobile?: false | number;
     /** Additional classes */

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

@@ -19,8 +19,6 @@ interface Props {
         variant?: 'default' | 'inverted' | 'alt-1' | 'alt-2';
         /** The size of the circle on the `bold` background */
         circle?: 'default' | 'small';
-        /** The size of the white modal */
-        modal?: 'default' | 'large';
     };
     /** Optionally hide the header navigation and the footer, for pages where we need to focus the user's attention, like onboarding */
     forceShow?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "2.1.2-ac.1",
+  "version": "2.1.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -14,6 +14,7 @@
     "@tanstack/query-core": "5.8.3",
     "@tanstack/react-query": "5.8.3",
     "@tanstack/react-query-devtools": "5.8.3",
+    "classnames": "2.3.2",
     "lodash.clonedeep": "4.5.0",
     "lodash.get": "4.4.2",
     "lodash.isequal": "4.5.0",
@@ -28,6 +29,7 @@
     "react-intl": "6.5.5",
     "react-multi-email": "1.0.18",
     "react-textarea-autosize": "8.5.3",
+    "focus-trap-react": "10.2.3",
     "sass": "1.69.5",
     "truncate": "3.0.0",
     "tslib": "2.6.2"

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

@@ -1,10 +1,15 @@
 import React from 'react';
 interface Props {
+    /** Optional styling for the section */
+    styling?: {
+        /** The background of the section. Defaults to `default` */
+        background?: 'default' | 'light';
+    };
     /** Additional classes */
     className?: string;
     children: React.ReactNode | JSX.Element;
     /** Optional ID */
     id?: string;
 }
-declare const FullWidthSection: ({ children, className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const FullWidthSection: ({ children, className, styling, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default FullWidthSection;