@okta/odyssey-react-mui 1.27.0 → 1.28.1

package/dist/src/labs/TopNav/UserProfileMenuButton.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * Copyright (c) 2024-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.
+ */
+import { UserProfileProps } from "./UserProfile";
+import { AdditionalBaseMenuButtonProps, BaseMenuButtonProps } from "../../Buttons/BaseMenuButton";
+export type UserProfileMenuButtonProps = Omit<BaseMenuButtonProps, "endIcon" | "variant"> & AdditionalBaseMenuButtonProps & UserProfileProps;
+declare const MemoizedUserProfileMenuButton: import("react").MemoExoticComponent<(props: UserProfileMenuButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedUserProfileMenuButton as UserProfileMenuButton };
+//# sourceMappingURL=UserProfileMenuButton.d.ts.map

package/dist/src/labs/TopNav/UserProfileMenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/UserProfileMenuButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EACL,6BAA6B,EAE7B,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,mBAAmB,EACnB,SAAS,GAAG,SAAS,CACtB,GACC,6BAA6B,GAC7B,gBAAgB,CAAC;AA2BnB,QAAA,MAAM,6BAA6B,8CAzBG,0BAA0B,6CAyBC,CAAC;AAGlE,OAAO,EAAE,6BAA6B,IAAI,qBAAqB,EAAE,CAAC"}

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

@@ -11,4 +11,5 @@
  */
 export * from "./TopNav";
 export * from "./UserProfile";
+export * from "./UserProfileMenuButton";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC"}

package/dist/src/labs/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, "appComponent" | "onError" | "optionalComponents">;
-declare const MemoizedUiShell: import("react").MemoExoticComponent<({ appComponent, appRootElement, onError, onSubscriptionCreated, optionalComponents, stylesRootElement, subscribeToPropChanges, }: UiShellProps) => import("react/jsx-runtime").JSX.Element>;
+} & 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>;
 export { MemoizedUiShell as UiShell };
 //# sourceMappingURL=UiShell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiShell.d.ts","sourceRoot":"","sources":["../../../../src/labs/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,wBAM1B,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,CAAC,mBAAmB,EAAE,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAAC,CAAC;AAsD/E,QAAA,MAAM,eAAe,yKArClB,YAAY,6CAqCsB,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"UiShell.d.ts","sourceRoot":"","sources":["../../../../src/labs/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,wBAAwB,GACxB,SAAS,GACT,oBAAoB,CACvB,CAAC;AA0DJ,QAAA,MAAM,eAAe,4NAvClB,YAAY,6CAuCsB,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}

package/dist/src/labs/UiShell/UiShellContent.d.ts

@@ -11,9 +11,17 @@
  */
 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 { ContrastMode } from "../../useContrastMode";
