@okta/odyssey-react-mui 1.6.1 → 1.6.2

package/dist/src/TextField.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactElement } from "react";
+import { FieldComponentProps } from "./FieldComponentProps";
 import { SeleniumProps } from "./SeleniumProps";
 export declare const textFieldTypeValues: readonly ["email", "number", "tel", "text", "url"];
 export type TextFieldProps = {
@@ -23,46 +24,18 @@ export type TextFieldProps = {
      * End `InputAdornment` for this component.
      */
     endAdornment?: string | ReactElement;
-    /**
-     * If `error` is not undefined, the `input` will indicate an error.
-     */
-    errorMessage?: string;
     /**
      * If `true`, the component will receive focus automatically.
      */
     hasInitialFocus?: boolean;
-    /**
-     * The helper text content.
-     */
-    hint?: string;
-    /**
-     * The id of the `input` element.
-     */
-    id?: string;
-    /**
-     * If `true`, the component is disabled.
-     */
-    isDisabled?: boolean;
     /**
      * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
      */
     isMultiline?: boolean;
-    /**
-     * If `true`, the `input` element is not required.
-     */
-    isOptional?: boolean;
-    /**
-     * It prevents the user from changing the value of the field
-     */
-    isReadOnly?: boolean;
     /**
      * The label for the `input` element.
      */
     label: string;
-    /**
-     * The name of the `input` element. Defaults to the `id` if not set.
-     */
-    name?: string;
     /**
      * Callback fired when the `input` element loses focus.
      */
@@ -91,7 +64,7 @@ export type TextFieldProps = {
      * The value of the `input` element, required for a controlled component.
      */
     value?: string;
-} & SeleniumProps;
+} & FieldComponentProps & SeleniumProps;
 declare const MemoizedTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
     /**
      * This prop helps users to fill forms faster, especially on mobile devices.
@@ -103,46 +76,18 @@ declare const MemoizedTextField: import("react").MemoExoticComponent<import("rea
      * End `InputAdornment` for this component.
      */
     endAdornment?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    /**
-     * If `error` is not undefined, the `input` will indicate an error.
-     */
-    errorMessage?: string | undefined;
     /**
      * If `true`, the component will receive focus automatically.
      */
     hasInitialFocus?: boolean | undefined;
-    /**
-     * The helper text content.
-     */
-    hint?: string | undefined;
-    /**
-     * The id of the `input` element.
-     */
-    id?: string | undefined;
-    /**
-     * If `true`, the component is disabled.
-     */
-    isDisabled?: boolean | undefined;
     /**
      * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
      */
     isMultiline?: boolean | undefined;
-    /**
-     * If `true`, the `input` element is not required.
-     */
-    isOptional?: boolean | undefined;
-    /**
-     * It prevents the user from changing the value of the field
-     */
-    isReadOnly?: boolean | undefined;
     /**
      * The label for the `input` element.
      */
     label: string;
-    /**
-     * The name of the `input` element. Defaults to the `id` if not set.
-     */
-    name?: string | undefined;
     /**
      * Callback fired when the `input` element loses focus.
      */
@@ -171,6 +116,6 @@ declare const MemoizedTextField: import("react").MemoExoticComponent<import("rea
      * The value of the `input` element, required for a controlled component.
      */
     value?: string | undefined;
-} & SeleniumProps & import("react").RefAttributes<HTMLInputElement>>>;
+} & FieldComponentProps & SeleniumProps & import("react").RefAttributes<HTMLInputElement>>>;
 export { MemoizedTextField as TextField };
 //# sourceMappingURL=TextField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,YAAY,EAEb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,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,GAAG,YAAY,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,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,aAAa,CAAC;AAoGlB,QAAA,MAAM,iBAAiB;IAlLrB;;;;OAIG;uBACgB,oBAAoB,gBAAgB,CAAC,CAAC,cAAc,CAAC;IACxE;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;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;;IAEH;;OAEG;;qEAsGoC,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,EAEb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,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,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;AAoGhB,QAAA,MAAM,iBAAiB;IAvJrB;;;;OAIG;uBACgB,oBAAoB,gBAAgB,CAAC,CAAC,cAAc,CAAC;IACxE;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;2FAuGoC,CAAC;AAG1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}

package/dist/src/index.d.ts

@@ -49,6 +49,7 @@ export * from "./createShadowRootElement";
 export * from "./createUniqueId";
 export * from "./Dialog";
 export * from "./Fieldset";
+export * from "./FieldComponentProps";
 export * from "./Form";
 export * from "./Link";
 export * from "./MenuButton";

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,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,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,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,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,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,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"}

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;AAsC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CAq4E5B,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;AAsC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CAq5E5B,CAAC"}

package/dist/theme/components.js

