@codecademy/gamut 72.2.2-alpha.ad4c17.0 → 72.2.2-alpha.bb9810.0

package/dist/Card/styles.d.ts

@@ -9,14 +9,14 @@ export declare const patternFadeInOut: {
         opacity: number;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeOut";
         };
     };
     animate: {
         opacity: number;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeIn";
         };
     };
 };
@@ -26,7 +26,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
         borderRadius: string | undefined;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeOut";
         };
     };
     initialOutline: {
@@ -34,7 +34,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
         borderRadius: string | undefined;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeOut";
         };
     };
     animate: {
@@ -43,7 +43,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
         borderRadius: string | undefined;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeIn";
         };
     };
     animateOutline: {
@@ -52,7 +52,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
         borderRadius: string | undefined;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeIn";
         };
     };
 };
@@ -62,7 +62,7 @@ export declare const hoverShadowRight: (borderRadius?: string) => {
         borderRadius: string | undefined;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeOut";
         };
     };
     animate: {
@@ -71,7 +71,7 @@ export declare const hoverShadowRight: (borderRadius?: string) => {
         borderRadius: string | undefined;
         transition: {
             duration: number;
-            ease: string;
+            ease: "easeIn";
         };
     };
 };

package/dist/Coachmark/index.d.ts

@@ -21,7 +21,7 @@ export type CoachmarkProps = PopoverFocusProps & {
     /**
      * Function that returns the contents of the coachmark.
      */
-    renderPopover: (onDismiss?: () => void) => JSX.Element;
+    renderPopover: (onDismiss?: () => void) => React.JSX.Element;
     /**
      * Props to be passed into the popover component.
      */

package/dist/ConnectedForm/ConnectedForm.d.ts

@@ -62,4 +62,4 @@ export interface ConnectedFormProps<Values extends {}> extends Omit<FormContextP
 }
 export type FormProviderCustomProps = FormProviderProps & FormContextProps;
 export declare const FormPropsContext: React.Context<Partial<FormContextProps>>;
-export declare const ConnectedForm: <Values extends FormValues<Values>>(props: ConnectedFormProps<Values>, ref: React.ForwardedRef<HTMLFormElement>) => React.ReactElement;
+export declare const ConnectedForm: <Values extends FormValues<Values>>(props: React.PropsWithoutRef<ConnectedFormProps<Values>> & React.RefAttributes<HTMLFormElement>) => React.ReactElement;

package/dist/ConnectedForm/ConnectedFormGroup.js

