@okta/odyssey-react-mui 1.13.11 → 1.14.2

package/dist/src/properties/ts/odyssey-react-mui_nl_NL.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_nl_NL.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_nl_NL.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_nl_NL.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_nl_NL.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAAirB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_nl_NL.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_nl_NL.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAuuB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_pl.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_pl.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_pl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_pl.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_pl.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAA8qB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_pl.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_pl.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAuuB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_pt_BR.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_pt_BR.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_pt_BR.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_pt_BR.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_pt_BR.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAAirB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_pt_BR.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_pt_BR.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAquB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_ro.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_ro.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_ro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_ro.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_ro.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAA6tB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_ro.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_ro.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAixB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_ru.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_ru.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_ru.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_ru.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_ru.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAAqsB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_ru.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_ru.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAA6vB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_sv.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_sv.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_sv.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_sv.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_sv.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAAooB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_sv.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_sv.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAwrB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_th.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_th.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_th.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_th.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAAyrB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_th.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_th.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAuvB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_tr.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_tr.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_tr.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_tr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAAorB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_tr.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_tr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAyuB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_uk.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_uk.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_uk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_uk.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_uk.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAA+sB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_uk.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_uk.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAA8wB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_vi.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_vi.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_vi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_vi.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_vi.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAA2qB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_vi.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_vi.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAAgvB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_zh_CN.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_zh_CN.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_zh_CN.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_zh_CN.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_zh_CN.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAA8iB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_zh_CN.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_zh_CN.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAA2lB,CAAC"}

package/dist/src/properties/ts/odyssey-react-mui_zh_TW.d.ts

