@okta/odyssey-react-mui 1.9.9 → 1.9.11

package/dist/src/Select.d.ts

@@ -13,6 +13,7 @@
 import { SelectProps as MuiSelectProps } from "@mui/material";
 import { FieldComponentProps } from "./FieldComponentProps";
 import type { SeleniumProps } from "./SeleniumProps";
+import { FocusHandle } from "./@types/react-augment";
 export type SelectOption = {
     text: string;
     type?: "heading" | "option";
@@ -28,6 +29,10 @@ export type SelectProps<Value extends SelectValueType<HasMultipleChoices>, HasMu
      * If `true`, the Select allows multiple selections
      */
     hasMultipleChoices?: HasMultipleChoices;
+    /**
+     * The ref forwarded to the Select to expose focus()
+     */
+    inputFocusRef?: React.RefObject<FocusHandle>;
     /**
      * @deprecated Use `hasMultipleChoices` instead.
      */
@@ -58,6 +63,6 @@ export type SelectProps<Value extends SelectValueType<HasMultipleChoices>, HasMu
      */
     value?: Value;
 } & Pick<FieldComponentProps, "errorMessage" | "hint" | "HintLinkComponent" | "id" | "isDisabled" | "isFullWidth" | "isOptional" | "name"> & SeleniumProps;
-declare const MemoizedSelect: import("react").MemoExoticComponent<(<Value extends SelectValueType<HasMultipleChoices>, HasMultipleChoices extends boolean>({ defaultValue, errorMessage, hasMultipleChoices: hasMultipleChoicesProp, hint, HintLinkComponent, id: idOverride, isDisabled, isFullWidth, isMultiSelect, isOptional, label, name: nameOverride, onBlur, onChange: onChangeProp, onFocus, options, testId, value, }: SelectProps<Value, HasMultipleChoices>) => JSX.Element)>;
+declare const MemoizedSelect: import("react").MemoExoticComponent<(<Value extends SelectValueType<HasMultipleChoices>, HasMultipleChoices extends boolean>({ defaultValue, errorMessage, hasMultipleChoices: hasMultipleChoicesProp, hint, HintLinkComponent, id: idOverride, inputFocusRef, isDisabled, isFullWidth, isMultiSelect, isOptional, label, name: nameOverride, onBlur, onChange: onChangeProp, onFocus, options, testId, value, }: SelectProps<Value, HasMultipleChoices>) => JSX.Element)>;
 export { MemoizedSelect as Select };
 //# sourceMappingURL=Select.d.ts.map

package/dist/src/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAYH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOrD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,kBAAkB,IAC5C,kBAAkB,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;AAEtD,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,eAAe,CAAC,kBAAkB,CAAC,EACjD,kBAAkB,SAAS,OAAO,IAChC;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IACrD;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;OAEG;IACH,+CAA+C;IAC/C,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3C;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,IAAI,CACN,mBAAmB,EACjB,cAAc,GACd,MAAM,GACN,mBAAmB,GACnB,IAAI,GACJ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,MAAM,CACT,GACC,aAAa,CAAC;AA+MhB,QAAA,MAAM,cAAc,6bAAe,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAoBH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMrD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,kBAAkB,IAC5C,kBAAkB,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;AAEtD,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,eAAe,CAAC,kBAAkB,CAAC,EACjD,kBAAkB,SAAS,OAAO,IAChC;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IACrD;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,+CAA+C;IAC/C,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3C;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,IAAI,CACN,mBAAmB,EACjB,cAAc,GACd,MAAM,GACN,mBAAmB,GACnB,IAAI,GACJ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,MAAM,CACT,GACC,aAAa,CAAC;AA+NhB,QAAA,MAAM,cAAc,4cAAe,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/TextField.d.ts

@@ -12,6 +12,7 @@
 import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactElement } from "react";
 import { FieldComponentProps } from "./FieldComponentProps";
 import { SeleniumProps } from "./SeleniumProps";
