@okta/odyssey-react-mui 1.28.1 → 1.29.0

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

@@ -10,7 +10,10 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { AutocompleteProps } from "../Autocomplete";
-import { TimeZoneOption } from "./useOdysseyDateFields";
+export type TimeZoneOption = {
+    label: string;
+    value: string;
+};
 export type TimeZonePickerProps = {
     label: string;
     onTimeZoneChange?: (timeZone: string | undefined) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"TimeZonePicker.d.ts","sourceRoot":"","sources":["../../../src/labs/TimeZonePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,YAAY,CAAC,CAAC;AA6BxE,QAAA,MAAM,sBAAsB,yGArBzB,mBAAmB,6CAqB6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}
+{"version":3,"file":"TimeZonePicker.d.ts","sourceRoot":"","sources":["../../../src/labs/TimeZonePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,YAAY,CAAC,CAAC;AA6BxE,QAAA,MAAM,sBAAsB,yGArBzB,mBAAmB,6CAqB6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}

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

@@ -13,8 +13,7 @@ export { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 export { LocalizationProvider } from "@mui/x-date-pickers";
 export type { LocalizationProviderProps } from "@mui/x-date-pickers";
 export * from "./AppTile";
-export * from "./DatePicker";
-export * from "./datePickerTheme";
+export * from "./DatePickers";
 export * from "./DataView";
 /** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */
 export * from "./DataTablePagination";
@@ -34,5 +33,4 @@ export * from "./AppSwitcher";
 export * from "./SideNav/NavAccordion";
 export * from "./SideNav";
 export * from "./TopNav";
-export * from "./UiShell";
 //# 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;AAGrE,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,YAAY,CAAC;AAE3B,yGAAyG;AACzG,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,mFAAmF;AACnF,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,mFAAmF;AACnF,cAAc,kBAAkB,CAAC;AAEjC,OAAO;AACL,+FAA+F;AAC/F,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC;AAEvB,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,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;AAGrE,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,YAAY,CAAC;AAE3B,yGAAyG;AACzG,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,mFAAmF;AACnF,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,mFAAmF;AACnF,cAAc,kBAAkB,CAAC;AAEjC,OAAO;AACL,+FAA+F;AAC/F,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC;AAEvB,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}

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

@@ -68,6 +68,7 @@ export declare const translation: {
     "fieldlabel.optional.text": string;
     "fieldlabel.required.text": string;
     "filters.clear.label": string;
+    "filters.submit.label": string;
     "filters.filter.any": string;
     "filters.filter.clear": string;
     "filters.filters.arialabel": string;
@@ -104,6 +105,7 @@ export declare const translation: {
     "table.reorder.tofront": string;
     "table.rows.text": string;
     "table.rows.text_plural": string;
+    "pagination.label": string;
     "pagination.loadmore": string;
     "pagination.next": string;
     "pagination.previous": string;

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

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkoL,CAAC"}
+{"version":3,"file":"odyssey-react-mui.d.ts","sourceRoot":"","sources":["../../../../src/properties/ts/odyssey-react-mui.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAksL,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;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,eAAO,MAAM,UAAU,0EAKpB;IACD,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,YAAY,CAAC;IAC5B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,iBAAiB,CAAC,EAAE,WAAW,CAAC;CACjC,KAAG,YAAY,CAAC,YAAY,CAglG5B,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;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,eAAO,MAAM,UAAU,0EAKpB;IACD,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,YAAY,CAAC;IAC5B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,iBAAiB,CAAC,EAAE,WAAW,CAAC;CACjC,KAAG,YAAY,CAAC,YAAY,CAynG5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/theme/mixins.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,MAAM,uBAEhB;IACD,aAAa,EAAE,YAAY,CAAC;CAC7B,KAAG,YAAY,CAAC,QAAQ,CAOxB,CAAC"}
+{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/theme/mixins.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,MAAM,uBAEhB;IACD,aAAa,EAAE,YAAY,CAAC;CAC7B,KAAG,YAAY,CAAC,QAAQ,CAQxB,CAAC"}

package/dist/src/theme/mixins.types.d.ts

@@ -15,12 +15,14 @@ declare module "@mui/material/styles" {
         borderStyle?: string;
         borderWidth?: string;
         maxWidth?: string;
+        insetFocusRing?: string;
     }
     interface MixinsOptions {
         borderRadius?: string;
         borderStyle?: string;
         borderWidth?: string;
         maxWidth?: string;
+        insetFocusRing?: string;
     }
 }
 export {};

package/dist/src/theme/mixins.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.types.d.ts","sourceRoot":"","sources":["../../../src/theme/mixins.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,MAAM;QACd,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;IAED,UAAU,aAAa;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;CACF;AAED,OAAO,EAAE,CAAC"}
+{"version":3,"file":"mixins.types.d.ts","sourceRoot":"","sources":["../../../src/theme/mixins.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,MAAM;QACd,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB;IAED,UAAU,aAAa;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB;CACF;AAED,OAAO,EAAE,CAAC"}

package/dist/src/{labs → ui-shell}/UiShell/UiShell.d.ts

@@ -27,7 +27,7 @@ export type UiShellProps = {
      * The props coming in this callback go directly to a React state; therefore, it shares the same signature and provides a previous state.
      */
     subscribeToPropChanges: (subscriber: (componentProps: SetStateAction<UiShellNavComponentProps>) => void) => () => void;
-} & Pick<ReactRootElements, "appRootElement" | "stylesRootElement"> & Pick<UiShellContentProps, "appBackgroundContrastMode" | "appComponent" | "initialVisibleSections" | "onError" | "optionalComponents">;
-declare const MemoizedUiShell: import("react").MemoExoticComponent<({ appBackgroundContrastMode, appComponent, appRootElement, initialVisibleSections, onError, onSubscriptionCreated, optionalComponents, stylesRootElement, subscribeToPropChanges, }: UiShellProps) => import("react/jsx-runtime").JSX.Element>;
+} & Pick<ReactRootElements, "appRootElement" | "stylesRootElement"> & Pick<UiShellContentProps, "appBackgroundContrastMode" | "appComponent" | "hasStandardAppContentPadding" | "initialVisibleSections" | "onError" | "optionalComponents">;
+declare const MemoizedUiShell: import("react").MemoExoticComponent<({ appBackgroundContrastMode, appComponent, appRootElement, hasStandardAppContentPadding, initialVisibleSections, onError, onSubscriptionCreated, optionalComponents, stylesRootElement, subscribeToPropChanges, }: UiShellProps) => import("react/jsx-runtime").JSX.Element>;
 export { MemoizedUiShell as UiShell };
 //# sourceMappingURL=UiShell.d.ts.map

package/dist/src/ui-shell/UiShell/UiShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiShell.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/UiShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,eAAO,MAAM,qBAAqB,EAAE,wBAG1B,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC;;;;;OAKG;IACH,sBAAsB,EAAE,CACtB,UAAU,EAAE,CACV,cAAc,EAAE,cAAc,CAAC,wBAAwB,CAAC,KACrD,IAAI,KACN,MAAM,IAAI,CAAC;CACjB,GAAG,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,GACjE,IAAI,CACF,mBAAmB,EACjB,2BAA2B,GAC3B,cAAc,GACd,8BAA8B,GAC9B,wBAAwB,GACxB,SAAS,GACT,oBAAoB,CACvB,CAAC;AA4DJ,QAAA,MAAM,eAAe,0PAxClB,YAAY,6CAwCsB,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}

package/dist/src/{labs → ui-shell}/UiShell/UiShellContent.d.ts

@@ -11,9 +11,9 @@
  */
 import { type ReactElement, type ReactNode } from "react";
 import { ErrorBoundaryProps } from "react-error-boundary";
-import { type AppSwitcherProps } from "../AppSwitcher";
-import { type SideNavProps } from "../SideNav";
-import { type TopNavProps } from "../TopNav";
+import { type AppSwitcherProps } from "../../labs/AppSwitcher";
+import { type SideNavProps } from "../../labs/SideNav";
+import { type TopNavProps } from "../../labs/TopNav";
 import { ContrastMode } from "../../useContrastMode";
 export declare const subComponentNames: readonly ["TopNav", "SideNav", "AppSwitcher"];
 export type SubComponentName = (typeof subComponentNames)[number];
@@ -23,13 +23,13 @@ export type UiShellNavComponentProps = {
      */
     appSwitcherProps?: AppSwitcherProps;
     /**
-     * Object that gets pass directly to the side nav component.
+     * Object that gets pass directly to the side nav component. If `undefined` and in `initialVisibleSections`, SideNav will be initially rendered. Pass `null` to hide a previously-visible SideNav.
      */
-    sideNavProps?: Omit<SideNavProps, "footerComponent">;
+    sideNavProps?: Omit<SideNavProps, "footerComponent"> | null;
     /**
-     * Object that gets pass directly to the top nav component.
+     * Object that gets pass directly to the top nav component. If `undefined` and in `initialVisibleSections`, TopNav will be initially rendered. Pass `null` to hide a previously-visible TopNav.
      */
-    topNavProps?: Omit<TopNavProps, "leftSideComponent" | "rightSideComponent">;
+    topNavProps?: Omit<TopNavProps, "leftSideComponent" | "rightSideComponent"> | null;
 };
 export type UiShellContentProps = {
     /**
@@ -40,6 +40,10 @@ export type UiShellContentProps = {
      * React app component that renders as children in the correct location of the shell.
      */
     appComponent: ReactNode;
+    /**
+     * defaults to `true`. If `false`, the content area will have no padding provided
+     */
+    hasStandardAppContentPadding?: boolean;
     /**
      * Which parts of the UI Shell should be visible initially? For example,
      * if sideNavProps is undefined, should the space for the sidenav be initially visible?
@@ -59,6 +63,6 @@ export type UiShellContentProps = {
         topNavRightSide?: TopNavProps["rightSideComponent"];
     };
 } & UiShellNavComponentProps;
-declare const MemoizedUiShellContent: import("react").MemoExoticComponent<({ appBackgroundContrastMode, appComponent, initialVisibleSections, onError, optionalComponents, appSwitcherProps, sideNavProps, topNavProps, }: UiShellContentProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoizedUiShellContent: import("react").MemoExoticComponent<({ appBackgroundContrastMode, appComponent, hasStandardAppContentPadding, initialVisibleSections, onError, optionalComponents, appSwitcherProps, sideNavProps, topNavProps, }: UiShellContentProps) => import("react/jsx-runtime").JSX.Element>;
 export { MemoizedUiShellContent as UiShellContent };
 //# sourceMappingURL=UiShellContent.d.ts.map

package/dist/src/ui-shell/UiShell/UiShellContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiShellContent.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/UiShellContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAiB,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAEzE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAqErD,eAAO,MAAM,iBAAiB,+CAAgD,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,mBAAmB,GAAG,oBAAoB,CAC3C,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,yBAAyB,CAAC,EAAE,YAAY,CAAC;IACzC;;OAEG;IACH,YAAY,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACxC;;OAEG;IACH,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,YAAY,CAAC;QACvB,aAAa,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAChD,cAAc,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAClD,eAAe,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;KACrD,CAAC;CACH,GAAG,wBAAwB,CAAC;AAuH7B,QAAA,MAAM,sBAAsB,qNApGzB,mBAAmB,6CAoG6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}

package/dist/src/ui-shell/UiShell/bufferLatest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bufferLatest.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/bufferLatest.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,2BAG/B;IACD;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CACnD,aAPkB,KAAK,KAAK,IAmC5B,CAAC"}

package/dist/src/ui-shell/UiShell/createMessageBus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMessageBus.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/createMessageBus.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAEjE,MAAM,MAAM,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,8BAA8B,GAAG,MAAM,IAAI,CAAC;AAExD,MAAM,MAAM,mBAAmB,CAAC,OAAO,IAAI,CACzC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,KAChC,8BAA8B,CAAC;AAEpC,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI;IAChC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,cAAY,UAAU,CAAC,OAAO,CAsBrE,CAAC"}

package/dist/src/ui-shell/UiShell/createStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStore.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/createStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,iBAAiB,KAAK;eAKlD,IAAI,SAAS,MAAM,KAAK,QAAQ,IAAI;eAFpC,IAAI,SAAS,MAAM,KAAK,QAAQ,IAAI;eAIpC,IAAI,SAAS,MAAM,KAAK,QAClC,IAAI,SACH,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;CAU/B,CAAC"}

package/dist/src/ui-shell/UiShell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/{labs → ui-shell}/UiShell/renderUiShell.d.ts

@@ -12,7 +12,6 @@
 import { type SetStateAction } from "react";
 import { UiShellProps } from "./UiShell";
 import { type UiShellNavComponentProps } from "./UiShellContent";
-export declare const uiShellDataAttribute = "data-unified-ui-shell";
 export declare const optionalComponentSlotNames: Record<keyof Required<UiShellProps>["optionalComponents"], string>;
 /**
  * This function renders UI Shell in a web component.
@@ -23,7 +22,7 @@ export declare const optionalComponentSlotNames: Record<keyof Required<UiShellPr
  * It places your app's root element in a web component <slot> and ensures it remains rendered in the event of a UI Shell error.
  * It also provides you with other elements fitted to slots in the web component. **In React, you can portal to these components.**
  */
-export declare const renderUiShell: ({ appBackgroundContrastMode, appRootElement: explicitAppRootElement, initialVisibleSections, onError, uiShellRootElement, }: {
+export declare const renderUiShell: ({ appBackgroundContrastMode, appRootElement: explicitAppRootElement, hasStandardAppContentPadding, initialVisibleSections, onError, uiShellRootElement, }: {
     /**
      * HTML element used as the root for a React app.
      */
@@ -36,10 +35,10 @@ export declare const renderUiShell: ({ appBackgroundContrastMode, appRootElement
      * HTML element used as the root for UI Shell.
      */
     uiShellRootElement: HTMLElement;
-} & Pick<UiShellProps, "appBackgroundContrastMode" | "initialVisibleSections">) => {
+} & Pick<UiShellProps, "appBackgroundContrastMode" | "hasStandardAppContentPadding" | "initialVisibleSections">) => {
     appRootElement: HTMLDivElement;
     setComponentProps: (value: SetStateAction<UiShellNavComponentProps>) => void;
     slottedElements: Record<"banners" | "sideNavFooter" | "topNavLeftSide" | "topNavRightSide", HTMLDivElement>;
-    uiShellElement: import("../../web-component/renderReactInWebComponent").ReactInWebComponentElement;
+    uiShellElement: import("../renderReactInWebComponent").ReactInWebComponentElement;
 };
 //# sourceMappingURL=renderUiShell.d.ts.map

package/dist/src/ui-shell/UiShell/renderUiShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderUiShell.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/renderUiShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAGjE,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,EAClD,MAAM,CAMP,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,8JAOvB;IACD;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,kBAAkB,EAAE,WAAW,CAAC;CACjC,GAAG,IAAI,CACN,YAAY,EACV,2BAA2B,GAC3B,8BAA8B,GAC9B,wBAAwB,CAC3B;;;;;CA2EA,CAAC"}

package/dist/src/{labs → ui-shell}/UiShell/useHasUiShell.d.ts

@@ -9,5 +9,6 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+export declare const uiShellDataAttribute = "data-unified-ui-shell";
 export declare const useHasUiShell: () => boolean;
 //# sourceMappingURL=useHasUiShell.d.ts.map

package/dist/src/ui-shell/UiShell/useHasUiShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHasUiShell.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/useHasUiShell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAE5D,eAAO,MAAM,aAAa,eAQzB,CAAC"}

package/dist/src/ui-shell/UiShell/useScrollState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollState.d.ts","sourceRoot":"","sources":["../../../../src/ui-shell/UiShell/useScrollState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,eAAO,MAAM,cAAc,GACzB,wBAAwB,SAAS,WAAW;;;CAwC7C,CAAC"}

package/dist/src/ui-shell/index.d.ts

@@ -0,0 +1,14 @@
+/*!
+ * 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.
+ */
+export * from "./UiShell";
+export * from "./renderReactInWebComponent";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ui-shell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,WAAW,CAAC;AAC1B,cAAc,6BAA6B,CAAC"}

package/dist/src/{web-component → ui-shell}/renderReactInWebComponent.d.ts

@@ -10,34 +10,14 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { type ReactNode } from "react";
-import type { Root } from "react-dom/client";
-/**
- * Creates elements for a Shadow DOM that Odyssey will render into.
- * The Emotion root is for `<style>` tags and the app root is for an app to render into.
- * These are bare elements that
- */
-export declare const createReactRootElements: () => {
-    /**
-     * The element your React root component renders into.
-     * React has to render or portal somewhere, and this element can be used for that root element.
-     *
-     * In the case of a web component, there is no defined root element, so you have to define it yourself.
-     */
-    appRootElement: HTMLDivElement;
-    /**
-     * In React apps, your styles typically go in `document.head`, but you may want to render them somewhere else.
-     *
-     * Specifically when rendering in a web component, there is no `<head>`, so you have to create a spot for styles to render.
-     */
-    stylesRootElement: HTMLDivElement;
-};
-export type ReactRootElements = ReturnType<typeof createReactRootElements>;
+import { type Root } from "react-dom/client";
+import { type ReactRootElements } from "../web-component";
 export declare const reactWebComponentElementName = "odyssey-react-web-component";
 export type GetReactComponentInWebComponent = (reactRootElements: ReactRootElements) => ReactNode;
 export declare class ReactInWebComponentElement extends HTMLElement {
     getReactComponent: GetReactComponentInWebComponent;
+    reactRoot: Root;
     reactRootElements: ReactRootElements;
-    reactRootPromise: Promise<Root>;
     constructor(getReactComponent: GetReactComponentInWebComponent);
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/src/ui-shell/renderReactInWebComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderReactInWebComponent.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/renderReactInWebComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,4BAA4B,gCAAgC,CAAC;AAE1E,MAAM,MAAM,+BAA+B,GAAG,CAC5C,iBAAiB,EAAE,iBAAiB,KACjC,SAAS,CAAC;AAEf,qBAAa,0BAA2B,SAAQ,WAAW;IACzD,iBAAiB,EAAE,+BAA+B,CAAC;IACnD,SAAS,EAAE,IAAI,CAAC;IAChB,iBAAiB,EAAE,iBAAiB,CAAC;gBAEzB,iBAAiB,EAAE,+BAA+B;IAyB9D,iBAAiB;IAIjB,oBAAoB;CAGrB;AASD,MAAM,MAAM,8BAA8B,GAAG;IAC3C;;;;;;OAMG;IACH,iBAAiB,EAAE,+BAA+B,CAAC;IACnD;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACnD;;;;OAIG;IACH,uBAAuB,EAAE,WAAW,CAAC;CACtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,0EAInC,8BAA8B,+BAehC,CAAC"}

package/dist/src/web-component/index.d.ts

@@ -9,6 +9,5 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-export * from "./renderReactInWebComponent";
 export * from "./shadow-dom";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/web-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web-component/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web-component/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,cAAc,CAAC"}

package/dist/src/web-component/shadow-dom.d.ts

@@ -10,7 +10,28 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 /**
- * @deprecated Use `renderReactInWebComponent` instead. This function was necessary when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component.
+ * Creates elements for a Shadow DOM that Odyssey will render into.
+ * The Emotion root is for `<style>` tags and the app root is for an app to render into.
+ * These are bare elements that
+ */
+export declare const createReactRootElements: () => {
+    /**
+     * The element your React root component renders into.
+     * React has to render or portal somewhere, and this element can be used for that root element.
+     *
+     * In the case of a web component, there is no defined root element, so you have to define it yourself.
+     */
+    appRootElement: HTMLDivElement;
+    /**
+     * In React apps, your styles typically go in `document.head`, but you may want to render them somewhere else.
+     *
+     * Specifically when rendering in a web component, there is no `<head>`, so you have to create a spot for styles to render.
+     */
+    stylesRootElement: HTMLDivElement;
+};
+export type ReactRootElements = ReturnType<typeof createReactRootElements>;
+/**
+ * @deprecated Use `renderReactInWebComponent` from `@okta/odyssey-react-mui/ui-shell` instead. This function was necessary when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component.
  */
 export declare const createShadowDomElements: (containerElement: HTMLElement) => {
     emotionRootElement: HTMLDivElement;
@@ -18,6 +39,6 @@ export declare const createShadowDomElements: (containerElement: HTMLElement) =>
 };
 /**
  * @deprecated Use `createShadowDomElements` instead which returns an object instead of an array. It's otherwise the same.
- * @deprecated Ideally, use `renderReactInWebComponent` instead. This function was necessary when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component. */
+ * @deprecated Ideally, use `renderReactInWebComponent` from `@okta/odyssey-react-mui/ui-shell` instead. This function was necessary when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component. */
 export declare const createShadowRootElement: (containerElement: HTMLElement) => [HTMLStyleElement, HTMLDivElement];
 //# sourceMappingURL=shadow-dom.d.ts.map

package/dist/src/web-component/shadow-dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadow-dom.d.ts","sourceRoot":"","sources":["../../../src/web-component/shadow-dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH;;GAEG;AACH,eAAO,MAAM,uBAAuB,qBAAsB,WAAW;;;CAapE,CAAC;AAEF;;wQAEwQ;AACxQ,eAAO,MAAM,uBAAuB,qBAChB,WAAW,KAC5B,CAAC,gBAAgB,EAAE,cAAc,CAgBnC,CAAC"}
+{"version":3,"file":"shadow-dom.d.ts","sourceRoot":"","sources":["../../../src/web-component/shadow-dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;IAYhC;;;;;OAKG;;IAEH;;;;OAIG;;CAGN,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,uBAAuB,qBAAsB,WAAW;;;CAapE,CAAC;AAEF;;gTAEgT;AAChT,eAAO,MAAM,uBAAuB,qBAChB,WAAW,KAC5B,CAAC,gBAAgB,EAAE,cAAc,CAgBnC,CAAC"}

package/dist/theme/components.js

@@ -376,7 +376,9 @@ export const components = ({
             display: "none"
           })
         }),
-        listbox: {
+        listbox: ({
+          theme
+        }) => ({
           borderWidth: odysseyTokens.BorderWidthMain,
           borderStyle: odysseyTokens.BorderStyleMain,
           borderColor: odysseyTokens.HueNeutral200,
@@ -394,6 +396,13 @@ export const components = ({
             [`&.${autocompleteClasses.focused}`]: {
               backgroundColor: odysseyTokens.HueNeutral100
             },
+            [`&.${autocompleteClasses.focusVisible}`]: {
+              backgroundColor: "transparent",
+              boxShadow: theme.mixins.insetFocusRing,
+              [`&:hover`]: {
+                backgroundColor: odysseyTokens.HueNeutral100
+              }
+            },
             [`&[aria-selected="true"]`]: {
               backgroundColor: "transparent",
               color: odysseyTokens.TypographyColorAction,
@@ -411,7 +420,7 @@ export const components = ({
             marginBlockStart: 0,
             marginBlockEnd: 0
           }
-        },
+        }),
         loading: {
           paddingBlock: odysseyTokens.Spacing3,
           paddingInline: odysseyTokens.Spacing4,
@@ -1937,7 +1946,7 @@ export const components = ({
       styleOverrides: {
         list: {
           paddingBlock: odysseyTokens.Spacing2,
-          paddingInline: odysseyTokens.Spacing2,
+          paddingInline: `${odysseyTokens.Spacing2} !important`,
           borderRadius: odysseyTokens.BorderRadiusMain
         },
         root: {
@@ -1952,7 +1961,8 @@ export const components = ({
     MuiMenuItem: {
       styleOverrides: {
         root: ({
-          ownerState
+          ownerState,
+          theme
         }) => ({
           gap: odysseyTokens.Spacing2,
           minHeight: "unset",
@@ -1989,11 +1999,32 @@ export const components = ({
           [`&.${menuItemClasses.selected}`]: {
             backgroundColor: "transparent",
             color: odysseyTokens.TypographyColorAction,
+            fontWeight: odysseyTokens.TypographyWeightBodyBold,
             "&:hover": {
               backgroundColor: odysseyTokens.PalettePrimaryLighter,
               "@media (hover: none)": {
                 backgroundColor: odysseyTokens.PalettePrimaryLighter
               }
+            },
+            [`&.${menuItemClasses.focusVisible}`]: {
+              backgroundColor: odysseyTokens.PalettePrimaryLighter,
+              color: odysseyTokens.TypographyColorAction,
+              "&:hover": {
+                backgroundColor: odysseyTokens.PalettePrimaryLighter,
+                "@media (hover: none)": {
+                  backgroundColor: odysseyTokens.PalettePrimaryLighter
+                }
+              }
+            }
+          },
+          [`&.${menuItemClasses.focusVisible}`]: {
+            backgroundColor: "transparent",
+            boxShadow: theme.mixins.insetFocusRing,
+            "&:hover": {
+              backgroundColor: odysseyTokens.HueNeutral100,
+              "@media (hover: none)": {
+                backgroundColor: "transparent"
+              }
             }
           },
           "&[data-empty='true']": {
@@ -2008,6 +2039,9 @@ export const components = ({
           ...(ownerState.divider && {
             borderBlockEnd: `1px solid ${odysseyTokens.BorderColorDisplay}`
           }),
+          ...(!ownerState.isFullWidth && {
+            maxWidth: "100%"
+          }),
           [`&.${menuItemClasses.disabled}`]: {
             opacity: 1,
             color: odysseyTokens.TypographyColorDisabled,