@@ -1,6 +1,7 @@
 export declare const translation: {
     "breadcrumbs.home.text": string;
     "breadcrumbs.label.text": string;
+    "close.text": string;
     "fielderror.screenreader.text": string;
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
@@ -10,11 +11,12 @@ export declare const translation: {
     "severity.info": string;
     "severity.success": string;
     "severity.warning": string;
+    "switch.active": string;
+    "switch.inactive": string;
     "table.error": string;
     "table.fetchedrows.text": string;
     "table.fetchedrows.text_plural": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
-    "close.text": string;
 };
 //# sourceMappingURL=odyssey-react-mui_zh_TW.d.ts.map

package/dist/src/properties/ts/odyssey-react-mui_zh_TW.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui_zh_TW.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_zh_TW.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAAgjB,CAAC"}
+{"version":3,"file":"odyssey-react-mui_zh_TW.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui_zh_TW.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAA+lB,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;AAqC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CA+qF5B,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;AAuC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AASvC,eAAO,MAAM,UAAU;mBAIN,YAAY;;MAEzB,YAAY,CAAC,YAAY,CA0uF5B,CAAC"}

package/dist/theme/components.js

@@ -33,9 +33,14 @@ import { tableHeadClasses } from "@mui/material/TableHead";
 import { tableRowClasses } from "@mui/material/TableRow";
 import { tooltipClasses } from "@mui/material/Tooltip";
 import { typographyClasses } from "@mui/material/Typography";
+import { TILE_IMAGE_HEIGHT } from "../Tile.js";
 import { CheckCircleFilledIcon, CheckIcon, ChevronDownIcon, CloseCircleFilledIcon, CloseIcon, DangerDiamondFilledIcon, InformationCircleFilledIcon, SubtractIcon, WarningFilledIcon } from "../icons.generated/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+const drawerSizes = {
+  persistent: "25.714rem",
+  temporary: "28.571rem"
+};
 export const components = ({
   odysseyTokens,
   shadowDomElement
@@ -591,6 +596,9 @@ export const components = ({
             [`.${buttonClasses.endIcon}, .${buttonClasses.startIcon}`]: {
               margin: "0"
             },
+            ...(ownerState.size === "large" && {
+              padding: odysseyTokens.Spacing4
+            }),
             ...(ownerState.size === "small" && {
               padding: odysseyTokens.Spacing2
             }),
@@ -636,7 +644,7 @@ export const components = ({
           position: "relative",
           transition: `all ${odysseyTokens.TransitionDurationMain} ${odysseyTokens.TransitionTimingMain}`,
           "& img": {
-            height: "64px"
+            height: TILE_IMAGE_HEIGHT
           },
           "&.isClickable:hover": {
             backgroundColor: odysseyTokens.HueNeutral50,
@@ -939,6 +947,32 @@ export const components = ({
         }
     `
     },
+    MuiDrawer: {
+      styleOverrides: {
+        root: {},
+        paper: ({
+          ownerState
+        }) => ({
+          width: ownerState.variant === "temporary" ? drawerSizes.temporary : drawerSizes.persistent,
+          display: "flex",
+          overflowY: "auto",
+          flexDirection: "column",
+          flexWrap: "nowrap",
+          justifyContent: "space-between",
+          alignItems: "stretch",
+          alignContent: "flex-end",
+          color: odysseyTokens.HueNeutral700,
+          ...(ownerState.variant === "persistent" && {
+            position: "static",
+            borderRadius: odysseyTokens.BorderRadiusOuter,
+            border: "0"
+          }),
+          ...(ownerState.variant === "temporary" && {
+            boxShadow: odysseyTokens.ShadowScale1
+          })
+        })
+      }
+    },
     MuiScopedCssBaseline: {
       styleOverrides: {
         root: {
@@ -1517,7 +1551,7 @@ export const components = ({
           whiteSpace: "nowrap",
           color: odysseyTokens.TypographyColorSubordinate,
           ...(ownerState.position === "start" && {
-            marginInlineStart: odysseyTokens.Spacing2
+            marginInlineStart: odysseyTokens.Spacing3
           }),
           ...(ownerState.position === "end" && {
             marginInlineEnd: odysseyTokens.Spacing2
@@ -1551,6 +1585,24 @@ export const components = ({
           transition: theme.transitions.create(["border-color", "background-color", "box-shadow"], {
             duration: odysseyTokens.TransitionDurationMain
           }),
+          ["&[data-ods-type='search']"]: {
+            borderColor: odysseyTokens.HueNeutral400,
+            [`& .${inputBaseClasses.input}::placeholder`]: {
+              color: odysseyTokens.TypographyColorSupport,
+              opacity: 1
+            }
+          },
+          ["&[data-ods-variant='filled']"]: {
+            backgroundColor: odysseyTokens.HueNeutral50,
+            borderColor: odysseyTokens.HueNeutral50,
+            [`&:hover`]: {
+              borderColor: odysseyTokens.HueNeutral400
+            },
+            [`&.${inputBaseClasses.focused}`]: {
+              borderColor: odysseyTokens.FocusOutlineColorPrimary,
+              boxShadow: `0 0 0 1px ${odysseyTokens.FocusOutlineColorPrimary}`
+            }
+          },
           ...(ownerState.fullWidth && {
             width: "100%"
           }),
@@ -1571,11 +1623,11 @@ export const components = ({
             borderColor: odysseyTokens.BorderColorDangerControl
           },
           [`&.${inputBaseClasses.error}:hover`]: {
-            borderColor: odysseyTokens.BorderColorDangerDark
+            borderColor: odysseyTokens.HueNeutral900
           },
           [`&.${inputBaseClasses.error}.${inputBaseClasses.focused}`]: {
-            borderColor: odysseyTokens.BorderColorDangerControl,
-            boxShadow: `0 0 0 1px ${odysseyTokens.PaletteDangerMain}`
+            borderColor: odysseyTokens.FocusOutlineColorPrimary,
+            boxShadow: `0 0 0 1px ${odysseyTokens.FocusOutlineColorPrimary}`
           },
           [`&.${inputBaseClasses.disabled}`]: {
             color: odysseyTokens.TypographyColorDisabled,
@@ -1586,8 +1638,7 @@ export const components = ({
           }
         }),
         input: {
-          boxSizing: "border-box",
-          height: "auto",
+          height: `calc(${odysseyTokens.Spacing4} - (${odysseyTokens.BorderWidthMain} * 2))`,
           paddingBlock: odysseyTokens.Spacing3,
           paddingInline: odysseyTokens.Spacing3,
           boxShadow: "none",
@@ -1600,7 +1651,7 @@ export const components = ({
           },
           [`label[data-shrink=false] + .${inputBaseClasses.formControl} &`]: {
             "&::placeholder": {
-              color: odysseyTokens.TypographyColorSubordinate,
+              color: odysseyTokens.TypographyColorSupport,
               opacity: "1 !important"
             }
           },
@@ -1980,6 +2031,7 @@ export const components = ({
         select: {
           paddingBlock: odysseyTokens.Spacing3,
           paddingInline: odysseyTokens.Spacing3,
+          minHeight: 0,
           "&:focus": {
             backgroundColor: "transparent"
           },