+import { FocusHandle } from "./@types/react-augment";
 export declare const textFieldTypeValues: readonly ["email", "number", "tel", "text", "url"];
 export type TextFieldProps = {
     /**
@@ -32,6 +33,10 @@ export type TextFieldProps = {
      * If `true`, the component will receive focus automatically.
      */
     hasInitialFocus?: boolean;
+    /**
+     * The ref forwarded to the TextField to expose focus()
+     */
+    inputFocusRef?: React.RefObject<FocusHandle>;
     /**
      * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
      */
@@ -88,6 +93,10 @@ declare const MemoizedTextField: import("react").MemoExoticComponent<import("rea
      * If `true`, the component will receive focus automatically.
      */
     hasInitialFocus?: boolean | undefined;
+    /**
+     * The ref forwarded to the TextField to expose focus()
+     */
+    inputFocusRef?: import("react").RefObject<FocusHandle> | undefined;
     /**
      * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
      */

package/dist/src/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,YAAY,EAGb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,eAAO,MAAM,mBAAmB,oDAMtB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,mBAAmB,GACrB,aAAa,CAAC;AA8HhB,QAAA,MAAM,iBAAiB;IArLrB;;;;OAIG;uBACgB,oBAAoB,gBAAgB,CAAC,CAAC,cAAc,CAAC;IACxE;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;2FAiIoC,CAAC;AAG1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,YAAY,EAIb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,eAAO,MAAM,mBAAmB,oDAMtB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,mBAAmB,GACrB,aAAa,CAAC;AA8IhB,QAAA,MAAM,iBAAiB;IAzMrB;;;;OAIG;uBACgB,oBAAoB,gBAAgB,CAAC,CAAC,cAAc,CAAC;IACxE;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;2FAiJoC,CAAC;AAG1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}

package/dist/src/Typography.d.ts

@@ -12,6 +12,7 @@
 import { TypographyProps as MuiTypographyProps } from "@mui/material";
 import { ElementType, ReactNode } from "react";
 import { SeleniumProps } from "./SeleniumProps";
+import { FocusHandle } from "./@types/react-augment";
 export type TypographyVariantValue = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "subordinate" | "support" | "legend";
 export declare const typographyVariantMapping: Record<TypographyVariantValue, MuiTypographyProps["variant"]>;
 export declare const typographyColorValues: readonly ["primary", "textPrimary", "secondary", "textSecondary", "error"];
@@ -40,12 +41,16 @@ export type TypographyProps = {
      * The HTML element the component should render, if different from the default.
      */
     component?: ElementType;
+    /**
+     * The ref forwarded to the Typography to expose focus()
+     */
+    typographyFocusRef?: React.RefObject<FocusHandle>;
     /**
      * The variant of Typography to render.
      */
     variant?: keyof typeof typographyVariantMapping;
 } & SeleniumProps;
-declare const MemoizedTypography: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component: componentProp, testId, variant, }: TypographyProps) => JSX.Element>;
+declare const MemoizedTypography: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component: componentProp, testId, typographyFocusRef, variant, }: TypographyProps) => JSX.Element>;
 declare const MemoizedHeading1: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
 declare const MemoizedHeading2: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
 declare const MemoizedHeading3: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;

