@okta/odyssey-react-mui 1.41.1 → 1.43.0

package/dist/types/ui-shell/UiShellProvider.d.ts

@@ -17,16 +17,22 @@ export declare const defaultCloseSideNavMessageBus: MessageBus<void>;
 export declare const defaultSubscribeToCloseRightSideMenu: () => () => void;
 export type UiShellColors = {
     /**
-     * Sets a custom background color for the app content area.
+     * Custom background color for the app content area.
      */
     appBackgroundColor: string;
     /**
-     * Sets a custom background color for the side nav area.
+     * Custom background color for the side nav area.
      */
     sideNavBackgroundColor: string;
+    /**
+     * Custom color for fonts and other contrasted colors in the side nav area. Other contrast colors are derived from this one.
+     *
+     * If not passed, it gets computed from Odyssey.
+     */
+    sideNavBackgroundContrastColor?: string;
     sideNavContrastColors?: ContrastColors;
     /**
-     * Sets a custom background color for the top nav area.
+     * Custom background color for the top nav area.
      */
     topNavBackgroundColor: string;
 };
@@ -53,6 +59,6 @@ export type UiShellProviderProps = {
      */
     appBackgroundContrastMode?: ContrastMode;
 } & Partial<UiShellContext>;
-declare const MemoizedUiShellProvider: import("react").MemoExoticComponent<({ appBackgroundColor, appBackgroundContrastMode, children, closeSideNavMenu, sideNavBackgroundColor, subscribeToCloseRightSideMenu, subscribeToCloseSideNavMenu, topNavBackgroundColor, }: PropsWithChildren<UiShellProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const MemoizedUiShellProvider: import("react").MemoExoticComponent<({ appBackgroundColor, appBackgroundContrastMode, children, closeSideNavMenu, sideNavBackgroundColor, sideNavBackgroundContrastColor, subscribeToCloseRightSideMenu, subscribeToCloseSideNavMenu, topNavBackgroundColor, }: PropsWithChildren<UiShellProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export { MemoizedUiShellProvider as UiShellProvider };
 //# sourceMappingURL=UiShellProvider.d.ts.map

package/dist/types/ui-shell/UiShellProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiShellProvider.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/UiShellProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAGL,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,cAAc,EAEf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAoB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,eAAO,MAAM,6BAA6B,kBAAqB,CAAC;AAChE,eAAO,MAAM,oCAAoC,kBAAiB,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,gBAAgB,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C;;;OAGG;IACH,2BAA2B,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;IAC3D;;;OAGG;IACH,6BAA6B,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;CAC9D,GAAG,aAAa,CAAC;AAIlB,eAAO,MAAM,iBAAiB,kCAE7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,yBAAyB,CAAC,EAAE,YAAY,CAAC;CAC1C,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAqE5B,QAAA,MAAM,uBAAuB,kOA1D1B,iBAAiB,CAAC,oBAAoB,CAAC,sDA0DW,CAAC;AAEtD,OAAO,EAAE,uBAAuB,IAAI,eAAe,EAAE,CAAC"}
+{"version":3,"file":"UiShellProvider.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/UiShellProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAGL,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,cAAc,EAEf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAoB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,eAAO,MAAM,6BAA6B,kBAAqB,CAAC;AAChE,eAAO,MAAM,oCAAoC,kBAAiB,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAC/B;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,gBAAgB,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C;;;OAGG;IACH,2BAA2B,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;IAC3D;;;OAGG;IACH,6BAA6B,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;CAC9D,GAAG,aAAa,CAAC;AAIlB,eAAO,MAAM,iBAAiB,kCAE7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,yBAAyB,CAAC,EAAE,YAAY,CAAC;CAC1C,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAwE5B,QAAA,MAAM,uBAAuB,kQA5D1B,iBAAiB,CAAC,oBAAoB,CAAC,sDA4DW,CAAC;AAEtD,OAAO,EAAE,uBAAuB,IAAI,eAAe,EAAE,CAAC"}

package/dist/types/ui-shell/renderUiShell.d.ts

@@ -33,7 +33,7 @@ export type RenderedUiShell = {
  * 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: ({ appBackgroundColor, appBackgroundContrastMode, appElement: providedAppElement, appElementScrollingMode, breakpointConfig, hasStandardAppContentPadding, initialVisibleSections, onError, onRender, parentElement, sideNavBackgroundColor, topNavBackgroundColor, }: {
+export declare const renderUiShell: ({ appBackgroundColor, appBackgroundContrastMode, appElement: providedAppElement, appElementScrollingMode, breakpointConfig, hasStandardAppContentPadding, initialVisibleSections, onError, onRender, parentElement, sideNavBackgroundColor, sideNavBackgroundContrastColor, topNavBackgroundColor, }: {
     /**
      * Notifies when a React rendering error occurs. This could be useful for logging, reporting priority 0 issues, and recovering UI Shell when errors occur.
      */
@@ -46,7 +46,7 @@ export declare const renderUiShell: ({ appBackgroundColor, appBackgroundContrast
      * HTML element used as the container for UI Shell and the App. They're siblings inside this element.
      */
     parentElement: HTMLElement;
-} & Pick<UiShellProps, "appBackgroundColor" | "appBackgroundContrastMode" | "appElementScrollingMode" | "breakpointConfig" | "hasStandardAppContentPadding" | "initialVisibleSections" | "sideNavBackgroundColor" | "topNavBackgroundColor"> & Partial<Pick<UiShellProps, "appElement">>) => {
+} & Pick<UiShellProps, "appBackgroundColor" | "appBackgroundContrastMode" | "appElementScrollingMode" | "breakpointConfig" | "hasStandardAppContentPadding" | "initialVisibleSections" | "sideNavBackgroundColor" | "sideNavBackgroundContrastColor" | "topNavBackgroundColor"> & Partial<Pick<UiShellProps, "appElement">>) => {
     appElement: HTMLDivElement;
     closeRightSideMenu: PublishMessage<void>;
     closeSideNavMenu: PublishMessage<void>;

package/dist/types/ui-shell/renderUiShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderUiShell.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/renderUiShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAW,YAAY,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAC;AAE1F,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,EAClD,MAAM,CAOP,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAClC,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,EAClD,cAAc,CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzC,gBAAgB,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACvC,iBAAiB,EAAE,UAAU,CAC3B,OAAO,YAAY,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAC9D,CAAC;IACF,eAAe,EAAE,eAAe,CAAC;IACjC,cAAc,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;CAC9D,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;AAE9C;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,GAAI,sQAa3B;IACD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,aAAa,EAAE,WAAW,CAAC;CAC5B,GAAG,IAAI,CACN,YAAY,EACV,oBAAoB,GACpB,2BAA2B,GAC3B,yBAAyB,GACzB,kBAAkB,GAClB,8BAA8B,GAC9B,wBAAwB,GACxB,wBAAwB,GACxB,uBAAuB,CAC1B,GACC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;;;;;;;CAuG1C,CAAC"}
+{"version":3,"file":"renderUiShell.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/renderUiShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAW,YAAY,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAC;AAE1F,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,EAClD,MAAM,CAOP,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAClC,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,EAClD,cAAc,CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzC,gBAAgB,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACvC,iBAAiB,EAAE,UAAU,CAC3B,OAAO,YAAY,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAC9D,CAAC;IACF,eAAe,EAAE,eAAe,CAAC;IACjC,cAAc,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;CAC9D,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;AAE9C;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,GAAI,sSAc3B;IACD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,aAAa,EAAE,WAAW,CAAC;CAC5B,GAAG,IAAI,CACN,YAAY,EACV,oBAAoB,GACpB,2BAA2B,GAC3B,yBAAyB,GACzB,kBAAkB,GAClB,8BAA8B,GAC9B,wBAAwB,GACxB,wBAAwB,GACxB,gCAAgC,GAChC,uBAAuB,CAC1B,GACC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;;;;;;;CAwG1C,CAAC"}

package/dist/types/ui-shell/useElementAtContainerEdge.d.ts

@@ -0,0 +1,43 @@
+/*!
+ * Copyright (c) 2025-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.
+ */
+type EdgeState = {
+    isAtContainerInlineStart: null;
+    isAtContainerInlineEnd: null;
+    isAtContainerBlockStart: null;
+    isAtContainerBlockEnd: null;
+} | {
+    isAtContainerInlineStart: boolean;
+    isAtContainerInlineEnd: boolean;
+    isAtContainerBlockStart: boolean;
+    isAtContainerBlockEnd: boolean;
+};
+/**
+ * Determines if an element is at the edge of its container.
+ *
+ * If `element` is `null`, all returned edge state values will be `null`.
+ */
+export declare function useElementAtContainerEdge({ containerElement, element, monitoringElement, }: {
+    /**
+     * The container element against which the edges are checked. If not provided, it defaults to the document body.
+     */
+    containerElement?: HTMLElement | null;
+    /**
+     * The element whose edges you want to track.
+     */
+    element?: HTMLElement | null;
+    /**
+     * The element whose mutations you want to track. If not provided, it defaults to the parent element of the `element`.
+     */
+    monitoringElement?: HTMLElement | null;
+}): EdgeState;
+export {};
+//# sourceMappingURL=useElementAtContainerEdge.d.ts.map

package/dist/types/ui-shell/useElementAtContainerEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementAtContainerEdge.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/useElementAtContainerEdge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAYH,KAAK,SAAS,GACV;IACE,wBAAwB,EAAE,IAAI,CAAC;IAC/B,sBAAsB,EAAE,IAAI,CAAC;IAC7B,uBAAuB,EAAE,IAAI,CAAC;IAC9B,qBAAqB,EAAE,IAAI,CAAC;CAC7B,GACD;IACE,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,EAAE,OAAO,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEN;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GAClB,EAAE;IACD;;OAEG;IACH,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC,aAgEA"}

package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts

@@ -14,6 +14,6 @@
  * This file is managed by scripts/updateWebComponentVersion.ts and any changes made will be overwritten
  * This script only needs to be run during release, and shouldn't be used during local development.
  */
-declare const _default: "1-41-1";
+declare const _default: "1-43-0";
 export default _default;
 //# sourceMappingURL=odysseyWebComponentVersion.generated.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-react-mui",
-  "version": "1.41.1",
+  "version": "1.43.0",
   "description": "React MUI components for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",
@@ -99,6 +99,7 @@
     "generate:icons:components": "svgr ../odyssey-icons/dist/icons --out-dir ./src/icons.generated",
     "generate:icons:index": "tsx scripts/generateIconsIndex.ts",
     "generate:icons": "yarn generate:icons:clean && yarn generate:icons:components && yarn generate:icons:index",
+    "generate:pseudoLocales": "yarn pseudo-loc generate --resourcePath src/properties",
     "generate:webComponentVersion": "tsx scripts/updateWebComponentVersion.ts",
     "playwright-install": "NODE_TLS_REJECT_UNAUTHORIZED=0 yarn playwright install --with-deps chromium",
     "test": "NODE_ENV=test vitest run --reporter=default",
@@ -107,7 +108,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/atko-eng/odyssey-design-system",
-    "directory": "packages/odyssey-react-mui"
+    "directory": "packages/core/odyssey-react-mui"
   },
   "dependencies": {
     "@dnd-kit/core": "6.0.3",
@@ -122,7 +123,7 @@
     "@mui/system": "^5.17.1",
     "@mui/utils": "^5.17.1",
     "@mui/x-date-pickers": "^7.2.0",
-    "@okta/odyssey-design-tokens": "1.41.1",
+    "@okta/odyssey-design-tokens": "1.43.0",
     "@types/luxon": "^3.4.2",
     "date-fns": "^2.30.0",
     "dom-accessibility-api": "^0.7.0",
@@ -140,9 +141,10 @@
     "@babel/preset-env": "^7.27.1",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@okta/browserslist-config-odyssey": "1.41.1",
-    "@okta/odyssey-icons": "1.41.1",
-    "@okta/odyssey-typescript": "1.41.1",
+    "@okta/browserslist-config-odyssey": "1.43.0",
+    "@okta/odyssey-icons": "1.43.0",
+    "@okta/odyssey-typescript": "1.43.0",
+    "@okta/tools.i18n.pseudo-loc": "^1.0.0-99-gc858246",
     "@svgr/cli": "^7.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -177,5 +179,5 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
-  "gitHead": "070e6c98dbbdffa1912e481926a36b1265e897b5"
+  "gitHead": "f13256d625646768e24f8c357ef1e2e2f3b3ce7d"
 }