@@ -274,16 +274,33 @@ export const components = _ref => {
     },
     MuiAlertTitle: {
       styleOverrides: {
-        root: {
-          marginBlockStart: 0,
-          marginBlockEnd: odysseyTokens.Spacing2,
-          lineHeight: odysseyTokens.TypographyLineHeightHeading6,
-          fontSize: odysseyTokens.TypographySizeHeading6,
-          fontWeight: odysseyTokens.TypographyWeightHeading,
-          fontFamily: odysseyTokens.TypographyFamilyHeading,
-          [`&:last-child`]: {
-            marginBlockEnd: 0
-          }
+        root: _ref6 => {
+          let {
+            ownerState
+          } = _ref6;
+          return {
+            marginBlockStart: 0,
+            marginBlockEnd: odysseyTokens.Spacing2,
+            lineHeight: odysseyTokens.TypographyLineHeightHeading6,
+            fontSize: odysseyTokens.TypographySizeHeading6,
+            fontWeight: odysseyTokens.TypographyWeightHeading,
+            fontFamily: odysseyTokens.TypographyFamilyHeading,
+            ...(ownerState.severity === "info" && {
+              color: odysseyTokens.PalettePrimaryDark
+            }),
+            ...(ownerState.severity === "error" && {
+              color: odysseyTokens.PaletteDangerDarker
+            }),
+            ...(ownerState.severity === "success" && {
+              color: odysseyTokens.PaletteSuccessDarker
+            }),
+            ...(ownerState.severity === "warning" && {
+              color: odysseyTokens.PaletteWarningDarker
+            }),
+            [`&:last-child`]: {
+              marginBlockEnd: 0
+            }
+          };
         }
       }
     },
@@ -317,10 +334,10 @@ export const components = _ref => {
           marginRight: "unset",
           padding: odysseyTokens.Spacing1
         },
-        endAdornment: _ref6 => {
+        endAdornment: _ref7 => {
           let {
             ownerState
-          } = _ref6;
+          } = _ref7;
           return {
             display: "flex",
             gap: odysseyTokens.Spacing1,
@@ -382,10 +399,10 @@ export const components = _ref => {
           background: "transparent",
           paddingBlockStart: odysseyTokens.Spacing1
         },
-        inputRoot: _ref7 => {
+        inputRoot: _ref8 => {
           let {
             ownerState
-          } = _ref7;
+          } = _ref8;
           return {
             ...(ownerState.readOnly === true && {
               backgroundColor: odysseyTokens.HueNeutral50,
@@ -399,10 +416,10 @@ export const components = _ref => {
     },
     MuiBackdrop: {
       styleOverrides: {
-        root: _ref8 => {
+        root: _ref9 => {
           let {
             ownerState
-          } = _ref8;
+          } = _ref9;
           return {
             backgroundColor: "rgba(29,29,33,0.75)",
             ...(ownerState.invisible === true && {
@@ -449,10 +466,10 @@ export const components = _ref => {
         disableElevation: true
       },
       styleOverrides: {
-        root: _ref9 => {
+        root: _ref10 => {
           let {
             ownerState
-          } = _ref9;
+          } = _ref10;
           return {
             minWidth: "unset",
             paddingBlock: odysseyTokens.Spacing3,
@@ -598,10 +615,10 @@ export const components = _ref => {
             })
           };
         },
-        endIcon: _ref10 => {
+        endIcon: _ref11 => {
           let {
             ownerState
-          } = _ref10;
+          } = _ref11;
           return {
             display: "inline-flex",
             margin: 0,
@@ -611,10 +628,10 @@ export const components = _ref => {
             })
           };
         },
-        startIcon: _ref11 => {
+        startIcon: _ref12 => {
           let {
             ownerState
-          } = _ref11;
+          } = _ref12;
           return {
             display: "inline-flex",
             margin: 0,
@@ -639,10 +656,10 @@ export const components = _ref => {
         indeterminateIcon: _jsx(SubtractIcon, {})
       },
       styleOverrides: {
-        root: _ref12 => {
+        root: _ref13 => {
           let {
             theme
-          } = _ref12;
+          } = _ref13;
           return {
             width: `${odysseyTokens.TypographyLineHeightUi}em`,
             height: `${odysseyTokens.TypographyLineHeightUi}em`,
@@ -716,10 +733,10 @@ export const components = _ref => {
         deleteIcon: _jsx(CloseCircleFilledIcon, {})
       },
       styleOverrides: {
-        root: _ref13 => {
+        root: _ref14 => {
           let {
             ownerState
-          } = _ref13;
+          } = _ref14;
           return {
             height: "auto",
             paddingBlock: `calc(${odysseyTokens.Spacing2} - ${odysseyTokens.BorderWidthMain})`,
@@ -872,20 +889,20 @@ export const components = _ref => {
         variant: "indeterminate"
       },
       styleOverrides: {
-        root: _ref14 => {
+        root: _ref15 => {
           let {
             ownerState
-          } = _ref14;
+          } = _ref15;
           return {
             ...(ownerState.color !== "inherit" && {
               color: odysseyTokens.PalettePrimaryDark
             })
           };
         },
-        circle: _ref15 => {
+        circle: _ref16 => {
           let {
             ownerState
-          } = _ref15;
+          } = _ref16;
           return {
             ...(ownerState.variant === "indeterminate" && {
               strokeDasharray: "160%, 360%"
@@ -1214,10 +1231,10 @@ export const components = _ref => {
     },
     MuiDialogContent: {
       styleOverrides: {
-        root: _ref16 => {
+        root: _ref17 => {
           let {
             ownerState
-          } = _ref16;
+          } = _ref17;
           return {
             paddingBlock: 0,
             paddingInline: odysseyTokens.Spacing6,
@@ -1270,10 +1287,10 @@ export const components = _ref => {
         margin: "normal"
       },
       styleOverrides: {
-        root: _ref17 => {
+        root: _ref18 => {
           let {
             ownerState
-          } = _ref17;
+          } = _ref18;
           return {
             width: "100%",
             maxWidth: odysseyTokens.TypographyLineLengthMax,
@@ -1300,10 +1317,10 @@ export const components = _ref => {
     },
     MuiFormControlLabel: {
       styleOverrides: {
-        root: _ref18 => {
+        root: _ref19 => {
           let {
             ownerState
-          } = _ref18;
+          } = _ref19;
           return {
             gap: odysseyTokens.Spacing2,
             marginInlineStart: 0,
@@ -1408,10 +1425,10 @@ export const components = _ref => {
     },
     MuiInputAdornment: {
       styleOverrides: {
-        root: _ref19 => {
+        root: _ref20 => {
           let {
             ownerState
-          } = _ref19;
+          } = _ref20;
           return {
             display: "flex",
             minWidth: "1.25em",
@@ -1438,11 +1455,11 @@ export const components = _ref => {
         minRows: 3
       },
       styleOverrides: {
-        root: _ref20 => {
+        root: _ref21 => {
           let {
             ownerState,
             theme
-          } = _ref20;
+          } = _ref21;
           return {
             ...theme.typography.body1,
             flex: "1",
@@ -1533,10 +1550,10 @@ export const components = _ref => {
         shrink: false
       },
       styleOverrides: {
-        root: _ref21 => {
+        root: _ref22 => {
           let {
             ownerState
-          } = _ref21;
+          } = _ref22;
           return {
             display: "flex",
             justifyContent: "space-between",
@@ -1658,10 +1675,10 @@ export const components = _ref => {
     },
     MuiMenuItem: {
       styleOverrides: {
-        root: _ref22 => {
+        root: _ref23 => {
           let {
             ownerState
-          } = _ref22;
+          } = _ref23;
           return {
             gap: odysseyTokens.Spacing2,
             minHeight: "unset",
@@ -1784,10 +1801,10 @@ export const components = _ref => {
         checkedIcon: _jsx(_Fragment, {})
       },
       styleOverrides: {
-        root: _ref23 => {
+        root: _ref24 => {
           let {
             theme
-          } = _ref23;
+          } = _ref24;
           return {
             width: `${odysseyTokens.TypographyLineHeightUi}em`,
             height: `${odysseyTokens.TypographyLineHeightUi}em`,
@@ -1910,10 +1927,10 @@ export const components = _ref => {
         color: "inherit"
       },
       styleOverrides: {
-        root: _ref24 => {
+        root: _ref25 => {
           let {
             ownerState
-          } = _ref24;
+          } = _ref25;
           return {
             fontSize: `${odysseyTokens.TypographyLineHeightUi}rem`,
             ...(ownerState.fontSize === "small" && {
@@ -1931,10 +1948,10 @@ export const components = _ref => {
         iconPosition: "start"
       },
       styleOverrides: {
-        root: _ref25 => {
+        root: _ref26 => {
           let {
             ownerState
-          } = _ref25;
+          } = _ref26;
           return {
             maxWidth: `calc(${odysseyTokens.TypographyLineLengthMax} / 2)`,
             minWidth: "unset",
@@ -1988,10 +2005,10 @@ export const components = _ref => {
     },
     MuiTable: {
       styleOverrides: {
-        root: _ref26 => {
+        root: _ref27 => {
           let {
             ownerState
-          } = _ref26;
+          } = _ref27;
           return {
             display: "table",
             width: "auto",
@@ -2023,11 +2040,11 @@ export const components = _ref => {
     },
     MuiTableCell: {
       styleOverrides: {
-        root: _ref27 => {
+        root: _ref28 => {
           let {
             theme,
             ownerState
-          } = _ref27;
+          } = _ref28;
           return {
             ...theme.typography.body1,
             maxWidth: odysseyTokens.TypographyLineLengthMax,
@@ -2168,11 +2185,11 @@ export const components = _ref => {
             }
           }
         },
-        icon: _ref28 => {
+        icon: _ref29 => {
           let {
             theme,
             ownerState
-          } = _ref28;
+          } = _ref29;
           return {
             fontSize: "inherit",
             marginInlineEnd: 0,
@@ -2222,10 +2239,10 @@ export const components = _ref => {
         placement: "top"
       },
       styleOverrides: {
-        tooltip: _ref29 => {
+        tooltip: _ref30 => {
           let {
             ownerState
-          } = _ref29;
+          } = _ref30;
           return {
             maxWidth: `calc(${odysseyTokens.TypographyLineLengthMax} / 2)`,
             paddingBlock: odysseyTokens.Spacing2,