package/dist/src/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,sBAAsB,GAC9B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,aAAa,GACb,SAAS,GACT,QAAQ,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,sBAAsB,EACtB,kBAAkB,CAAC,SAAS,CAAC,CAYrB,CAAC;AAEX,eAAO,MAAM,qBAAqB,4EAMxB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,wBAAwB,CAAC;CACjD,GAAG,aAAa,CAAC;AAuClB,QAAA,MAAM,kBAAkB,oJA5BrB,eAAe,iBA4ByB,CAAC;AAwB5C,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,iBAAiB,4HAbpB,eAAe,iBAauB,CAAC;AAwB1C,QAAA,MAAM,mBAAmB,4HAbtB,eAAe,iBAa2B,CAAC;AAwB9C,QAAA,MAAM,eAAe,4HAblB,eAAe,iBAamB,CAAC;AAwBtC,QAAA,MAAM,cAAc,4HAbjB,eAAe,iBAaiB,CAAC;AAGpC,OAAO,EACL,kBAAkB,IAAI,UAAU,EAChC,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,cAAc,IAAI,MAAM,EACxB,iBAAiB,IAAI,SAAS,EAC9B,mBAAmB,IAAI,WAAW,EAClC,eAAe,IAAI,OAAO,GAC3B,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,WAAW,EACX,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAC9B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,aAAa,GACb,SAAS,GACT,QAAQ,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,sBAAsB,EACtB,kBAAkB,CAAC,SAAS,CAAC,CAYrB,CAAC;AAEX,eAAO,MAAM,qBAAqB,4EAMxB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,wBAAwB,CAAC;CACjD,GAAG,aAAa,CAAC;AAwDlB,QAAA,MAAM,kBAAkB,wKA5CrB,eAAe,iBA4CyB,CAAC;AAwB5C,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,iBAAiB,4HAbpB,eAAe,iBAauB,CAAC;AAwB1C,QAAA,MAAM,mBAAmB,4HAbtB,eAAe,iBAa2B,CAAC;AAwB9C,QAAA,MAAM,eAAe,4HAblB,eAAe,iBAamB,CAAC;AAwBtC,QAAA,MAAM,cAAc,4HAbjB,eAAe,iBAaiB,CAAC;AAGpC,OAAO,EACL,kBAAkB,IAAI,UAAU,EAChC,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,cAAc,IAAI,MAAM,EACxB,iBAAiB,IAAI,SAAS,EAC9B,mBAAmB,IAAI,WAAW,EAClC,eAAe,IAAI,OAAO,GAC3B,CAAC"}

package/dist/src/index.d.ts

@@ -75,6 +75,7 @@ export * from "./TextField";
 export * from "./theme";
 export * from "./Toast";
 export * from "./ToastStack";
+export * from "./labs/Switch";
 export * from "./Tooltip";
 export * from "./Typography";
 export * from "./useUniqueId";

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EACL,WAAW;AACX,4FAA4F;AAC5F,iBAAiB;AACjB,4FAA4F;AAC5F,OAAO;AACP,4FAA4F;AAC5F,cAAc;AACd,4FAA4F;AAC5F,SAAS;AACT,4FAA4F;AAC5F,YAAY;AACZ,4FAA4F;AAC5F,YAAY;AACZ,4FAA4F;AAC5F,aAAa;AACb,4FAA4F;AAC5F,QAAQ;AACR,4FAA4F;AAC5F,KAAK;AACL,4FAA4F;AAC5F,iBAAiB,EACjB,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EACL,WAAW;AACX,4FAA4F;AAC5F,iBAAiB;AACjB,4FAA4F;AAC5F,OAAO;AACP,4FAA4F;AAC5F,cAAc;AACd,4FAA4F;AAC5F,SAAS;AACT,4FAA4F;AAC5F,YAAY;AACZ,4FAA4F;AAC5F,YAAY;AACZ,4FAA4F;AAC5F,aAAa;AACb,4FAA4F;AAC5F,QAAQ;AACR,4FAA4F;AAC5F,KAAK;AACL,4FAA4F;AAC5F,iBAAiB,EACjB,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/src/labs/Switch.d.ts

@@ -0,0 +1,41 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+/// <reference types="react" />
+import { SwitchProps as MuiSwitchProps } from "@mui/material";
+import { FieldComponentProps } from "../FieldComponentProps";
+import type { SeleniumProps } from "../SeleniumProps";
+import { CheckedFieldProps } from "../FormCheckedProps";
+type OnChangeCallbackArguments = {
+    checked: boolean;
+    value: string;
+};
+export type SwitchProps = {
+    /**
+     * if `true`, the label and switch span entire containing element's width
+     */
+    isFullWidth?: boolean;
+    /**
+     * The label text for the Switch
+     */
+    label: string;
+    /**
+     * The change event handler for the Switch
+     */
+    onChange?: ({ checked, value }: OnChangeCallbackArguments) => void;
+    /**
+     * The value attribute of the Switch
+     */
+    value: string;
+} & Pick<FieldComponentProps, "hint" | "id" | "isFullWidth" | "isDisabled" | "name"> & CheckedFieldProps<MuiSwitchProps> & SeleniumProps;
+declare const MemoizedSwitch: import("react").MemoExoticComponent<({ hint, id: _id, isChecked, isDefaultChecked, isDisabled, isFullWidth, label, name: _name, onChange, testId, value, }: SwitchProps) => JSX.Element>;
+export { MemoizedSwitch as Switch };
+//# sourceMappingURL=Switch.d.ts.map

