@codecademy/gamut

Index: package/dist/ConnectedForm/ConnectedFormGroup.d.ts
===================================================================
--- package/dist/ConnectedForm/ConnectedFormGroup.d.ts
+++ package/dist/ConnectedForm/ConnectedFormGroup.d.ts
@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { RegisterOptions } from 'react-hook-form';
 import { FormGroupProps } from '..';
 import { InfoTipSubComponentProps } from '../Tip/InfoTip/type-utils';
+import { DataAttributes } from '../utils';
 import { ConnectedField, FieldProps, SubmitContextProps } from './types';
 export interface ConnectedFormGroupBaseProps extends Omit<FormGroupProps, 'label' | 'disabled' | 'description' | 'htmlFor'> {
     customError?: string;
     errorType?: 'initial' | 'absolute';
@@ -20,9 +21,9 @@
 export interface ConnectedFormGroupProps<T extends ConnectedField> extends SubmitContextProps, ConnectedFormGroupBaseProps {
     /**
      * An object consisting of a `component` key to specify what ConnectedFormInput to render - the remaining key/value pairs are that components desired props.
      */
-    field: Omit<React.ComponentProps<T>, 'name' | 'disabled'> & FieldProps<T> & {
+    field: Omit<React.ComponentProps<T>, 'name' | 'disabled'> & FieldProps<T> & DataAttributes & {
         customValidations?: RegisterOptions;
     };
 }
-export declare function ConnectedFormGroup<T extends ConnectedField>({ customError, children, disabled, errorType, field, hideLabel, id, label, name, labelSize, spacing, isSoloField, infotip, }: ConnectedFormGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectedFormGroup<T extends ConnectedField>({ customError, children, disabled, errorType, field, hideLabel, id, label, name, labelSize, spacing, isSoloField, infotip, ...formGroupProps }: ConnectedFormGroupProps<T>): import("react/jsx-runtime").JSX.Element;