+export declare const subComponentNames: readonly ["TopNav", "SideNav", "AppSwitcher"];
+export type SubComponentName = (typeof subComponentNames)[number];
 export type UiShellNavComponentProps = {
+    /**
+     * Object that gets pass directly to the app switcher component.
+     */
+    appSwitcherProps?: AppSwitcherProps;
     /**
      * Object that gets pass directly to the side nav component.
      */
@@ -21,13 +29,22 @@ export type UiShellNavComponentProps = {
     /**
      * Object that gets pass directly to the top nav component.
      */
-    topNavProps: Omit<TopNavProps, "leftSideComponent" | "rightSideComponent">;
+    topNavProps?: Omit<TopNavProps, "leftSideComponent" | "rightSideComponent">;
 };
 export type UiShellContentProps = {
+    /**
+     * Sets the background color for the app content area.
+     */
+    appBackgroundContrastMode?: ContrastMode;
     /**
      * React app component that renders as children in the correct location of the shell.
      */
     appComponent: ReactNode;
+    /**
+     * 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?
+     */
+    initialVisibleSections?: SubComponentName[];
     /**
      * Notifies when a React rendering error occurs. This could be useful for logging, flagging "p0"s, and recovering UI Shell when errors occur.
      */
@@ -42,6 +59,6 @@ export type UiShellContentProps = {
         topNavRightSide?: TopNavProps["rightSideComponent"];
     };
 } & UiShellNavComponentProps;
-declare const MemoizedUiShellContent: import("react").MemoExoticComponent<({ appComponent, onError, optionalComponents, sideNavProps, topNavProps, }: UiShellContentProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoizedUiShellContent: import("react").MemoExoticComponent<({ appBackgroundContrastMode, appComponent, 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/labs/UiShell/UiShellContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiShellContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/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,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAkDrD,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IACrD;;OAEG;IACH,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,mBAAmB,GAAG,oBAAoB,CAAC,CAAC;CAC5E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,YAAY,EAAE,SAAS,CAAC;IACxB;;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;AAsE7B,QAAA,MAAM,sBAAsB,kHAvDzB,mBAAmB,6CAuD6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}
+{"version":3,"file":"UiShellContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/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,gBAAgB,CAAC;AACpE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAMrD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyDrD,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,CAAC;IACrD;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,mBAAmB,GAAG,oBAAoB,CAAC,CAAC;CAC7E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,yBAAyB,CAAC,EAAE,YAAY,CAAC;IACzC;;OAEG;IACH,YAAY,EAAE,SAAS,CAAC;IACxB;;;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;AA6G7B,QAAA,MAAM,sBAAsB,uLA3FzB,mBAAmB,6CA2F6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}

package/dist/src/labs/UiShell/renderUiShell.d.ts

@@ -23,7 +23,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: ({ appRootElement: explicitAppRootElement, onError, uiShellRootElement, }: {
+export declare const renderUiShell: ({ appBackgroundContrastMode, appRootElement: explicitAppRootElement, initialVisibleSections, onError, uiShellRootElement, }: {
     /**
      * HTML element used as the root for a React app.
      */
@@ -36,7 +36,7 @@ export declare const renderUiShell: ({ appRootElement: explicitAppRootElement, o
      * HTML element used as the root for UI Shell.
      */
     uiShellRootElement: HTMLElement;
-}) => {
+} & Pick<UiShellProps, "appBackgroundContrastMode" | "initialVisibleSections">) => {
     appRootElement: HTMLDivElement;
     setComponentProps: (value: SetStateAction<UiShellNavComponentProps>) => void;
     slottedElements: Record<"banners" | "sideNavFooter" | "topNavLeftSide" | "topNavRightSide", HTMLDivElement>;

package/dist/src/labs/UiShell/renderUiShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderUiShell.d.ts","sourceRoot":"","sources":["../../../../src/labs/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;AAEjE,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAE5D,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,EAClD,MAAM,CAMP,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,6EAIvB;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;;;;;CAwEA,CAAC"}
+{"version":3,"file":"renderUiShell.d.ts","sourceRoot":"","sources":["../../../../src/labs/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;AAEjE,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAE5D,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,EAClD,MAAM,CAMP,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,gIAMvB;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,EACZ,2BAA2B,GAAG,wBAAwB,CACvD;;;;;CA0EA,CAAC"}

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

@@ -30,6 +30,7 @@ export * from "./PaginatedTable";
 export { 
 /** @deprecated Will be removed in a future Odyssey version. Use `PickerWithOptionAdornment` */
 GroupPicker, type GroupPickerOptionType, type GroupPickerProps, } from "./GroupPicker";
+export * from "./AppSwitcher";
 export * from "./SideNav/NavAccordion";
 export * from "./SideNav";
 export * from "./TopNav";

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,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;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"}

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,CAmlG5B,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,CAglG5B,CAAC"}

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

@@ -10,7 +10,7 @@
  * 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";
+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.
@@ -36,8 +36,8 @@ 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/web-component/renderReactInWebComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderReactInWebComponent.d.ts","sourceRoot":"","sources":["../../../src/web-component/renderReactInWebComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;IAYhC;;;;;OAKG;;IAEH;;;;OAIG;;CAGN,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE3E,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"}
+{"version":3,"file":"renderReactInWebComponent.d.ts","sourceRoot":"","sources":["../../../src/web-component/renderReactInWebComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;IAYhC;;;;;OAKG;;IAEH;;;;OAIG;;CAGN,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE3E,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,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;gBAEpB,iBAAiB,EAAE,+BAA+B;IA4B9D,iBAAiB;IAMjB,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/theme/components.js

@@ -579,7 +579,7 @@ export const components = ({
               "&:hover": {
                 backgroundColor: odysseyTokens.PalettePrimaryDark
               },
-              "&:active": {
+              "&:active, &[aria-expanded='true']": {
                 backgroundColor: odysseyTokens.PalettePrimaryDarker
               },
               "&:disabled": {
@@ -592,24 +592,18 @@ export const components = ({
               borderColor: odysseyTokens.HueNeutral300,
               color: odysseyTokens.TypographyColorBody,
               "&:hover": {
-                backgroundColor: odysseyTokens.HueNeutral100
+                backgroundColor: odysseyTokens.HueNeutral200,
+                borderColor: odysseyTokens.HueNeutral400
               },
-              "&:active": {
+              "&:active, &[aria-expanded='true']": {
                 backgroundColor: "transparent",
                 borderColor: odysseyTokens.BorderColorPrimaryControl,
                 color: odysseyTokens.TypographyColorAction
               },
               "&:disabled": {
-                ...(contrastMode === "highContrast" && {
-                  backgroundColor: odysseyTokens.HueNeutral200,
-                  borderColor: "transparent",
-                  color: odysseyTokens.TypographyColorDisabled
-                }),
-                ...(contrastMode === "lowContrast" && {
-                  backgroundColor: odysseyTokens.HueNeutral100,
-                  borderColor: "transparent",
-                  color: odysseyTokens.TypographyColorDisabled
-                })
+                backgroundColor: odysseyTokens.HueNeutral200,
+                borderColor: "transparent",
+                color: odysseyTokens.TypographyColorDisabled
               }
             }),
             ...(ownerState.variant === "danger" && {
@@ -621,7 +615,7 @@ export const components = ({
               "&:focus-visible": {
                 boxShadow: `0 0 0 2px ${odysseyTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyTokens.PaletteDangerMain}`
               },
-              "&:active": {
+              "&:active, &[aria-expanded='true']": {
                 backgroundColor: odysseyTokens.PaletteDangerDarker
               },
               "&:disabled": {
@@ -634,17 +628,18 @@ export const components = ({
               borderColor: odysseyTokens.HueNeutral300,
               color: odysseyTokens.PaletteDangerMain,
               "&:hover": {
-                backgroundColor: odysseyTokens.HueNeutral100,
+                backgroundColor: odysseyTokens.HueNeutral200,
+                borderColor: odysseyTokens.HueNeutral400,
                 color: odysseyTokens.PaletteDangerMain
               },
-              "&:active": {
+              "&:active, &[aria-expanded='true']": {
                 backgroundColor: "transparent",
                 borderColor: odysseyTokens.PaletteDangerMain,
                 color: odysseyTokens.PaletteDangerMain
               },
               "&:disabled": {
-                backgroundColor: "transparent",
-                borderColor: odysseyTokens.PaletteDangerLight,
+                backgroundColor: odysseyTokens.PaletteDangerHighlight,
+                borderColor: "transparent",
                 color: odysseyTokens.PaletteDangerLight
               }
             }),
@@ -652,11 +647,13 @@ export const components = ({
               backgroundColor: "transparent",
               color: odysseyTokens.TypographyColorBody,
               "&:hover": {
-                backgroundColor: odysseyTokens.HueNeutral100
-              },
-              "&:active": {
                 backgroundColor: odysseyTokens.HueNeutral200
               },
+              "&:active, &[aria-expanded='true']": {
+                backgroundColor: "transparent",
+                color: odysseyTokens.HueBlue600,
+                borderColor: odysseyTokens.HueBlue600
+              },
               "&:disabled": {
                 backgroundColor: "transparent",
                 color: odysseyTokens.TypographyColorDisabled
@@ -666,11 +663,12 @@ export const components = ({
               backgroundColor: "transparent",
               color: odysseyTokens.TypographyColorAction,
               "&:hover": {
-                backgroundColor: odysseyTokens.HueNeutral100
-              },
-              "&:active": {
                 backgroundColor: odysseyTokens.HueNeutral200
               },
+              "&:active, &[aria-expanded='true']": {
+                backgroundColor: "transparent",
+                borderColor: odysseyTokens.HueBlue600
+              },
               "&:disabled": {
                 backgroundColor: "transparent",
                 color: odysseyTokens.TypographyColorDisabled
@@ -738,8 +736,8 @@ export const components = ({
           position: "relative",
           transition: `all ${odysseyTokens.TransitionDurationMain} ${odysseyTokens.TransitionTimingMain}`,
           "&.ods-card-compact": {
-            marginBlockEnd: odysseyTokens.Spacing3,
-            padding: odysseyTokens.Spacing3
+            marginBlockEnd: odysseyTokens.Spacing2,
+            padding: odysseyTokens.Spacing4
           },
           "& img": {
             maxHeight: "100%",
@@ -2397,7 +2395,7 @@ export const components = ({
           ownerState
         }) => ({
           display: "table",
-          width: "auto",
+          width: "100%",
           borderCollapse: "separate",
           borderSpacing: 0,
           marginBlock: odysseyTokens.Spacing0,