package/dist/src/labs/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/labs/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAWH,OAAO,EAEL,WAAW,IAAI,cAAc,EAE9B,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CACN,mBAAmB,EACnB,MAAM,GAAG,IAAI,GAAG,aAAa,GAAG,YAAY,GAAG,MAAM,CACtD,GACC,iBAAiB,CAAC,cAAc,CAAC,GACjC,aAAa,CAAC;AAkLhB,QAAA,MAAM,cAAc,8JA1GjB,WAAW,iBA0GqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/labs/index.d.ts

@@ -22,4 +22,5 @@ export * from "./StaticTable";
 export * from "./PaginatedTable";
 export * from "./GroupPicker";
 export * from "./VirtualizedAutocomplete";
+export * from "./Switch";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/labs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/labs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAE9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/labs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAE9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAE1C,cAAc,UAAU,CAAC"}

package/dist/src/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAoC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CA4iF5B,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAoC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CAomF5B,CAAC"}

package/dist/theme/components.js

@@ -1237,6 +1237,65 @@ export const components = _ref => {
         }
       }
     },
+    MuiSwitch: {
+      styleOverrides: {
+        root: {
+          position: "relative",
+          padding: `${odysseyTokens.Spacing0} 0`,
+          width: odysseyTokens.Spacing7,
+          height: odysseyTokens.Spacing5,
+          overflow: "visible"
+        },
+        switchBase: _ref17 => {
+          let {
+            ownerState
+          } = _ref17;
+          return {
+            top: odysseyTokens.Spacing1,
+            left: odysseyTokens.Spacing1,
+            padding: `${odysseyTokens.Spacing0} 0`,
+            ...(ownerState.checked === true && {
+              color: `${odysseyTokens.HueNeutralWhite} !important`,
+              transform: `translateX(${odysseyTokens.Spacing4}) !important`
+            }),
+            "&:hover": {
+              backgroundColor: "transparent",
+              ...(ownerState.checked === true && {
+                backgroundColor: "transparent !important"
+              })
+            },
+            "&.Mui-focusVisible": {
+              " + .MuiSwitch-track": {
+                boxShadow: `0 0 0 2px ${odysseyTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyTokens.PalettePrimaryMain}`
+              }
+            }
+          };
+        },
+        thumb: {
+          width: odysseyTokens.Spacing4,
+          height: odysseyTokens.Spacing4,
+          boxShadow: "none"
+        },
+        track: _ref18 => {
+          let {
+            ownerState
+          } = _ref18;
+          return {
+            borderRadius: odysseyTokens.BorderRadiusRound,
+            backgroundColor: `${odysseyTokens.HueNeutral300}`,
+            opacity: 1,
+            ...(ownerState.checked === true && {
+              opacity: "1 !important",
+              backgroundColor: `${odysseyTokens.PaletteSuccessLight} !important`
+            })
+          };
+        },
+        input: {
+          height: "44px",
+          top: "-14px"
+        }
+      }
+    },
     MuiDialog: {
       defaultProps: {
         scroll: "paper"
@@ -1266,10 +1325,10 @@ export const components = _ref => {
     },
     MuiDialogContent: {
       styleOverrides: {
-        root: _ref17 => {
+        root: _ref19 => {
           let {
             ownerState
-          } = _ref17;
+          } = _ref19;
           return {
             paddingBlock: 0,
             paddingInline: odysseyTokens.Spacing6,
@@ -1322,10 +1381,10 @@ export const components = _ref => {
         margin: "normal"
       },
       styleOverrides: {
-        root: _ref18 => {
+        root: _ref20 => {
           let {
             ownerState
-          } = _ref18;
+          } = _ref20;
           return {
             width: "100%",
             maxWidth: odysseyTokens.TypographyLineLengthMax,
@@ -1355,10 +1414,10 @@ export const components = _ref => {
     },
     MuiFormControlLabel: {
       styleOverrides: {
-        root: _ref19 => {
+        root: _ref21 => {
           let {
             ownerState
-          } = _ref19;
+          } = _ref21;
           return {
             gap: odysseyTokens.Spacing2,
             marginInlineStart: 0,
@@ -1473,10 +1532,10 @@ export const components = _ref => {
     },
     MuiInputAdornment: {
       styleOverrides: {
-        root: _ref20 => {
+        root: _ref22 => {
           let {
             ownerState
-          } = _ref20;
+          } = _ref22;
           return {
             display: "flex",
             minWidth: "1.25em",
@@ -1503,11 +1562,11 @@ export const components = _ref => {
         minRows: 3
       },
       styleOverrides: {
-        root: _ref21 => {
+        root: _ref23 => {
           let {
             ownerState,
             theme
-          } = _ref21;
+          } = _ref23;
           return {
             ...theme.typography.body1,
             flex: "1",
@@ -1598,10 +1657,10 @@ export const components = _ref => {
         shrink: false
       },
       styleOverrides: {
-        root: _ref22 => {
+        root: _ref24 => {
           let {
             ownerState
-          } = _ref22;
+          } = _ref24;
           return {
             display: "flex",
             justifyContent: "space-between",
@@ -1730,10 +1789,10 @@ export const components = _ref => {
     },
     MuiMenuItem: {
       styleOverrides: {
-        root: _ref23 => {
+        root: _ref25 => {
           let {
             ownerState
-          } = _ref23;
+          } = _ref25;
           return {
             gap: odysseyTokens.Spacing2,
             minHeight: "unset",
@@ -1856,10 +1915,10 @@ export const components = _ref => {
         checkedIcon: _jsx(_Fragment, {})
       },
       styleOverrides: {
-        root: _ref24 => {
+        root: _ref26 => {
           let {
             theme
-          } = _ref24;
+          } = _ref26;
           return {
             width: `${odysseyTokens.TypographyLineHeightUi}em`,
             height: `${odysseyTokens.TypographyLineHeightUi}em`,
@@ -1982,10 +2041,10 @@ export const components = _ref => {
         color: "inherit"
       },
       styleOverrides: {
-        root: _ref25 => {
+        root: _ref27 => {
           let {
             ownerState
-          } = _ref25;
+          } = _ref27;
           return {
             fontSize: `${odysseyTokens.TypographyLineHeightUi}rem`,
             ...(ownerState.fontSize === "small" && {
@@ -2003,10 +2062,10 @@ export const components = _ref => {
         iconPosition: "start"
       },
       styleOverrides: {
-        root: _ref26 => {
+        root: _ref28 => {
           let {
             ownerState
-          } = _ref26;
+          } = _ref28;
           return {
             maxWidth: `calc(${odysseyTokens.TypographyLineLengthMax} / 2)`,
             minWidth: "unset",
@@ -2076,10 +2135,10 @@ export const components = _ref => {
     },
     MuiTable: {
       styleOverrides: {
-        root: _ref27 => {
+        root: _ref29 => {
           let {
             ownerState
-          } = _ref27;
+          } = _ref29;
           return {
             display: "table",
             width: "auto",
@@ -2113,11 +2172,11 @@ export const components = _ref => {
     },
     MuiTableCell: {
       styleOverrides: {
-        root: _ref28 => {
+        root: _ref30 => {
           let {
             theme,
             ownerState
-          } = _ref28;
+          } = _ref30;
           return {
             ...theme.typography.body1,
             borderBottom: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.HueNeutral100}`,
@@ -2333,10 +2392,10 @@ export const components = _ref => {
             color: odysseyTokens.TypographyColorBody
           }
         },
-        icon: _ref29 => {
+        icon: _ref31 => {
           let {
             ownerState
-          } = _ref29;
+          } = _ref31;
           return {
             ...(ownerState.direction === "asc" && {
               transform: "rotate(180deg) !important"
@@ -2365,10 +2424,10 @@ export const components = _ref => {
         placement: "top"
       },
       styleOverrides: {
-        tooltip: _ref30 => {
+        tooltip: _ref32 => {
           let {
             ownerState
-          } = _ref30;
+          } = _ref32;
           return {
             maxWidth: `calc(${odysseyTokens.TypographyLineLengthMax} / 2)`,
             paddingBlock: odysseyTokens.Spacing2,