@apolitical/component-library 2.1.0 → 2.1.1-beta.0

package/banners/banner/banner.d.ts

@@ -0,0 +1,11 @@
+import { ResponsiveImageType } from '../../general';
+export interface BannerSectionType {
+    /** Additional className */
+    className?: string;
+    /** The image to display */
+    image?: string | ResponsiveImageType;
+    /** Optional data test ID */
+    testId?: string;
+}
+declare const Banner: ({ className, image, ...props }: BannerSectionType) => import("react/jsx-runtime").JSX.Element | null;
+export default Banner;

package/banners/banner/index.d.ts

@@ -0,0 +1 @@
+export { default as Banner } from './banner';

package/banners/banner-section/banner-section.d.ts

@@ -24,7 +24,7 @@ export interface BannerSectionType {
     /** The image to display */
     image?: ResponsiveImageType;
     /** The colour variant (when there's no image) */
-    variant?: 'default' | 'light';
+    variant?: 'default' | 'light' | 'gradient';
     /** How to handle spacing on the banner */
     spacing?: 'normal' | 'slim';
     /** Whether or not to show the ContentType.text, eyebrow or title  */

package/banners/index.d.ts

@@ -1,3 +1,4 @@
+export * from './banner';
 export * from './banner-section';
 export * from './highlight-section';
 export * from './marketing-block';

package/banners/marketing-block/index.d.ts

@@ -1 +1 @@
-export { default as MarketingBox } from './marketing-block';
+export { default as MarketingBlock } from './marketing-block';

package/form/components/index.d.ts

@@ -2,3 +2,4 @@ export * from './email-helper-text-box';
 export * from './form';
 export * from './password-rules';
 export * from './rating';
+export * from './toggle';

package/form/components/toggle/index.d.ts

@@ -0,0 +1 @@
+export { default as Toggle } from './toggle';

package/form/components/toggle/toggle.d.ts

@@ -0,0 +1,26 @@
+interface Props {
+    /** The ID of the toggle */
+    id?: string;
+    /** The label to show next to the toggle */
+    label: string;
+    /** The options for the toggle */
+    options: {
+        /** The text for the option, used for screen readers */
+        label: string;
+        /** The value for the option */
+        value: boolean | string;
+    }[];
+    /** The initial value of the toggle */
+    initialValue?: boolean | string;
+    /** Functions to call when something changes */
+    functions: {
+        /** Callback function to run when the toggle is clicked */
+        onChange: (value: boolean | string) => void;
+    };
+    /** Whether the toggle is disabled */
+    isDisabled?: boolean;
+    /** Additional class names */
+    className?: string;
+}
+declare const Toggle: ({ id, label, options, initialValue, functions: { onChange }, isDisabled, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Toggle;