@@ -13,7 +13,7 @@ const ErrorAnchor = /*#__PURE__*/_styled(Anchor, {
   label: "ErrorAnchor"
 })(css({
   color: 'feedback-error'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIiwiZmlsZSI6Ii4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgUmVnaXN0ZXJPcHRpb25zIH0gZnJvbSAncmVhY3QtaG9vay1mb3JtJztcblxuaW1wb3J0IHsgRm9ybUVycm9yLCBGb3JtR3JvdXAsIEZvcm1Hcm91cExhYmVsLCBGb3JtR3JvdXBQcm9wcyB9IGZyb20gJy4uJztcbmltcG9ydCB7IEFuY2hvciB9IGZyb20gJy4uL0FuY2hvcic7XG5pbXBvcnQgeyBNYXJrZG93biB9IGZyb20gJy4uL01hcmtkb3duJztcbmltcG9ydCB7IEluZm9UaXBTdWJDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL1RpcC9JbmZvVGlwL3R5cGUtdXRpbHMnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQ29ubmVjdGVkRmllbGQsIEZpZWxkUHJvcHMsIFN1Ym1pdENvbnRleHRQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgZ2V0RXJyb3JNZXNzYWdlLCB1c2VGaWVsZCB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCBFcnJvckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGNvbG9yOiAnZmVlZGJhY2stZXJyb3InLFxuICB9KVxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBDb25uZWN0ZWRGb3JtR3JvdXBCYXNlUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFxuICAgIEZvcm1Hcm91cFByb3BzLFxuICAgICdsYWJlbCcgfCAnZGlzYWJsZWQnIHwgJ2Rlc2NyaXB0aW9uJyB8ICdodG1sRm9yJ1xuICA+IHtcbiAgY3VzdG9tRXJyb3I/OiBzdHJpbmc7XG4gIGVycm9yVHlwZT86ICdpbml0aWFsJyB8ICdhYnNvbHV0ZSc7XG4gIGhpZGVMYWJlbD86IGJvb2xlYW47XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5mb1RpcCB0byBkaXNwbGF5IG5leHQgdG8gdGhlIGZpZWxkIGxhYmVsLiBUaGUgSW5mb1RpcCBidXR0b24gaXNcbiAgICogYXV0b21hdGljYWxseSBsYWJlbGxlZCBieSB0aGUgZmllbGQgbGFiZWwuIFRvIG92ZXJyaWRlIHRoaXMgYmVoYXZpb3IsXG4gICAqIHByb3ZpZGUgYGFyaWFMYWJlbGAgb3IgYGFyaWFMYWJlbGxlZGJ5YC5cbiAgICovXG4gIGluZm90aXA/OiBJbmZvVGlwU3ViQ29tcG9uZW50UHJvcHM7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29ubmVjdGVkRm9ybUdyb3VwUHJvcHM8VCBleHRlbmRzIENvbm5lY3RlZEZpZWxkPlxuICBleHRlbmRzIFN1Ym1pdENvbnRleHRQcm9wcyxcbiAgICBDb25uZWN0ZWRGb3JtR3JvdXBCYXNlUHJvcHMge1xuICAvKipcbiAgICogQW4gb2JqZWN0IGNvbnNpc3Rpbmcgb2YgYSBgY29tcG9uZW50YCBrZXkgdG8gc3BlY2lmeSB3aGF0IENvbm5lY3RlZEZvcm1JbnB1dCB0byByZW5kZXIgLSB0aGUgcmVtYWluaW5nIGtleS92YWx1ZSBwYWlycyBhcmUgdGhhdCBjb21wb25lbnRzIGRlc2lyZWQgcHJvcHMuXG4gICAqL1xuICBmaWVsZDogT21pdDxSZWFjdC5Db21wb25lbnRQcm9wczxUPiwgJ25hbWUnIHwgJ2Rpc2FibGVkJz4gJlxuICAgIEZpZWxkUHJvcHM8VD4gJiB7XG4gICAgICBjdXN0b21WYWxpZGF0aW9ucz86IFJlZ2lzdGVyT3B0aW9ucztcbiAgICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29ubmVjdGVkRm9ybUdyb3VwPFQgZXh0ZW5kcyBDb25uZWN0ZWRGaWVsZD4oe1xuICBjdXN0b21FcnJvcixcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGVycm9yVHlwZSA9ICdhYnNvbHV0ZScsXG4gIGZpZWxkLFxuICBoaWRlTGFiZWwsXG4gIGlkLFxuICBsYWJlbCxcbiAgbmFtZSxcbiAgbGFiZWxTaXplLFxuICBzcGFjaW5nID0gJ2ZpdCcsXG4gIGlzU29sb0ZpZWxkLFxuICBpbmZvdGlwLFxufTogQ29ubmVjdGVkRm9ybUdyb3VwUHJvcHM8VD4pIHtcbiAgY29uc3QgeyBjb21wb25lbnQ6IENvbXBvbmVudCwgY3VzdG9tVmFsaWRhdGlvbnMsIC4uLnJlc3QgfSA9IGZpZWxkO1xuICBjb25zdCB7IGVycm9yLCBpc0ZpcnN0RXJyb3IsIGlzRGlzYWJsZWQsIHNldEVycm9yLCB2YWxpZGF0aW9uIH0gPSB1c2VGaWVsZCh7XG4gICAgbmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICBjdXN0b21WYWxpZGF0aW9ucyxcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY3VzdG9tRXJyb3IpIHtcbiAgICAgIHNldEVycm9yKG5hbWUsIHtcbiAgICAgICAgdHlwZTogJ21hbnVhbCcsXG4gICAgICAgIG1lc3NhZ2U6IGN1c3RvbUVycm9yLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VzdG9tRXJyb3IsIG5hbWUsIHNldEVycm9yXSk7XG5cbiAgY29uc3QgcmVuZGVyZWRMYWJlbCA9IChcbiAgICA8Rm9ybUdyb3VwTGFiZWxcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaHRtbEZvcj17aWQgfHwgbmFtZX1cbiAgICAgIGluZm90aXA9e2luZm90aXB9XG4gICAgICBpc1NvbG9GaWVsZD17aXNTb2xvRmllbGR9XG4gICAgICByZXF1aXJlZD17Qm9vbGVhbih2YWxpZGF0aW9uPy5yZXF1aXJlZCl9XG4gICAgICBzaXplPXtsYWJlbFNpemV9XG4gICAgPlxuICAgICAge2xhYmVsfVxuICAgIDwvRm9ybUdyb3VwTGFiZWw+XG4gICk7XG5cbiAgY29uc3QgdGV4dEVycm9yID0gY3VzdG9tRXJyb3IgfHwgZ2V0RXJyb3JNZXNzYWdlKGVycm9yKTtcbiAgY29uc3Qgc2hvd0Vycm9yID0gISEodGV4dEVycm9yICYmICFoaWRlTGFiZWwpO1xuICBjb25zdCBlcnJvcklkID0gc2hvd0Vycm9yID8gYCR7aWQgfHwgbmFtZX1fZXJyb3JgIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1Hcm91cCBzcGFjaW5nPXtoaWRlTGFiZWwgPyAndGlnaHQnIDogc3BhY2luZ30+XG4gICAgICB7aGlkZUxhYmVsID8gPFRleHQgc2NyZWVucmVhZGVyPntyZW5kZXJlZExhYmVsfTwvVGV4dD4gOiByZW5kZXJlZExhYmVsfVxuICAgICAgPENvbXBvbmVudFxuICAgICAgICB7Li4uKHJlc3QgYXMgYW55KX1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17ZXJyb3JJZH1cbiAgICAgICAgYXJpYS1pbnZhbGlkPXtzaG93RXJyb3J9XG4gICAgICAgIGN1c3RvbVZhbGlkYXRpb25zPXtjdXN0b21WYWxpZGF0aW9uc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgLz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzaG93RXJyb3IgJiYgKFxuICAgICAgICA8Rm9ybUVycm9yXG4gICAgICAgICAgYXJpYS1saXZlPXtpc0ZpcnN0RXJyb3IgPyAnYXNzZXJ0aXZlJyA6ICdvZmYnfVxuICAgICAgICAgIGlkPXtlcnJvcklkfVxuICAgICAgICAgIHJvbGU9e2lzRmlyc3RFcnJvciA/ICdhbGVydCcgOiAnc3RhdHVzJ31cbiAgICAgICAgICB2YXJpYW50PXtlcnJvclR5cGV9XG4gICAgICAgID5cbiAgICAgICAgICA8TWFya2Rvd25cbiAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgb3ZlcnJpZGVzPXt7XG4gICAgICAgICAgICAgIGE6IHtcbiAgICAgICAgICAgICAgICBhbGxvd2VkQXR0cmlidXRlczogWydocmVmJywgJ3RhcmdldCddLFxuICAgICAgICAgICAgICAgIGNvbXBvbmVudDogRXJyb3JBbmNob3IsXG4gICAgICAgICAgICAgICAgcHJvY2Vzc05vZGU6IChcbiAgICAgICAgICAgICAgICAgIG5vZGU6IHVua25vd24sXG4gICAgICAgICAgICAgICAgICBwcm9wczogeyBvbkNsaWNrPzogKCkgPT4gdm9pZCB9XG4gICAgICAgICAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjb25zdCB7IGtleTogZWxlbWVudEtleSwgLi4ucmVzdCB9ID1cbiAgICAgICAgICAgICAgICAgICAgcHJvcHMgYXMgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEVycm9yQW5jaG9yPiAmIHtcbiAgICAgICAgICAgICAgICAgICAgICBrZXk/OiBSZWFjdC5LZXk7XG4gICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICByZXR1cm4gPEVycm9yQW5jaG9yIGtleT17ZWxlbWVudEtleX0gey4uLnJlc3R9IC8+O1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgc2tpcERlZmF1bHRPdmVycmlkZXM9e3sgYTogdHJ1ZSB9fVxuICAgICAgICAgICAgc3BhY2luZz1cIm5vbmVcIlxuICAgICAgICAgICAgdGV4dD17dGV4dEVycm9yfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRm9ybUVycm9yPlxuICAgICAgKX1cbiAgICA8L0Zvcm1Hcm91cD5cbiAgKTtcbn1cbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIiwiZmlsZSI6Ii4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgUmVnaXN0ZXJPcHRpb25zIH0gZnJvbSAncmVhY3QtaG9vay1mb3JtJztcblxuaW1wb3J0IHsgRm9ybUVycm9yLCBGb3JtR3JvdXAsIEZvcm1Hcm91cExhYmVsLCBGb3JtR3JvdXBQcm9wcyB9IGZyb20gJy4uJztcbmltcG9ydCB7IEFuY2hvciB9IGZyb20gJy4uL0FuY2hvcic7XG5pbXBvcnQgeyBNYXJrZG93biB9IGZyb20gJy4uL01hcmtkb3duJztcbmltcG9ydCB7IEluZm9UaXBTdWJDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL1RpcC9JbmZvVGlwL3R5cGUtdXRpbHMnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQ29ubmVjdGVkRmllbGQsIEZpZWxkUHJvcHMsIFN1Ym1pdENvbnRleHRQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgZ2V0RXJyb3JNZXNzYWdlLCB1c2VGaWVsZCB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCBFcnJvckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGNvbG9yOiAnZmVlZGJhY2stZXJyb3InLFxuICB9KVxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBDb25uZWN0ZWRGb3JtR3JvdXBCYXNlUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFxuICAgIEZvcm1Hcm91cFByb3BzLFxuICAgICdsYWJlbCcgfCAnZGlzYWJsZWQnIHwgJ2Rlc2NyaXB0aW9uJyB8ICdodG1sRm9yJ1xuICA+IHtcbiAgY3VzdG9tRXJyb3I/OiBzdHJpbmc7XG4gIGVycm9yVHlwZT86ICdpbml0aWFsJyB8ICdhYnNvbHV0ZSc7XG4gIGhpZGVMYWJlbD86IGJvb2xlYW47XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5mb1RpcCB0byBkaXNwbGF5IG5leHQgdG8gdGhlIGZpZWxkIGxhYmVsLiBUaGUgSW5mb1RpcCBidXR0b24gaXNcbiAgICogYXV0b21hdGljYWxseSBsYWJlbGxlZCBieSB0aGUgZmllbGQgbGFiZWwuIFRvIG92ZXJyaWRlIHRoaXMgYmVoYXZpb3IsXG4gICAqIHByb3ZpZGUgYGFyaWFMYWJlbGAgb3IgYGFyaWFMYWJlbGxlZGJ5YC5cbiAgICovXG4gIGluZm90aXA/OiBJbmZvVGlwU3ViQ29tcG9uZW50UHJvcHM7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29ubmVjdGVkRm9ybUdyb3VwUHJvcHM8VCBleHRlbmRzIENvbm5lY3RlZEZpZWxkPlxuICBleHRlbmRzIFN1Ym1pdENvbnRleHRQcm9wcyxcbiAgICBDb25uZWN0ZWRGb3JtR3JvdXBCYXNlUHJvcHMge1xuICAvKipcbiAgICogQW4gb2JqZWN0IGNvbnNpc3Rpbmcgb2YgYSBgY29tcG9uZW50YCBrZXkgdG8gc3BlY2lmeSB3aGF0IENvbm5lY3RlZEZvcm1JbnB1dCB0byByZW5kZXIgLSB0aGUgcmVtYWluaW5nIGtleS92YWx1ZSBwYWlycyBhcmUgdGhhdCBjb21wb25lbnRzIGRlc2lyZWQgcHJvcHMuXG4gICAqL1xuICBmaWVsZDogT21pdDxSZWFjdC5Db21wb25lbnRQcm9wczxUPiwgJ25hbWUnIHwgJ2Rpc2FibGVkJz4gJlxuICAgIEZpZWxkUHJvcHM8VD4gJiB7XG4gICAgICBjdXN0b21WYWxpZGF0aW9ucz86IFJlZ2lzdGVyT3B0aW9ucztcbiAgICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29ubmVjdGVkRm9ybUdyb3VwPFQgZXh0ZW5kcyBDb25uZWN0ZWRGaWVsZD4oe1xuICBjdXN0b21FcnJvcixcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGVycm9yVHlwZSA9ICdhYnNvbHV0ZScsXG4gIGZpZWxkLFxuICBoaWRlTGFiZWwsXG4gIGlkLFxuICBsYWJlbCxcbiAgbmFtZSxcbiAgbGFiZWxTaXplLFxuICBzcGFjaW5nID0gJ2ZpdCcsXG4gIGlzU29sb0ZpZWxkLFxuICBpbmZvdGlwLFxufTogQ29ubmVjdGVkRm9ybUdyb3VwUHJvcHM8VD4pIHtcbiAgY29uc3QgeyBjb21wb25lbnQ6IENvbXBvbmVudCwgY3VzdG9tVmFsaWRhdGlvbnMsIC4uLnJlc3QgfSA9IGZpZWxkO1xuICBjb25zdCB7IGVycm9yLCBpc0ZpcnN0RXJyb3IsIGlzRGlzYWJsZWQsIHNldEVycm9yLCB2YWxpZGF0aW9uIH0gPSB1c2VGaWVsZCh7XG4gICAgbmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICBjdXN0b21WYWxpZGF0aW9ucyxcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY3VzdG9tRXJyb3IpIHtcbiAgICAgIHNldEVycm9yKG5hbWUsIHtcbiAgICAgICAgdHlwZTogJ21hbnVhbCcsXG4gICAgICAgIG1lc3NhZ2U6IGN1c3RvbUVycm9yLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VzdG9tRXJyb3IsIG5hbWUsIHNldEVycm9yXSk7XG5cbiAgY29uc3QgZmllbGRJZCA9IHR5cGVvZiBpZCA9PT0gJ3N0cmluZycgPyBpZCA6IG5hbWU7XG5cbiAgY29uc3QgcmVuZGVyZWRMYWJlbCA9IChcbiAgICA8Rm9ybUdyb3VwTGFiZWxcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaHRtbEZvcj17ZmllbGRJZH1cbiAgICAgIGluZm90aXA9e2luZm90aXB9XG4gICAgICBpc1NvbG9GaWVsZD17aXNTb2xvRmllbGR9XG4gICAgICByZXF1aXJlZD17Qm9vbGVhbih2YWxpZGF0aW9uPy5yZXF1aXJlZCl9XG4gICAgICBzaXplPXtsYWJlbFNpemV9XG4gICAgPlxuICAgICAge2xhYmVsfVxuICAgIDwvRm9ybUdyb3VwTGFiZWw+XG4gICk7XG5cbiAgY29uc3QgdGV4dEVycm9yID0gY3VzdG9tRXJyb3IgfHwgZ2V0RXJyb3JNZXNzYWdlKGVycm9yKTtcbiAgY29uc3Qgc2hvd0Vycm9yID0gISEodGV4dEVycm9yICYmICFoaWRlTGFiZWwpO1xuICBjb25zdCBlcnJvcklkID0gc2hvd0Vycm9yID8gYCR7ZmllbGRJZH1fZXJyb3JgIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1Hcm91cCBzcGFjaW5nPXtoaWRlTGFiZWwgPyAndGlnaHQnIDogc3BhY2luZ30+XG4gICAgICB7aGlkZUxhYmVsID8gPFRleHQgc2NyZWVucmVhZGVyPntyZW5kZXJlZExhYmVsfTwvVGV4dD4gOiByZW5kZXJlZExhYmVsfVxuICAgICAgPENvbXBvbmVudFxuICAgICAgICB7Li4uKHJlc3QgYXMgYW55KX1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17ZXJyb3JJZH1cbiAgICAgICAgYXJpYS1pbnZhbGlkPXtzaG93RXJyb3J9XG4gICAgICAgIGN1c3RvbVZhbGlkYXRpb25zPXtjdXN0b21WYWxpZGF0aW9uc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgLz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzaG93RXJyb3IgJiYgKFxuICAgICAgICA8Rm9ybUVycm9yXG4gICAgICAgICAgYXJpYS1saXZlPXtpc0ZpcnN0RXJyb3IgPyAnYXNzZXJ0aXZlJyA6ICdvZmYnfVxuICAgICAgICAgIGlkPXtlcnJvcklkfVxuICAgICAgICAgIHJvbGU9e2lzRmlyc3RFcnJvciA/ICdhbGVydCcgOiAnc3RhdHVzJ31cbiAgICAgICAgICB2YXJpYW50PXtlcnJvclR5cGV9XG4gICAgICAgID5cbiAgICAgICAgICA8TWFya2Rvd25cbiAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgb3ZlcnJpZGVzPXt7XG4gICAgICAgICAgICAgIGE6IHtcbiAgICAgICAgICAgICAgICBhbGxvd2VkQXR0cmlidXRlczogWydocmVmJywgJ3RhcmdldCddLFxuICAgICAgICAgICAgICAgIGNvbXBvbmVudDogRXJyb3JBbmNob3IsXG4gICAgICAgICAgICAgICAgcHJvY2Vzc05vZGU6IChcbiAgICAgICAgICAgICAgICAgIG5vZGU6IHVua25vd24sXG4gICAgICAgICAgICAgICAgICBwcm9wczogeyBvbkNsaWNrPzogKCkgPT4gdm9pZCB9XG4gICAgICAgICAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjb25zdCB7IGtleTogZWxlbWVudEtleSwgLi4ucmVzdCB9ID1cbiAgICAgICAgICAgICAgICAgICAgcHJvcHMgYXMgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEVycm9yQW5jaG9yPiAmIHtcbiAgICAgICAgICAgICAgICAgICAgICBrZXk/OiBSZWFjdC5LZXk7XG4gICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICByZXR1cm4gPEVycm9yQW5jaG9yIGtleT17ZWxlbWVudEtleX0gey4uLnJlc3R9IC8+O1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgc2tpcERlZmF1bHRPdmVycmlkZXM9e3sgYTogdHJ1ZSB9fVxuICAgICAgICAgICAgc3BhY2luZz1cIm5vbmVcIlxuICAgICAgICAgICAgdGV4dD17dGV4dEVycm9yfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRm9ybUVycm9yPlxuICAgICAgKX1cbiAgICA8L0Zvcm1Hcm91cD5cbiAgKTtcbn1cbiJdfQ== */");
 export function ConnectedFormGroup({
   customError,
   children,
@@ -53,9 +53,10 @@ export function ConnectedFormGroup({
       });
     }
   }, [customError, name, setError]);
+  const fieldId = typeof id === 'string' ? id : name;
   const renderedLabel = /*#__PURE__*/_jsx(FormGroupLabel, {
     disabled: isDisabled,
-    htmlFor: id || name,
+    htmlFor: fieldId,
     infotip: infotip,
     isSoloField: isSoloField,
     required: Boolean(validation?.required),
@@ -64,7 +65,7 @@ export function ConnectedFormGroup({
   });
   const textError = customError || getErrorMessage(error);
   const showError = !!(textError && !hideLabel);
-  const errorId = showError ? `${id || name}_error` : undefined;
+  const errorId = showError ? `${fieldId}_error` : undefined;
   return /*#__PURE__*/_jsxs(FormGroup, {
     spacing: hideLabel ? 'tight' : spacing,
     children: [hideLabel ? /*#__PURE__*/_jsx(Text, {

package/dist/ConnectedForm/utils.d.ts

@@ -112,7 +112,7 @@ export declare const USE_DEBOUNCED_FIELD_DIRTY_KEY = "";
  * for something that I think could be modified to make this better
  * but I couldn't get it to work
  */
-type InputTypes = Extract<HTMLInputTypeAttribute, 'number' | 'color' | 'date' | 'datetime-local' | 'time' | 'image' | 'checkbox' | 'text' | 'hidden' | 'password' | 'radio' | 'range' | 'email' | 'search' | 'month' | 'tel' | 'time' | 'url' | 'week'> | 'textarea' | 'select';
+type InputTypes = Extract<HTMLInputTypeAttribute, 'number' | 'color' | 'date' | 'datetime-local' | 'time' | 'image' | 'checkbox' | 'text' | 'hidden' | 'password' | 'radio' | 'range' | 'email' | 'search' | 'month' | 'tel' | 'url' | 'week'> | 'textarea' | 'select';
 type DebouncedFieldProps<T extends InputTypes> = Omit<GetInitialFormValueProps, 'setLocalValue' | 'defaultValue'> & Pick<useFieldProps, 'loading' | 'disabled' | 'name' | 'customValidations'> & {
     type: T;
     shouldDirtyOnChange?: boolean;

package/dist/ConnectedForm/utils.js

@@ -102,7 +102,7 @@ export const useField = ({
     disabled: disabled || formStateDisabled,
     loading
   });
-  const formValidation = (validationRules && validationRules[name]) ?? undefined;
+  const formValidation = validationRules?.[name];
   const validation = useMemo(() => formValidation || customValidations ? {
     ...formValidation,
     ...customValidations

package/dist/DatePicker/DatePickerInput/index.d.ts

@@ -3,7 +3,7 @@ export type DatePickerInputProps = Omit<InputWrapperProps, 'className' | 'type'
     /** In range mode: which part of the range this input edits. Omit for single-date or combined display. */
     rangePart?: 'start' | 'end';
 };
-export declare const DatePickerInput: import("react").ForwardRefExoticComponent<Omit<InputWrapperProps, "color" | "className" | "onChange" | "type" | "icon" | "value"> & {
+export declare const DatePickerInput: import("react").ForwardRefExoticComponent<Omit<InputWrapperProps, "color" | "className" | "onChange" | "type" | "value" | "icon"> & {
     /** In range mode: which part of the range this input edits. Omit for single-date or combined display. */
     rangePart?: "start" | "end";
 } & import("react").RefAttributes<HTMLDivElement>>;