@oracle/oraclejet 12.0.4 → 12.1.2

package/dist/scss/common/helpers/_oj.common.helpers.scss

@@ -29,7 +29,7 @@
       $themeRootMap: map-merge($themeRootMap, (targetPlatform: $themeTargetPlatform));
   }
   $themeRootMap: map-merge($themeRootMap, (behavior: "alta"));
-  $themeRootMap: map-merge($themeRootMap, (jetReleaseVersion: "v12.0.4"));
+  $themeRootMap: map-merge($themeRootMap, (jetReleaseVersion: "v12.1.2"));
 
   .oj-theme-json {
       font-family: oj-json-from-map($themeRootMap);

package/dist/scss/common/widgets/_oj.common.treeview.scss

@@ -114,6 +114,7 @@
 			width: 100%;
 			display: inline-block;
 			vertical-align: middle;
+			box-sizing: border-box;
 			padding-inline-start: 0.5rem;
 			padding-inline-end: 0.5rem;
 		}

package/dist/types/ojchart/index.d.ts

@@ -6,8 +6,8 @@ import { dvtBaseComponent, dvtBaseComponentEventMap, dvtBaseComponentSettablePro
 import { JetElement, JetSettableProperties, JetElementCustomEvent, JetSetPropertyType } from '..';
 export interface ojChart<K, D extends ojChart.DataItem<I> | any, I extends Array<ojChart.Item<any, null>> | number[] | null, C extends ojChart<K, D, I, null> |
    null> extends dvtBaseComponent<ojChartSettableProperties<K, D, I, C>> {
-    animationOnDataChange?: 'auto' | 'slideToLeft' | 'slideToRight' | 'none';
-    animationOnDisplay?: 'auto' | 'alphaFade' | 'zoom' | 'none';
+    animationOnDataChange?: 'slideToLeft' | 'slideToRight' | 'auto' | 'none';
+    animationOnDisplay?: 'alphaFade' | 'zoom' | 'auto' | 'none';
     as?: string;
     coordinateSystem?: 'polar' | 'cartesian';
     data: DataProvider<K, D> | null;
@@ -438,7 +438,7 @@ export namespace ojChart {
         tooltipLabel?: string;
     };
     // tslint:disable-next-line interface-over-type-literal
-    type ChartType = 'line' | 'area' | 'lineWithArea' | 'stock' | 'boxPlot' | 'combo' | 'pie' | 'scatter' | 'bubble' | 'funnel' | 'pyramid' | 'bar';
+    type ChartType = 'line' | 'area' | 'lineWithArea' | 'bar' | 'stock' | 'boxPlot' | 'combo' | 'pie' | 'scatter' | 'bubble' | 'funnel' | 'pyramid';
     // tslint:disable-next-line interface-over-type-literal
     type DataCursorDefaults = {
         lineColor?: string;
@@ -867,7 +867,7 @@ export namespace ojChart {
         id?: string | number;
         items?: (Array<Item<K, Array<Item<any, null>> | number[] | null>> | number[]);
         lineStyle?: LineStyle;
-        lineType?: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight' | 'none' | 'auto';
+        lineType?: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'straight' | 'auto';
         lineWidth?: number;
         markerColor?: string;
         markerDisplayed?: 'on' | 'off' | 'auto';
@@ -887,7 +887,7 @@ export namespace ojChart {
         stackCategory?: string;
         svgClassName?: string;
         svgStyle?: Partial<CSSStyleDeclaration>;
-        type?: 'bar' | 'line' | 'area' | 'lineWithArea' | 'candlestick' | 'boxPlot' | 'auto';
+        type?: 'line' | 'area' | 'lineWithArea' | 'bar' | 'candlestick' | 'boxPlot' | 'auto';
     };
     // tslint:disable-next-line interface-over-type-literal
     type SeriesContext = {
@@ -1202,8 +1202,8 @@ export interface ojChartEventMap<K, D extends ojChart.DataItem<I> | any, I exten
 }
 export interface ojChartSettableProperties<K, D extends ojChart.DataItem<I> | any, I extends Array<ojChart.Item<any, null>> | number[] | null, C extends ojChart<K, D, I, null> |
    null> extends dvtBaseComponentSettableProperties {
-    animationOnDataChange?: 'auto' | 'slideToLeft' | 'slideToRight' | 'none';
-    animationOnDisplay?: 'auto' | 'alphaFade' | 'zoom' | 'none';
+    animationOnDataChange?: 'slideToLeft' | 'slideToRight' | 'auto' | 'none';
+    animationOnDisplay?: 'alphaFade' | 'zoom' | 'auto' | 'none';
     as?: string;
     coordinateSystem?: 'polar' | 'cartesian';
     data: DataProvider<K, D> | null;
@@ -1586,7 +1586,7 @@ export interface ojChartSeries extends JetElement<ojChartSeriesSettablePropertie
     displayInLegend?: 'on' | 'off' | 'auto';
     drilling?: 'on' | 'off' | 'inherit';
     lineStyle?: ojChart.LineStyle;
-    lineType?: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight' | 'none' | 'auto';
+    lineType?: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'straight' | 'auto';
     lineWidth?: number;
     markerColor?: string;
     markerDisplayed?: 'on' | 'off' | 'auto';
@@ -1606,7 +1606,7 @@ export interface ojChartSeries extends JetElement<ojChartSeriesSettablePropertie
     stackCategory?: string;
     svgClassName?: string;
     svgStyle?: Partial<CSSStyleDeclaration>;
-    type?: 'bar' | 'line' | 'area' | 'lineWithArea' | 'candlestick' | 'boxPlot' | 'auto';
+    type?: 'line' | 'area' | 'lineWithArea' | 'bar' | 'candlestick' | 'boxPlot' | 'auto';
     addEventListener<T extends keyof ojChartSeriesEventMap>(type: T, listener: (this: HTMLElement, ev: ojChartSeriesEventMap[T]) => any, options?: (boolean | AddEventListenerOptions)): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: (boolean | AddEventListenerOptions)): void;
     getProperty<T extends keyof ojChartSeriesSettableProperties>(property: T): ojChartSeries[T];
@@ -1728,7 +1728,7 @@ export interface ojChartSeriesSettableProperties extends JetSettableProperties {
     displayInLegend?: 'on' | 'off' | 'auto';
     drilling?: 'on' | 'off' | 'inherit';
     lineStyle?: ojChart.LineStyle;
-    lineType?: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'straight' | 'none' | 'auto';
+    lineType?: 'curved' | 'stepped' | 'centeredStepped' | 'segmented' | 'centeredSegmented' | 'none' | 'straight' | 'auto';
     lineWidth?: number;
     markerColor?: string;
     markerDisplayed?: 'on' | 'off' | 'auto';
@@ -1748,7 +1748,7 @@ export interface ojChartSeriesSettableProperties extends JetSettableProperties {
     stackCategory?: string;
     svgClassName?: string;
     svgStyle?: Partial<CSSStyleDeclaration>;
-    type?: 'bar' | 'line' | 'area' | 'lineWithArea' | 'candlestick' | 'boxPlot' | 'auto';
+    type?: 'line' | 'area' | 'lineWithArea' | 'bar' | 'candlestick' | 'boxPlot' | 'auto';
 }
 export interface ojChartSeriesSettablePropertiesLenient extends Partial<ojChartSeriesSettableProperties> {
     [key: string]: any;

package/dist/types/ojdrawerlayout/ojdrawerlayout.d.ts

@@ -7,18 +7,22 @@ import 'ojs/ojcore-base';
 import 'ojs/ojpopup';
 declare type DisplayMode = 'reflow' | 'overlay' | 'auto';
 declare type ResolvedDisplayMode = 'reflow' | 'overlay' | 'full-overlay';
-declare type EdgeLayout = 'start' | 'end';
+declare type EdgeLayout = 'start' | 'end' | 'bottom';
 declare type State = {
     startOpened: boolean;
     endOpened: boolean;
+    bottomOpened: boolean;
     startDisplay: DisplayMode;
     endDisplay: DisplayMode;
+    bottomDisplay: DisplayMode;
     startShouldChangeDisplayMode: boolean;
     endShouldChangeDisplayMode: boolean;
+    bottomShouldChangeDisplayMode: boolean;
     viewportResolvedDisplayMode: ResolvedDisplayMode;
     lastlyOpenedDrawer: EdgeLayout;
     startStateToChangeTo: GenericObject;
     endStateToChangeTo: GenericObject;
+    bottomStateToChangeTo: GenericObject;
 };
 declare type GenericObject = {
     [key: string]: any;
@@ -27,12 +31,16 @@ declare type Props = ObservedGlobalProps<'role'> & {
     children?: ComponentChildren;
     start?: Slot;
     end?: Slot;
+    bottom?: Slot;
     startOpened?: boolean;
     onStartOpenedChanged?: PropertyChanged<boolean>;
     endOpened?: boolean;
     onEndOpenedChanged?: PropertyChanged<boolean>;
+    bottomOpened?: boolean;
+    onBottomOpenedChanged?: PropertyChanged<boolean>;
     startDisplay?: DisplayMode;
     endDisplay?: DisplayMode;
+    bottomDisplay?: DisplayMode;
 };
 export declare class DrawerLayout extends Component<ExtendGlobalProps<Props>, State> {
     private readonly rootRef;
@@ -40,12 +48,18 @@ export declare class DrawerLayout extends Component<ExtendGlobalProps<Props>, St
     private readonly startRef;
     private readonly endWrapperRef;
     private readonly endRef;
+    private readonly bottomWrapperRef;
+    private readonly bottomRef;
+    private readonly middleSectionRef;
     private readonly mainSectionRef;
     private startOpenedPrevState;
     private endOpenedPrevState;
+    private bottomOpenedPrevState;
     private startClosedWithEsc;
     private endClosedWithEsc;
-    private drawerResizeHandler;
+    private bottomClosedWithEsc;
+    private overlayDrawerResizeListener;
+    private reflowDrawerResizeListener;
     private handleResize;
     static readonly defaultProps: Partial<Props>;
     readonly state: State;
@@ -85,15 +99,17 @@ export declare class DrawerLayout extends Component<ExtendGlobalProps<Props>, St
     private getStateToChangeTo;
     private getPopupServiceOptions;
     private beforeOpenHandler;
+    private setBottomOverlayDrawerWidth;
     private afterOpenHandler;
-    private drawerResizeCallback;
+    private overlayDrawerResizeCallback;
+    private reflowDrawerResizeCallback;
     private handleFocus;
     private beforeCloseHandler;
     private afterCloseHandler;
     private lockResizeListener;
     private resizeHandler;
     private getDrawerPosition;
-    private setOverlayDrawersHeight;
+    private setStartEndOverlayDrawersHeight;
 }
 // Custom Element interfaces
 export interface DrawerLayoutElement extends JetElement<DrawerLayoutElementSettableProperties>, DrawerLayoutElementSettableProperties {
@@ -106,6 +122,10 @@ export interface DrawerLayoutElement extends JetElement<DrawerLayoutElementSetta
   setProperties(properties: DrawerLayoutElementSettablePropertiesLenient): void;
 }
 export namespace DrawerLayoutElement {
+  // tslint:disable-next-line interface-over-type-literal
+  type bottomDisplayChanged = JetElementCustomEventStrict<DrawerLayoutElement["bottomDisplay"]>;
+  // tslint:disable-next-line interface-over-type-literal
+  type bottomOpenedChanged = JetElementCustomEventStrict<DrawerLayoutElement["bottomOpened"]>;
   // tslint:disable-next-line interface-over-type-literal
   type endDisplayChanged = JetElementCustomEventStrict<DrawerLayoutElement["endDisplay"]>;
   // tslint:disable-next-line interface-over-type-literal
@@ -116,12 +136,22 @@ export namespace DrawerLayoutElement {
   type startOpenedChanged = JetElementCustomEventStrict<DrawerLayoutElement["startOpened"]>;
 }
 export interface DrawerLayoutElementEventMap extends HTMLElementEventMap {
+  'bottomDisplayChanged': JetElementCustomEventStrict<DrawerLayoutElement["bottomDisplay"]>;
+  'bottomOpenedChanged': JetElementCustomEventStrict<DrawerLayoutElement["bottomOpened"]>;
   'endDisplayChanged': JetElementCustomEventStrict<DrawerLayoutElement["endDisplay"]>;
   'endOpenedChanged': JetElementCustomEventStrict<DrawerLayoutElement["endOpened"]>;
   'startDisplayChanged': JetElementCustomEventStrict<DrawerLayoutElement["startDisplay"]>;
   'startOpenedChanged': JetElementCustomEventStrict<DrawerLayoutElement["startOpened"]>;
 }
 export interface DrawerLayoutElementSettableProperties extends JetSettableProperties {
+  /**
+  * Specifies the display mode of the Bottom drawer.
+  */
+  bottomDisplay?: Props['bottomDisplay'];
+  /**
+  * Specifies the 'opened' state of the Bottom drawer.
+  */
+  bottomOpened?: Props['bottomOpened'];
   /**
   * Specifies the display mode of the End drawer.
   */
@@ -144,6 +174,8 @@ export interface DrawerLayoutElementSettablePropertiesLenient extends Partial<Dr
 }
 export interface DrawerLayoutIntrinsicProps extends Partial<Readonly<DrawerLayoutElementSettableProperties>>, GlobalProps, Pick<preact.JSX.HTMLAttributes, 'ref' | 'key'> {
   children?: ComponentChildren;
+  onbottomDisplayChanged?: (value: DrawerLayoutElementEventMap['bottomDisplayChanged']) => void;
+  onbottomOpenedChanged?: (value: DrawerLayoutElementEventMap['bottomOpenedChanged']) => void;
   onendDisplayChanged?: (value: DrawerLayoutElementEventMap['endDisplayChanged']) => void;
   onendOpenedChanged?: (value: DrawerLayoutElementEventMap['endOpenedChanged']) => void;
   onstartDisplayChanged?: (value: DrawerLayoutElementEventMap['startDisplayChanged']) => void;

package/dist/types/ojlistview/index.d.ts

@@ -85,6 +85,7 @@ export interface ojListView<K, D> extends baseComponent<ojListViewSettableProper
         labelPaste?: string;
         labelPasteAfter?: string;
         labelPasteBefore?: string;
+        msgFetchCompleted?: string;
         msgFetchingData?: string;
         msgItemsAppended?: string;
         msgNoData?: string;
@@ -371,6 +372,7 @@ export interface ojListViewSettableProperties<K, D> extends baseComponentSettabl
         labelPaste?: string;
         labelPasteAfter?: string;
         labelPasteBefore?: string;
+        msgFetchCompleted?: string;
         msgFetchingData?: string;
         msgItemsAppended?: string;
         msgNoData?: string;

package/dist/webpack-tools/4.x/webpack.config.js

@@ -39,8 +39,8 @@ module.exports = {
       'jqueryui-amd': path.resolve(__dirname, './web/js/libs/jquery/jqueryui-amd-1.13.0'),
       'hammerjs': path.resolve(__dirname, './web/js/libs/hammer/hammer-2.0.8'),
       'ojdnd': path.resolve(__dirname, './web/js/libs/dnd-polyfill/dnd-polyfill-1.0.2'),
-      'ojs': path.resolve(__dirname, './web/js/libs/oj/v12.0.4/debug'),
-      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/v12.0.4/resources'),
+      'ojs': path.resolve(__dirname, './web/js/libs/oj/v12.1.2/debug'),
+      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/v12.1.2/resources'),
       'signals': path.resolve(__dirname, './web/js/libs/js-signals/signals'),
       'touchr': path.resolve(__dirname, './web/js/libs/touchr/touchr'),
       'appController': path.resolve(__dirname, './web/js/appController')
@@ -79,7 +79,7 @@ module.exports = {
           }
         },
         // Point this setting to the root folder for the associated JET distribution (could be a CDN). Used by the oj.Config.getResourceUri() call
-        baseResourceUrl: "./web/js/libs/oj/v12.0.4"
+        baseResourceUrl: "./web/js/libs/oj/v12.1.2"
       }
     )
 

package/dist/webpack-tools/webpack.config.js

@@ -39,8 +39,8 @@ module.exports = {
       'jqueryui-amd': path.resolve(__dirname, './web/js/libs/jquery/jqueryui-amd-1.13.0'),
       'hammerjs': path.resolve(__dirname, './web/js/libs/hammer/hammer-2.0.8'),
       'ojdnd': path.resolve(__dirname, './web/js/libs/dnd-polyfill/dnd-polyfill-1.0.2'),
-      'ojs': path.resolve(__dirname, './web/js/libs/oj/v12.0.4/debug'),
-      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/v12.0.4/resources'),
+      'ojs': path.resolve(__dirname, './web/js/libs/oj/v12.1.2/debug'),
+      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/v12.1.2/resources'),
       'signals': path.resolve(__dirname, './web/js/libs/js-signals/signals'),
       'touchr': path.resolve(__dirname, './web/js/libs/touchr/touchr'),
       'appController': path.resolve(__dirname, './web/js/appController')
@@ -79,7 +79,7 @@ module.exports = {
           }
         },
         // Point this setting to the root folder for the associated JET distribution (could be a CDN). Used by the oj.Config.getResourceUri() call
-        baseResourceUrl: "./web/js/libs/oj/v12.0.4"
+        baseResourceUrl: "./web/js/libs/oj/v12.1.2"
       }
     )
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oracle/oraclejet",
-  "version": "12.0.4",
+  "version": "12.1.2",
   "license": "UPL-1.0",
   "description": "Oracle JavaScript Extension Toolkit (JET) empowers developers by providing a modular open source toolkit based on modern JavaScript, CSS3 and HTML5 design and development principles.",
   "keywords": [

package/dist/pcss/oj/v12.0.4/oj/message-banner/themes/base/_oj-message-banner.scss

@@ -1,56 +0,0 @@
-// Copyright (c) 2014, 2022, Oracle and/or its affiliates.  Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/
-
-@import "../../../utilities/_oj.utilities.modules.scss";
-
-@include module-include-once("common.message-banner") {
-
-oj-message-banner:not(.oj-complete) {
-visibility: hidden;
-}
-
-.oj-flex-baseStyles-uk15d4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-
-.oj-flex-row-1vvm9uo{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.oj-flex-column-1f6tws4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.oj-flex-baseline-ur2zsu{-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
-.oj-flex-center-1vl1cnq{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.oj-flex-end-1gfzmdd{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
-.oj-flex-start-zr75ed{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.oj-flex-inherit-1coj9xs{-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;}
-.oj-flex-initial-11nenr0{-webkit-align-items:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;}
-.oj-flex-stretch-zmigml{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
-.oj-flex-center-1mmfjeb{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.oj-flex-end-e3bw7{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
-.oj-flex-start-14oocbl{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
-.oj-flex-inherit-9x04yt{-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;}
-.oj-flex-initial-1qg5fm0{-webkit-box-pack:initial;-webkit-justify-content:initial;-ms-flex-pack:initial;justify-content:initial;}
-.oj-flex-around-tzqwuj{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}
-.oj-flex-between-idw8zg{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
-.oj-flex-evenly-rmb8vt{-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
-.oj-flex-nowrap-qhhp95{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.oj-flex-wrap-12tnipv{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.oj-flex-reverse-16nj3zj{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;}
-.oj-flex-inherit-1n9lln8{-webkit-flex-wrap:inherit;-ms-flex-wrap:inherit;flex-wrap:inherit;}
-.oj-flex-initial-14gjqky{-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;}
-.oj-live-region-offScreenStyle-142utbc{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
-.oj-message-base-1pff9bj{background-color:var(--oj-private-message-banner-background-color);border-bottom:1px solid var(--oj-core-divider-color);}.oj-message-base-1pff9bj:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-core-focus-border-color);outline-offset:1px;}
-.oj-message-section-egmprm{border:1px solid var(--oj-core-divider-color);border-radius:var(--oj-core-border-radius-lg);}
-.oj-message-header-u96tr4{line-height:var(--oj-private-message-banner-summary-line-height);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen and (max-width:599.9px){.oj-message-header-u96tr4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}
-.oj-message-content-1g7rydb{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--oj-core-spacing-4x);padding-right:var(--oj-core-spacing-4x);padding-bottom:var(--oj-core-spacing-4x);padding-left:var(--oj-core-spacing-4x);}
-
-.oj-message-banner-1od9sup{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
-
-.oj-message-base-1od7fta{margin-top:var(--oj-core-spacing-2x);overflow-wrap:anywhere;}
-.oj-message-banner-vjb6uq{font-size:var(--oj-typography-body-sm-font-size);color:var(--oj-core-text-color-primary);}
-
-.oj-message-svgStyles-9kq0vg{-webkit-flex:none;-ms-flex:none;flex:none;}
-
-.oj-message-messageStartIconStyles-1yd6a19{margin-inline-end:var(--oj-core-spacing-2x);}
-.oj-message-banner-1g1eblq{color:var(--oj-private-message-banner-start-icon-color);width:var(--oj-private-message-banner-start-icon-size);height:var(--oj-private-message-banner-summary-line-height);}
-
-.oj-message-base-iiq630{-webkit-flex:1;-ms-flex:1;flex:1;overflow-wrap:anywhere;}
-.oj-message-banner-1cqkul6{font-size:var(--oj-private-message-banner-summary-text-size);font-weight:var(--oj-private-message-banner-summary-text-weight);color:var(--oj-private-message-banner-summary-text-color);}
-
-.oj-message-banner-4wwib2{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--oj-typography-body-xs-font-size);color:var(--oj-core-text-color-secondary);}
-
-}