@codecademy/gamut 67.6.4-alpha.d8f776.0 → 67.6.4-alpha.dab391.0

package/dist/Anchor/index.d.ts

@@ -131,53 +131,29 @@ declare const anchorProps: import("@codecademy/variance/dist/types/config").Pars
     };
     readonly mx: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     };
     readonly my: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     };
     readonly mt: {
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mb: {
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mr: {
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly ml: {
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly fontFamily: {

package/dist/Badge/index.d.ts

@@ -45,53 +45,29 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
     };
     readonly mx: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     };
     readonly my: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     };
     readonly mt: {
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mb: {
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mr: {
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly ml: {
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly flexBasis: {

package/dist/Box/props.d.ts

@@ -37,53 +37,29 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
     };
     readonly mx: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     };
     readonly my: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     };
     readonly mt: {
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mb: {
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mr: {
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly ml: {
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly border: {

package/dist/Button/shared/styles.d.ts

@@ -159,53 +159,29 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
     };
     readonly mx: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     };
     readonly my: {
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     };
     readonly mt: {
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mb: {
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mr: {
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly ml: {
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly border: {

package/dist/Card/elements.d.ts

@@ -530,53 +530,29 @@ export declare const MotionBox: import("react").ComponentType<{
     }>;
     mx?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     }>;
     my?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     }>;
     mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";
@@ -1239,53 +1215,29 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
     }>;
     mx?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     }>;
     my?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     }>;
     mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";
@@ -1932,53 +1884,29 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
     }>;
     mx?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     }>;
     my?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     }>;
     mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";

package/dist/ConnectedForm/ConnectedFormGroup.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { FormGroupProps, InfoTipProps } from '..';
+import { FormGroupProps } from '..';
+import { InfoTipPropsWithoutAria } from '../Tip/InfoTip/utils';
 import { ConnectedField, FieldProps, SubmitContextProps } from './types';
 export interface ConnectedFormGroupBaseProps extends Omit<FormGroupProps, 'label' | 'disabled' | 'description' | 'htmlFor'> {
     customError?: string;
@@ -8,7 +9,12 @@ export interface ConnectedFormGroupBaseProps extends Omit<FormGroupProps, 'label
     name: string;
     label: React.ReactNode;
     required?: boolean;
-    infotip?: InfoTipProps;
+    /**
+     * InfoTip to display next to the field label. The InfoTip button is
+     * automatically labelled by the field label. To override this behavior,
+     * provide `ariaLabel` or `ariaLabelledby`.
+     */
+    infotip?: InfoTipPropsWithoutAria;
 }
 export interface ConnectedFormGroupProps<T extends ConnectedField> extends SubmitContextProps, ConnectedFormGroupBaseProps {
     /**

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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JvQiIsImZpbGUiOiIuLi8uLi9zcmMvQ29ubmVjdGVkRm9ybS9Db25uZWN0ZWRGb3JtR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgRm9ybUVycm9yLFxuICBGb3JtR3JvdXAsXG4gIEZvcm1Hcm91cExhYmVsLFxuICBGb3JtR3JvdXBQcm9wcyxcbiAgSW5mb1RpcFByb3BzLFxufSBmcm9tICcuLic7XG5pbXBvcnQgeyBBbmNob3IgfSBmcm9tICcuLi9BbmNob3InO1xuaW1wb3J0IHsgSGlkZGVuVGV4dCB9IGZyb20gJy4uL0hpZGRlblRleHQnO1xuaW1wb3J0IHsgTWFya2Rvd24gfSBmcm9tICcuLi9NYXJrZG93bic7XG5pbXBvcnQgeyBDb25uZWN0ZWRGaWVsZCwgRmllbGRQcm9wcywgU3VibWl0Q29udGV4dFByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRFcnJvck1lc3NhZ2UsIHVzZUZpZWxkIH0gZnJvbSAnLi91dGlscyc7XG5cbmNvbnN0IEVycm9yQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgY29sb3I6ICdmZWVkYmFjay1lcnJvcicsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbm5lY3RlZEZvcm1Hcm91cEJhc2VQcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgRm9ybUdyb3VwUHJvcHMsXG4gICAgJ2xhYmVsJyB8ICdkaXNhYmxlZCcgfCAnZGVzY3JpcHRpb24nIHwgJ2h0bWxGb3InXG4gID4ge1xuICBjdXN0b21FcnJvcj86IHN0cmluZztcbiAgZXJyb3JUeXBlPzogJ2luaXRpYWwnIHwgJ2Fic29sdXRlJztcbiAgaGlkZUxhYmVsPzogYm9vbGVhbjtcbiAgbmFtZTogc3RyaW5nO1xuICBsYWJlbDogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIGluZm90aXA/OiBJbmZvVGlwUHJvcHM7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29ubmVjdGVkRm9ybUdyb3VwUHJvcHM8VCBleHRlbmRzIENvbm5lY3RlZEZpZWxkPlxuICBleHRlbmRzIFN1Ym1pdENvbnRleHRQcm9wcyxcbiAgICBDb25uZWN0ZWRGb3JtR3JvdXBCYXNlUHJvcHMge1xuICAvKipcbiAgICogQW4gb2JqZWN0IGNvbnNpc3Rpbmcgb2YgYSBgY29tcG9uZW50YCBrZXkgdG8gc3BlY2lmeSB3aGF0IENvbm5lY3RlZEZvcm1JbnB1dCB0byByZW5kZXIgLSB0aGUgcmVtYWluaW5nIGtleS92YWx1ZSBwYWlycyBhcmUgdGhhdCBjb21wb25lbnRzIGRlc2lyZWQgcHJvcHMuXG4gICAqL1xuICBmaWVsZDogT21pdDxSZWFjdC5Db21wb25lbnRQcm9wczxUPiwgJ25hbWUnIHwgJ2Rpc2FibGVkJz4gJiBGaWVsZFByb3BzPFQ+O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29ubmVjdGVkRm9ybUdyb3VwPFQgZXh0ZW5kcyBDb25uZWN0ZWRGaWVsZD4oe1xuICBjdXN0b21FcnJvcixcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGVycm9yVHlwZSA9ICdhYnNvbHV0ZScsXG4gIGZpZWxkLFxuICBoaWRlTGFiZWwsXG4gIGlkLFxuICBsYWJlbCxcbiAgbmFtZSxcbiAgbGFiZWxTaXplLFxuICBzcGFjaW5nID0gJ2ZpdCcsXG4gIGlzU29sb0ZpZWxkLFxuICBpbmZvdGlwLFxufTogQ29ubmVjdGVkRm9ybUdyb3VwUHJvcHM8VD4pIHtcbiAgY29uc3QgeyBlcnJvciwgaXNGaXJzdEVycm9yLCBpc0Rpc2FibGVkLCBzZXRFcnJvciwgdmFsaWRhdGlvbiB9ID0gdXNlRmllbGQoe1xuICAgIG5hbWUsXG4gICAgZGlzYWJsZWQsXG4gIH0pO1xuICBjb25zdCB7IGNvbXBvbmVudDogQ29tcG9uZW50LCAuLi5yZXN0IH0gPSBmaWVsZDtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChjdXN0b21FcnJvcikge1xuICAgICAgc2V0RXJyb3IobmFtZSwge1xuICAgICAgICB0eXBlOiAnbWFudWFsJyxcbiAgICAgICAgbWVzc2FnZTogY3VzdG9tRXJyb3IsXG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtjdXN0b21FcnJvciwgbmFtZSwgc2V0RXJyb3JdKTtcblxuICBjb25zdCByZW5kZXJlZExhYmVsID0gKFxuICAgIDxGb3JtR3JvdXBMYWJlbFxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBodG1sRm9yPXtpZCB8fCBuYW1lfVxuICAgICAgaW5mb3RpcD17aW5mb3RpcH1cbiAgICAgIGlzU29sb0ZpZWxkPXtpc1NvbG9GaWVsZH1cbiAgICAgIHJlcXVpcmVkPXshIXZhbGlkYXRpb24/LnJlcXVpcmVkfVxuICAgICAgc2l6ZT17bGFiZWxTaXplfVxuICAgID5cbiAgICAgIHtsYWJlbH1cbiAgICA8L0Zvcm1Hcm91cExhYmVsPlxuICApO1xuXG4gIGNvbnN0IHRleHRFcnJvciA9IGN1c3RvbUVycm9yIHx8IGdldEVycm9yTWVzc2FnZShlcnJvcik7XG4gIGNvbnN0IHNob3dFcnJvciA9ICEhKHRleHRFcnJvciAmJiAhaGlkZUxhYmVsKTtcbiAgY29uc3QgZXJyb3JJZCA9IHNob3dFcnJvciA/IGAke2lkIHx8IG5hbWV9X2Vycm9yYCA6IHVuZGVmaW5lZDtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtR3JvdXAgc3BhY2luZz17aGlkZUxhYmVsID8gJ3RpZ2h0JyA6IHNwYWNpbmd9PlxuICAgICAge2hpZGVMYWJlbCA/IDxIaWRkZW5UZXh0PntyZW5kZXJlZExhYmVsfTwvSGlkZGVuVGV4dD4gOiByZW5kZXJlZExhYmVsfVxuICAgICAgPENvbXBvbmVudFxuICAgICAgICB7Li4uKHJlc3QgYXMgYW55KX1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17ZXJyb3JJZH1cbiAgICAgICAgYXJpYS1pbnZhbGlkPXtzaG93RXJyb3J9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgIC8+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7c2hvd0Vycm9yICYmIChcbiAgICAgICAgPEZvcm1FcnJvclxuICAgICAgICAgIGFyaWEtbGl2ZT17aXNGaXJzdEVycm9yID8gJ2Fzc2VydGl2ZScgOiAnb2ZmJ31cbiAgICAgICAgICBpZD17ZXJyb3JJZH1cbiAgICAgICAgICByb2xlPXtpc0ZpcnN0RXJyb3IgPyAnYWxlcnQnIDogJ3N0YXR1cyd9XG4gICAgICAgICAgdmFyaWFudD17ZXJyb3JUeXBlfVxuICAgICAgICA+XG4gICAgICAgICAgPE1hcmtkb3duXG4gICAgICAgICAgICBpbmxpbmVcbiAgICAgICAgICAgIG92ZXJyaWRlcz17e1xuICAgICAgICAgICAgICBhOiB7XG4gICAgICAgICAgICAgICAgYWxsb3dlZEF0dHJpYnV0ZXM6IFsnaHJlZicsICd0YXJnZXQnXSxcbiAgICAgICAgICAgICAgICBjb21wb25lbnQ6IEVycm9yQW5jaG9yLFxuICAgICAgICAgICAgICAgIHByb2Nlc3NOb2RlOiAoXG4gICAgICAgICAgICAgICAgICBub2RlOiB1bmtub3duLFxuICAgICAgICAgICAgICAgICAgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfVxuICAgICAgICAgICAgICAgICkgPT4gPEVycm9yQW5jaG9yIHsuLi5wcm9wc30gLz4sXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgc2tpcERlZmF1bHRPdmVycmlkZXM9e3sgYTogdHJ1ZSB9fVxuICAgICAgICAgICAgc3BhY2luZz1cIm5vbmVcIlxuICAgICAgICAgICAgdGV4dD17dGV4dEVycm9yfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRm9ybUVycm9yPlxuICAgICAgKX1cbiAgICA8L0Zvcm1Hcm91cD5cbiAgKTtcbn1cbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGb3JtRXJyb3IsIEZvcm1Hcm91cCwgRm9ybUdyb3VwTGFiZWwsIEZvcm1Hcm91cFByb3BzIH0gZnJvbSAnLi4nO1xuaW1wb3J0IHsgQW5jaG9yIH0gZnJvbSAnLi4vQW5jaG9yJztcbmltcG9ydCB7IEhpZGRlblRleHQgfSBmcm9tICcuLi9IaWRkZW5UZXh0JztcbmltcG9ydCB7IE1hcmtkb3duIH0gZnJvbSAnLi4vTWFya2Rvd24nO1xuaW1wb3J0IHsgSW5mb1RpcFByb3BzV2l0aG91dEFyaWEgfSBmcm9tICcuLi9UaXAvSW5mb1RpcC91dGlscyc7XG5pbXBvcnQgeyBDb25uZWN0ZWRGaWVsZCwgRmllbGRQcm9wcywgU3VibWl0Q29udGV4dFByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRFcnJvck1lc3NhZ2UsIHVzZUZpZWxkIH0gZnJvbSAnLi91dGlscyc7XG5cbmNvbnN0IEVycm9yQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgY29sb3I6ICdmZWVkYmFjay1lcnJvcicsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbm5lY3RlZEZvcm1Hcm91cEJhc2VQcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgRm9ybUdyb3VwUHJvcHMsXG4gICAgJ2xhYmVsJyB8ICdkaXNhYmxlZCcgfCAnZGVzY3JpcHRpb24nIHwgJ2h0bWxGb3InXG4gID4ge1xuICBjdXN0b21FcnJvcj86IHN0cmluZztcbiAgZXJyb3JUeXBlPzogJ2luaXRpYWwnIHwgJ2Fic29sdXRlJztcbiAgaGlkZUxhYmVsPzogYm9vbGVhbjtcbiAgbmFtZTogc3RyaW5nO1xuICBsYWJlbDogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmZvVGlwIHRvIGRpc3BsYXkgbmV4dCB0byB0aGUgZmllbGQgbGFiZWwuIFRoZSBJbmZvVGlwIGJ1dHRvbiBpc1xuICAgKiBhdXRvbWF0aWNhbGx5IGxhYmVsbGVkIGJ5IHRoZSBmaWVsZCBsYWJlbC4gVG8gb3ZlcnJpZGUgdGhpcyBiZWhhdmlvcixcbiAgICogcHJvdmlkZSBgYXJpYUxhYmVsYCBvciBgYXJpYUxhYmVsbGVkYnlgLlxuICAgKi9cbiAgaW5mb3RpcD86IEluZm9UaXBQcm9wc1dpdGhvdXRBcmlhO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIENvbm5lY3RlZEZvcm1Hcm91cFByb3BzPFQgZXh0ZW5kcyBDb25uZWN0ZWRGaWVsZD5cbiAgZXh0ZW5kcyBTdWJtaXRDb250ZXh0UHJvcHMsXG4gICAgQ29ubmVjdGVkRm9ybUdyb3VwQmFzZVByb3BzIHtcbiAgLyoqXG4gICAqIEFuIG9iamVjdCBjb25zaXN0aW5nIG9mIGEgYGNvbXBvbmVudGAga2V5IHRvIHNwZWNpZnkgd2hhdCBDb25uZWN0ZWRGb3JtSW5wdXQgdG8gcmVuZGVyIC0gdGhlIHJlbWFpbmluZyBrZXkvdmFsdWUgcGFpcnMgYXJlIHRoYXQgY29tcG9uZW50cyBkZXNpcmVkIHByb3BzLlxuICAgKi9cbiAgZmllbGQ6IE9taXQ8UmVhY3QuQ29tcG9uZW50UHJvcHM8VD4sICduYW1lJyB8ICdkaXNhYmxlZCc+ICYgRmllbGRQcm9wczxUPjtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbm5lY3RlZEZvcm1Hcm91cDxUIGV4dGVuZHMgQ29ubmVjdGVkRmllbGQ+KHtcbiAgY3VzdG9tRXJyb3IsXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBlcnJvclR5cGUgPSAnYWJzb2x1dGUnLFxuICBmaWVsZCxcbiAgaGlkZUxhYmVsLFxuICBpZCxcbiAgbGFiZWwsXG4gIG5hbWUsXG4gIGxhYmVsU2l6ZSxcbiAgc3BhY2luZyA9ICdmaXQnLFxuICBpc1NvbG9GaWVsZCxcbiAgaW5mb3RpcCxcbn06IENvbm5lY3RlZEZvcm1Hcm91cFByb3BzPFQ+KSB7XG4gIGNvbnN0IHsgZXJyb3IsIGlzRmlyc3RFcnJvciwgaXNEaXNhYmxlZCwgc2V0RXJyb3IsIHZhbGlkYXRpb24gfSA9IHVzZUZpZWxkKHtcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICB9KTtcbiAgY29uc3QgeyBjb21wb25lbnQ6IENvbXBvbmVudCwgLi4ucmVzdCB9ID0gZmllbGQ7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY3VzdG9tRXJyb3IpIHtcbiAgICAgIHNldEVycm9yKG5hbWUsIHtcbiAgICAgICAgdHlwZTogJ21hbnVhbCcsXG4gICAgICAgIG1lc3NhZ2U6IGN1c3RvbUVycm9yLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbY3VzdG9tRXJyb3IsIG5hbWUsIHNldEVycm9yXSk7XG5cbiAgY29uc3QgcmVuZGVyZWRMYWJlbCA9IChcbiAgICA8Rm9ybUdyb3VwTGFiZWxcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaHRtbEZvcj17aWQgfHwgbmFtZX1cbiAgICAgIGluZm90aXA9e2luZm90aXB9XG4gICAgICBpc1NvbG9GaWVsZD17aXNTb2xvRmllbGR9XG4gICAgICByZXF1aXJlZD17ISF2YWxpZGF0aW9uPy5yZXF1aXJlZH1cbiAgICAgIHNpemU9e2xhYmVsU2l6ZX1cbiAgICA+XG4gICAgICB7bGFiZWx9XG4gICAgPC9Gb3JtR3JvdXBMYWJlbD5cbiAgKTtcblxuICBjb25zdCB0ZXh0RXJyb3IgPSBjdXN0b21FcnJvciB8fCBnZXRFcnJvck1lc3NhZ2UoZXJyb3IpO1xuICBjb25zdCBzaG93RXJyb3IgPSAhISh0ZXh0RXJyb3IgJiYgIWhpZGVMYWJlbCk7XG4gIGNvbnN0IGVycm9ySWQgPSBzaG93RXJyb3IgPyBgJHtpZCB8fCBuYW1lfV9lcnJvcmAgOiB1bmRlZmluZWQ7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUdyb3VwIHNwYWNpbmc9e2hpZGVMYWJlbCA/ICd0aWdodCcgOiBzcGFjaW5nfT5cbiAgICAgIHtoaWRlTGFiZWwgPyA8SGlkZGVuVGV4dD57cmVuZGVyZWRMYWJlbH08L0hpZGRlblRleHQ+IDogcmVuZGVyZWRMYWJlbH1cbiAgICAgIDxDb21wb25lbnRcbiAgICAgICAgey4uLihyZXN0IGFzIGFueSl9XG4gICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2Vycm9ySWR9XG4gICAgICAgIGFyaWEtaW52YWxpZD17c2hvd0Vycm9yfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAvPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Nob3dFcnJvciAmJiAoXG4gICAgICAgIDxGb3JtRXJyb3JcbiAgICAgICAgICBhcmlhLWxpdmU9e2lzRmlyc3RFcnJvciA/ICdhc3NlcnRpdmUnIDogJ29mZid9XG4gICAgICAgICAgaWQ9e2Vycm9ySWR9XG4gICAgICAgICAgcm9sZT17aXNGaXJzdEVycm9yID8gJ2FsZXJ0JyA6ICdzdGF0dXMnfVxuICAgICAgICAgIHZhcmlhbnQ9e2Vycm9yVHlwZX1cbiAgICAgICAgPlxuICAgICAgICAgIDxNYXJrZG93blxuICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgICBvdmVycmlkZXM9e3tcbiAgICAgICAgICAgICAgYToge1xuICAgICAgICAgICAgICAgIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gICAgICAgICAgICAgICAgY29tcG9uZW50OiBFcnJvckFuY2hvcixcbiAgICAgICAgICAgICAgICBwcm9jZXNzTm9kZTogKFxuICAgICAgICAgICAgICAgICAgbm9kZTogdW5rbm93bixcbiAgICAgICAgICAgICAgICAgIHByb3BzOiB7IG9uQ2xpY2s/OiAoKSA9PiB2b2lkIH1cbiAgICAgICAgICAgICAgICApID0+IDxFcnJvckFuY2hvciB7Li4ucHJvcHN9IC8+LFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHNraXBEZWZhdWx0T3ZlcnJpZGVzPXt7IGE6IHRydWUgfX1cbiAgICAgICAgICAgIHNwYWNpbmc9XCJub25lXCJcbiAgICAgICAgICAgIHRleHQ9e3RleHRFcnJvcn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0Zvcm1FcnJvcj5cbiAgICAgICl9XG4gICAgPC9Gb3JtR3JvdXA+XG4gICk7XG59XG4iXX0= */");
 export function ConnectedFormGroup({
   customError,
   children,

package/dist/Form/elements/Form.d.ts

@@ -198,53 +198,29 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
     }>;
     mx?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginLeft", "marginRight"];
-            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginLeft", "marginRight"];
         readonly scale: "spacing";
     }>;
     my?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: {
-            readonly physical: readonly ["marginTop", "marginBottom"];
-            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["marginTop", "marginBottom"];
         readonly scale: "spacing";
     }>;
     mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginTop";
-            readonly logical: "marginBlockStart";
-        };
+        readonly property: "marginTop";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginBottom";
-            readonly logical: "marginBlockEnd";
-        };
+        readonly property: "marginBottom";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginRight";
-            readonly logical: "marginInlineEnd";
-        };
+        readonly property: "marginRight";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "marginLeft";
-            readonly logical: "marginInlineStart";
-        };
+        readonly property: "marginLeft";
         readonly scale: "spacing";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";

package/dist/Form/elements/FormGroupLabel.d.ts

@@ -1,7 +1,7 @@
 import { StyleProps } from '@codecademy/variance';
 import { HTMLAttributes } from 'react';
 import * as React from 'react';
-import { InfoTipProps } from '../../Tip/InfoTip';
+import { InfoTipPropsWithoutAria } from '../../Tip/InfoTip/utils';
 import { BaseInputProps } from '../types';
 declare const labelSizeVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "large"> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -15,7 +15,7 @@ export type FormGroupLabelProps = HTMLAttributes<HTMLDivElement> & HTMLAttribute
     /**
      * [The for/id string of a label or labelable form-related element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement/htmlFor). The outer FormGroup or FormLabel should have an identical string as the inner FormElement for accessibility purposes.
      */
-    infotip?: InfoTipProps;
+    infotip?: InfoTipPropsWithoutAria;
     size?: 'small' | 'large';
     /**
      * Solo fields should always be required and have no optional/required text

package/dist/Form/elements/FormGroupLabel.js

@@ -1,8 +1,10 @@
 import _styled from "@emotion/styled/base";
 import { states, variant } from '@codecademy/gamut-styles';
+import { useId } from 'react';
 import * as React from 'react';
 import { FlexBox } from '../..';
 import { InfoTip } from '../../Tip/InfoTip';
+import { createInfoTipProps } from '../../Tip/InfoTip/utils';
 import { Text } from '../../Typography/Text';
 import { formBaseStyles, formFieldTextDisabledStyles } from '../styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -30,7 +32,7 @@ const labelStates = states({
 const Label = /*#__PURE__*/_styled("label", {
   target: "e1t0n89n0",
   label: "Label"
-})(labelSizeVariants, labelStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2VsZW1lbnRzL0Zvcm1Hcm91cExhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vZWxlbWVudHMvRm9ybUdyb3VwTGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGVzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uLy4uJztcbmltcG9ydCB7IEluZm9UaXAsIEluZm9UaXBQcm9wcyB9IGZyb20gJy4uLy4uL1RpcC9JbmZvVGlwJztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5L1RleHQnO1xuaW1wb3J0IHsgZm9ybUJhc2VTdHlsZXMsIGZvcm1GaWVsZFRleHREaXNhYmxlZFN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBCYXNlSW5wdXRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgbGFiZWxTaXplVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgZGVmYXVsdFZhcmlhbnQ6ICdzbWFsbCcsXG4gIHByb3A6ICdzaXplJyxcbiAgYmFzZTogeyBkaXNwbGF5OiAnYmxvY2snLCAuLi5mb3JtQmFzZVN0eWxlcyB9LFxuICB2YXJpYW50czoge1xuICAgIHNtYWxsOiB7XG4gICAgICBsaW5lSGVpZ2h0OiAnYmFzZScsXG4gICAgfSxcbiAgICBsYXJnZToge1xuICAgICAgZm9udFNpemU6IDIyLFxuICAgICAgbGluZUhlaWdodDogJ2Jhc2UnLFxuICAgICAgZm9udFdlaWdodDogJ3RpdGxlJyxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IGxhYmVsU3RhdGVzID0gc3RhdGVzKHtcbiAgZGlzYWJsZWQ6IGZvcm1GaWVsZFRleHREaXNhYmxlZFN0eWxlcyxcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIExhYmVsVmFyaWFudHNcbiAgZXh0ZW5kcyBTdHlsZVByb3BzPHR5cGVvZiBsYWJlbFNpemVWYXJpYW50cz4sXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgbGFiZWxTdGF0ZXM+IHt9XG5cbmV4cG9ydCB0eXBlIEZvcm1Hcm91cExhYmVsUHJvcHMgPSBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJlxuICBIVE1MQXR0cmlidXRlczxIVE1MTGFiZWxFbGVtZW50PiAmXG4gIExhYmVsVmFyaWFudHMgJlxuICBQaWNrPEJhc2VJbnB1dFByb3BzLCAnaHRtbEZvcicgfCAncmVxdWlyZWQnPiAmIHtcbiAgICAvKipcbiAgICAgKiBbVGhlIGZvci9pZCBzdHJpbmcgb2YgYSBsYWJlbCBvciBsYWJlbGFibGUgZm9ybS1yZWxhdGVkIGVsZW1lbnRdKGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FQSS9IVE1MTGFiZWxFbGVtZW50L2h0bWxGb3IpLiBUaGUgb3V0ZXIgRm9ybUdyb3VwIG9yIEZvcm1MYWJlbCBzaG91bGQgaGF2ZSBhbiBpZGVudGljYWwgc3RyaW5nIGFzIHRoZSBpbm5lciBGb3JtRWxlbWVudCBmb3IgYWNjZXNzaWJpbGl0eSBwdXJwb3Nlcy5cbiAgICAgKi9cbiAgICBpbmZvdGlwPzogSW5mb1RpcFByb3BzO1xuICAgIHNpemU/OiAnc21hbGwnIHwgJ2xhcmdlJztcbiAgICAvKipcbiAgICAgKiBTb2xvIGZpZWxkcyBzaG91bGQgYWx3YXlzIGJlIHJlcXVpcmVkIGFuZCBoYXZlIG5vIG9wdGlvbmFsL3JlcXVpcmVkIHRleHRcbiAgICAgKi9cbiAgICBpc1NvbG9GaWVsZD86IGJvb2xlYW47XG4gIH07XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPEZvcm1Hcm91cExhYmVsUHJvcHM+KGxhYmVsU2l6ZVZhcmlhbnRzLCBsYWJlbFN0YXRlcyk7XG5cbmV4cG9ydCBjb25zdCBGb3JtR3JvdXBMYWJlbDogUmVhY3QuRkM8Rm9ybUdyb3VwTGFiZWxQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBkaXNhYmxlZCxcbiAgaHRtbEZvcixcbiAgaW5mb3RpcCxcbiAgaXNTb2xvRmllbGQsXG4gIHJlcXVpcmVkLFxuICBzaXplLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgbWI9ezR9PlxuICAgICAgPExhYmVsXG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBhcz17aHRtbEZvciA/ICdsYWJlbCcgOiAnZGl2J31cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgaHRtbEZvcj17aHRtbEZvcn1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7IWlzU29sb0ZpZWxkICYmXG4gICAgICAgICAgKHJlcXVpcmVkID8gKFxuICAgICAgICAgICAgPFRleHQgYXJpYS1oaWRkZW4gYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgICpcbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgJ1xcdTAwQTAob3B0aW9uYWwpJ1xuICAgICAgICAgICkpfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIHtpbmZvdGlwICYmIDxJbmZvVGlwIHsuLi5pbmZvdGlwfSAvPn1cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */");
+})(labelSizeVariants, labelStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2VsZW1lbnRzL0Zvcm1Hcm91cExhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vZWxlbWVudHMvRm9ybUdyb3VwTGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGVzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgdXNlSWQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi8uLic7XG5pbXBvcnQgeyBJbmZvVGlwLCBJbmZvVGlwUHJvcHMgfSBmcm9tICcuLi8uLi9UaXAvSW5mb1RpcCc7XG5pbXBvcnQge1xuICBjcmVhdGVJbmZvVGlwUHJvcHMsXG4gIEluZm9UaXBQcm9wc1dpdGhvdXRBcmlhLFxufSBmcm9tICcuLi8uLi9UaXAvSW5mb1RpcC91dGlscyc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVHlwb2dyYXBoeS9UZXh0JztcbmltcG9ydCB7IGZvcm1CYXNlU3R5bGVzLCBmb3JtRmllbGRUZXh0RGlzYWJsZWRTdHlsZXMgfSBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgQmFzZUlucHV0UHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGxhYmVsU2l6ZVZhcmlhbnRzID0gdmFyaWFudCh7XG4gIGRlZmF1bHRWYXJpYW50OiAnc21hbGwnLFxuICBwcm9wOiAnc2l6ZScsXG4gIGJhc2U6IHsgZGlzcGxheTogJ2Jsb2NrJywgLi4uZm9ybUJhc2VTdHlsZXMgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBzbWFsbDoge1xuICAgICAgbGluZUhlaWdodDogJ2Jhc2UnLFxuICAgIH0sXG4gICAgbGFyZ2U6IHtcbiAgICAgIGZvbnRTaXplOiAyMixcbiAgICAgIGxpbmVIZWlnaHQ6ICdiYXNlJyxcbiAgICAgIGZvbnRXZWlnaHQ6ICd0aXRsZScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBsYWJlbFN0YXRlcyA9IHN0YXRlcyh7XG4gIGRpc2FibGVkOiBmb3JtRmllbGRUZXh0RGlzYWJsZWRTdHlsZXMsXG59KTtcblxuZXhwb3J0IGludGVyZmFjZSBMYWJlbFZhcmlhbnRzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgbGFiZWxTaXplVmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIGxhYmVsU3RhdGVzPiB7fVxuXG5leHBvcnQgdHlwZSBGb3JtR3JvdXBMYWJlbFByb3BzID0gSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICZcbiAgSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4gJlxuICBMYWJlbFZhcmlhbnRzICZcbiAgUGljazxCYXNlSW5wdXRQcm9wcywgJ2h0bWxGb3InIHwgJ3JlcXVpcmVkJz4gJiB7XG4gICAgLyoqXG4gICAgICogW1RoZSBmb3IvaWQgc3RyaW5nIG9mIGEgbGFiZWwgb3IgbGFiZWxhYmxlIGZvcm0tcmVsYXRlZCBlbGVtZW50XShodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BUEkvSFRNTExhYmVsRWxlbWVudC9odG1sRm9yKS4gVGhlIG91dGVyIEZvcm1Hcm91cCBvciBGb3JtTGFiZWwgc2hvdWxkIGhhdmUgYW4gaWRlbnRpY2FsIHN0cmluZyBhcyB0aGUgaW5uZXIgRm9ybUVsZW1lbnQgZm9yIGFjY2Vzc2liaWxpdHkgcHVycG9zZXMuXG4gICAgICovXG4gICAgaW5mb3RpcD86IEluZm9UaXBQcm9wc1dpdGhvdXRBcmlhO1xuICAgIHNpemU/OiAnc21hbGwnIHwgJ2xhcmdlJztcbiAgICAvKipcbiAgICAgKiBTb2xvIGZpZWxkcyBzaG91bGQgYWx3YXlzIGJlIHJlcXVpcmVkIGFuZCBoYXZlIG5vIG9wdGlvbmFsL3JlcXVpcmVkIHRleHRcbiAgICAgKi9cbiAgICBpc1NvbG9GaWVsZD86IGJvb2xlYW47XG4gIH07XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPEZvcm1Hcm91cExhYmVsUHJvcHM+KGxhYmVsU2l6ZVZhcmlhbnRzLCBsYWJlbFN0YXRlcyk7XG5cbmV4cG9ydCBjb25zdCBGb3JtR3JvdXBMYWJlbDogUmVhY3QuRkM8Rm9ybUdyb3VwTGFiZWxQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBkaXNhYmxlZCxcbiAgaHRtbEZvcixcbiAgaW5mb3RpcCxcbiAgaXNTb2xvRmllbGQsXG4gIHJlcXVpcmVkLFxuICBzaXplLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGxhYmVsSWQgPSB1c2VJZCgpO1xuICBjb25zdCB7IGluZm90aXBQcm9wcywgc2hvdWxkTGFiZWxJbmZvVGlwIH0gPSBpbmZvdGlwXG4gICAgPyBjcmVhdGVJbmZvVGlwUHJvcHMoaW5mb3RpcCwgbGFiZWxJZClcbiAgICA6IHtcbiAgICAgICAgaW5mb3RpcFByb3BzOiB1bmRlZmluZWQgYXMgSW5mb1RpcFByb3BzIHwgdW5kZWZpbmVkLFxuICAgICAgICBzaG91bGRMYWJlbEluZm9UaXA6IGZhbHNlLFxuICAgICAgfTtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIG1iPXs0fT5cbiAgICAgIDxMYWJlbFxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgYXM9e2h0bWxGb3IgPyAnbGFiZWwnIDogJ2Rpdid9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgICAgIGlkPXtpbmZvdGlwICYmIHNob3VsZExhYmVsSW5mb1RpcCA/IGxhYmVsSWQgOiB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgeyFpc1NvbG9GaWVsZCAmJlxuICAgICAgICAgIChyZXF1aXJlZCA/IChcbiAgICAgICAgICAgIDxUZXh0IGFyaWEtaGlkZGVuIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAqXG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICdcXHUwMEEwKG9wdGlvbmFsKSdcbiAgICAgICAgICApKX1cbiAgICAgIDwvTGFiZWw+XG4gICAgICB7aW5mb3RpcFByb3BzICYmIDxJbmZvVGlwIHsuLi5pbmZvdGlwUHJvcHN9IC8+fVxuICAgIDwvRmxleEJveD5cbiAgKTtcbn07XG4iXX0= */");
 export const FormGroupLabel = ({
   children,
   className,
@@ -42,6 +44,14 @@ export const FormGroupLabel = ({
   size,
   ...rest
 }) => {
+  const labelId = useId();
+  const {
+    infotipProps,
+    shouldLabelInfoTip
+  } = infotip ? createInfoTipProps(infotip, labelId) : {
+    infotipProps: undefined,
+    shouldLabelInfoTip: false
+  };
   return /*#__PURE__*/_jsxs(FlexBox, {
     justifyContent: "space-between",
     mb: 4,
@@ -51,14 +61,15 @@ export const FormGroupLabel = ({
       className: className,
       disabled: disabled,
       htmlFor: htmlFor,
+      id: infotip && shouldLabelInfoTip ? labelId : undefined,
       size: size,
       children: [children, !isSoloField && (required ? /*#__PURE__*/_jsx(Text, {
         "aria-hidden": true,
         as: "span",
         children: "*"
       }) : '\u00A0(optional)')]
-    }), infotip && /*#__PURE__*/_jsx(InfoTip, {
-      ...infotip
+    }), infotipProps && /*#__PURE__*/_jsx(InfoTip, {
+      ...infotipProps
     })]
   });
 };