@oracle/oraclejet 12.0.4 → 12.1.2

package/dist/css/redwood/oj-redwood-notag.css

@@ -361,7 +361,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"redwood","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.0.4"}' !important; }
+  font-family: '{"name":"redwood","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.1.2"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -13197,14 +13197,18 @@ oj-drawer-layout:not(.oj-complete) {
 oj-drawer-layout {
   display: flex; }
 
-.oj-drawer-reflow-wrapper {
-  display: block; }
+.oj-drawer-layout-middle-section {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto; }
 
 .oj-drawer-layout-main-content {
   flex-grow: 1;
   overflow-y: auto; }
 
 .oj-drawer-reflow-wrapper {
+  display: block;
   flex: 0 0 auto;
   background: var(--oj-drawer-overlay-bg-color); }
 
@@ -13223,6 +13227,9 @@ html:not([dir="rtl"]) .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
 html[dir="rtl"] .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
   border-right: 1px solid var(--oj-drawer-reflow-divider-color); }
 
+.oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-bottom {
+  border-top: 1px solid var(--oj-drawer-reflow-divider-color); }
+
 .oj-drawer-reflow-wrapper.oj-drawer-reflow,
 .oj-drawer-overlay {
   overflow-y: auto; }
@@ -13233,11 +13240,18 @@ html[dir="rtl"] .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
 
 .oj-drawer-layout-surrogate .oj-drawer-overlay {
   position: absolute;
-  background: var(--oj-drawer-overlay-bg-color);
+  background: var(--oj-drawer-overlay-bg-color); }
+
+.oj-drawer-layout-surrogate .oj-drawer-start,
+.oj-drawer-layout-surrogate .oj-drawer-end {
   min-width: 320px;
-  max-width: 90%; }
+  max-width: 90vw; }
 
-.oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-full-overlay {
+.oj-drawer-layout-surrogate .oj-drawer-bottom {
+  max-height: 100vh; }
+
+.oj-drawer-layout-surrogate .oj-drawer-full-overlay.oj-drawer-start,
+.oj-drawer-layout-surrogate .oj-drawer-full-overlay.oj-drawer-end {
   width: 100%;
   max-width: 100%; }
 
@@ -13253,6 +13267,9 @@ html:not([dir="rtl"]) .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-e
 html[dir="rtl"] .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-end {
   box-shadow: 8px 0 15px rgba(var(--oj-core-box-shadow-rgb), 0.05); }
 
+.oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-bottom {
+  box-shadow: 0 -8px 15px rgba(var(--oj-core-box-shadow-rgb), 0.05); }
+
 .oj-drawer-popup-surrogate oj-drawer-popup {
   --oj-current-bg-color:              var(--oj-drawer-overlay-bg-color); }
 
@@ -16272,76 +16289,76 @@ html[dir="rtl"] .oj-message-header .oj-message-status-icon {
 oj-message-banner:not(.oj-complete) {
   visibility: hidden; }
 
-.oj-flex-baseStyles-uk15d4 {
+.oj-flex-baseStyles-1fjajdl {
   display: flex; }
 
-.oj-flex-row-1vvm9uo {
+.oj-flex-row-1r2r04x {
   flex-direction: row; }
 
-.oj-flex-column-1f6tws4 {
+.oj-flex-column-jvysn7 {
   flex-direction: column; }
 
-.oj-flex-baseline-ur2zsu {
+.oj-flex-baseline-sn7vdu {
   align-items: baseline; }
 
-.oj-flex-center-1vl1cnq {
+.oj-flex-center-rpq1co {
   align-items: center; }
 
-.oj-flex-end-1gfzmdd {
+.oj-flex-end-1gkv0nk {
   align-items: flex-end; }
 
-.oj-flex-start-zr75ed {
+.oj-flex-start-19zmlgk {
   align-items: flex-start; }
 
-.oj-flex-inherit-1coj9xs {
+.oj-flex-inherit-6cg1j7 {
   align-items: inherit; }
 
-.oj-flex-initial-11nenr0 {
+.oj-flex-initial-e73gk1 {
   align-items: initial; }
 
-.oj-flex-stretch-zmigml {
+.oj-flex-stretch-pkf80b {
   align-items: stretch; }
 
-.oj-flex-center-1mmfjeb {
+.oj-flex-center-cz2ys {
   justify-content: center; }
 
-.oj-flex-end-e3bw7 {
+.oj-flex-end-vydaj5 {
   justify-content: flex-end; }
 
-.oj-flex-start-14oocbl {
+.oj-flex-start-1bfjt7u {
   justify-content: flex-start; }
 
-.oj-flex-inherit-9x04yt {
+.oj-flex-inherit-1vx2ckm {
   justify-content: inherit; }
 
-.oj-flex-initial-1qg5fm0 {
+.oj-flex-initial-1kcnwum {
   justify-content: initial; }
 
-.oj-flex-around-tzqwuj {
+.oj-flex-around-9r1l2k {
   justify-content: space-around; }
 
-.oj-flex-between-idw8zg {
+.oj-flex-between-mpocno {
   justify-content: space-between; }
 
-.oj-flex-evenly-rmb8vt {
+.oj-flex-evenly-1iqacd2 {
   justify-content: space-evenly; }
 
-.oj-flex-nowrap-qhhp95 {
+.oj-flex-nowrap-y59k8t {
   flex-wrap: nowrap; }
 
-.oj-flex-wrap-12tnipv {
+.oj-flex-wrap-fmpvou {
   flex-wrap: wrap; }
 
-.oj-flex-reverse-16nj3zj {
+.oj-flex-reverse-1b0qr8v {
   flex-wrap: wrap-reverse; }
 
-.oj-flex-inherit-1n9lln8 {
+.oj-flex-inherit-1ij7eal {
   flex-wrap: inherit; }
 
-.oj-flex-initial-14gjqky {
+.oj-flex-initial-3nzaji {
   flex-wrap: initial; }
 
-.oj-live-region-offScreenStyle-142utbc {
+.oj-live-region-offScreenStyle-14cpbki {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -16356,21 +16373,21 @@ oj-message-banner:not(.oj-complete) {
   width: 1px;
   position: absolute; }
 
-.oj-message-base-1pff9bj {
+.oj-message-base-ph7f1 {
   background-color: var(--oj-private-message-banner-background-color);
   border-bottom: 1px solid var(--oj-core-divider-color); }
 
-.oj-message-base-1pff9bj:focus-visible {
+.oj-message-base-ph7f1:focus-visible {
   outline-style: dotted;
   outline-width: 1px;
   outline-color: var(--oj-core-focus-border-color);
   outline-offset: 1px; }
 
-.oj-message-section-egmprm {
+.oj-message-section-y709vw {
   border: 1px solid var(--oj-core-divider-color);
   border-radius: var(--oj-core-border-radius-lg); }
 
-.oj-message-header-u96tr4 {
+.oj-message-header-13ytxxv {
   line-height: var(--oj-private-message-banner-summary-line-height);
   box-sizing: border-box;
   display: flex;
@@ -16378,10 +16395,10 @@ oj-message-banner:not(.oj-complete) {
   flex-direction: row; }
 
 @media screen and (max-width: 599.9px) {
-  .oj-message-header-u96tr4 {
+  .oj-message-header-13ytxxv {
     flex-direction: column; } }
 
-.oj-message-content-1g7rydb {
+.oj-message-content-1cvp4im {
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
@@ -16390,41 +16407,41 @@ oj-message-banner:not(.oj-complete) {
   padding-bottom: var(--oj-core-spacing-4x);
   padding-left: var(--oj-core-spacing-4x); }
 
-.oj-message-banner-1od9sup {
+.oj-message-banner-2rbena {
   margin-inline-start: 0.25rem;
   margin-inline-end: -0.5rem;
   margin-top: -0.5rem;
   margin-bottom: -0.5rem; }
 
-.oj-message-base-1od7fta {
+.oj-message-base-14kwy8x {
   margin-top: var(--oj-core-spacing-2x);
   overflow-wrap: anywhere; }
 
-.oj-message-banner-vjb6uq {
+.oj-message-banner-takd8k {
   font-size: var(--oj-typography-body-sm-font-size);
   color: var(--oj-core-text-color-primary); }
 
-.oj-message-svgStyles-9kq0vg {
+.oj-message-svgStyles-8z03w3 {
   flex: none; }
 
-.oj-message-messageStartIconStyles-1yd6a19 {
+.oj-message-messageStartIconStyles-iuvtfp {
   margin-inline-end: var(--oj-core-spacing-2x); }
 
-.oj-message-banner-1g1eblq {
+.oj-message-banner-zjhpfj {
   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 {
+.oj-message-base-bowowq {
   flex: 1;
   overflow-wrap: anywhere; }
 
-.oj-message-banner-1cqkul6 {
+.oj-message-banner-vxm2jp {
   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 {
+.oj-message-banner-18frmp1 {
   flex-shrink: 0;
   font-size: var(--oj-typography-body-xs-font-size);
   color: var(--oj-core-text-color-secondary); }

package/dist/css/redwood/oj-redwood.css

@@ -361,7 +361,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"redwood","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.0.4"}' !important; }
+  font-family: '{"name":"redwood","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.1.2"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -13341,14 +13341,18 @@ oj-drawer-layout:not(.oj-complete) {
 oj-drawer-layout {
   display: flex; }
 
-.oj-drawer-reflow-wrapper {
-  display: block; }
+.oj-drawer-layout-middle-section {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto; }
 
 .oj-drawer-layout-main-content {
   flex-grow: 1;
   overflow-y: auto; }
 
 .oj-drawer-reflow-wrapper {
+  display: block;
   flex: 0 0 auto;
   background: var(--oj-drawer-overlay-bg-color); }
 
@@ -13367,6 +13371,9 @@ html:not([dir="rtl"]) .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
 html[dir="rtl"] .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
   border-right: 1px solid var(--oj-drawer-reflow-divider-color); }
 
+.oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-bottom {
+  border-top: 1px solid var(--oj-drawer-reflow-divider-color); }
+
 .oj-drawer-reflow-wrapper.oj-drawer-reflow,
 .oj-drawer-overlay {
   overflow-y: auto; }
@@ -13377,11 +13384,18 @@ html[dir="rtl"] .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
 
 .oj-drawer-layout-surrogate .oj-drawer-overlay {
   position: absolute;
-  background: var(--oj-drawer-overlay-bg-color);
+  background: var(--oj-drawer-overlay-bg-color); }
+
+.oj-drawer-layout-surrogate .oj-drawer-start,
+.oj-drawer-layout-surrogate .oj-drawer-end {
   min-width: 320px;
-  max-width: 90%; }
+  max-width: 90vw; }
 
-.oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-full-overlay {
+.oj-drawer-layout-surrogate .oj-drawer-bottom {
+  max-height: 100vh; }
+
+.oj-drawer-layout-surrogate .oj-drawer-full-overlay.oj-drawer-start,
+.oj-drawer-layout-surrogate .oj-drawer-full-overlay.oj-drawer-end {
   width: 100%;
   max-width: 100%; }
 
@@ -13397,6 +13411,9 @@ html:not([dir="rtl"]) .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-e
 html[dir="rtl"] .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-end {
   box-shadow: 8px 0 15px rgba(var(--oj-core-box-shadow-rgb), 0.05); }
 
+.oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-bottom {
+  box-shadow: 0 -8px 15px rgba(var(--oj-core-box-shadow-rgb), 0.05); }
+
 .oj-drawer-popup-surrogate oj-drawer-popup {
   --oj-current-bg-color:              var(--oj-drawer-overlay-bg-color); }
 
@@ -16416,76 +16433,76 @@ html[dir="rtl"] .oj-message-header .oj-message-status-icon {
 oj-message-banner:not(.oj-complete) {
   visibility: hidden; }
 
-.oj-flex-baseStyles-uk15d4 {
+.oj-flex-baseStyles-1fjajdl {
   display: flex; }
 
-.oj-flex-row-1vvm9uo {
+.oj-flex-row-1r2r04x {
   flex-direction: row; }
 
-.oj-flex-column-1f6tws4 {
+.oj-flex-column-jvysn7 {
   flex-direction: column; }
 
-.oj-flex-baseline-ur2zsu {
+.oj-flex-baseline-sn7vdu {
   align-items: baseline; }
 
-.oj-flex-center-1vl1cnq {
+.oj-flex-center-rpq1co {
   align-items: center; }
 
-.oj-flex-end-1gfzmdd {
+.oj-flex-end-1gkv0nk {
   align-items: flex-end; }
 
-.oj-flex-start-zr75ed {
+.oj-flex-start-19zmlgk {
   align-items: flex-start; }
 
-.oj-flex-inherit-1coj9xs {
+.oj-flex-inherit-6cg1j7 {
   align-items: inherit; }
 
-.oj-flex-initial-11nenr0 {
+.oj-flex-initial-e73gk1 {
   align-items: initial; }
 
-.oj-flex-stretch-zmigml {
+.oj-flex-stretch-pkf80b {
   align-items: stretch; }
 
-.oj-flex-center-1mmfjeb {
+.oj-flex-center-cz2ys {
   justify-content: center; }
 
-.oj-flex-end-e3bw7 {
+.oj-flex-end-vydaj5 {
   justify-content: flex-end; }
 
-.oj-flex-start-14oocbl {
+.oj-flex-start-1bfjt7u {
   justify-content: flex-start; }
 
-.oj-flex-inherit-9x04yt {
+.oj-flex-inherit-1vx2ckm {
   justify-content: inherit; }
 
-.oj-flex-initial-1qg5fm0 {
+.oj-flex-initial-1kcnwum {
   justify-content: initial; }
 
-.oj-flex-around-tzqwuj {
+.oj-flex-around-9r1l2k {
   justify-content: space-around; }
 
-.oj-flex-between-idw8zg {
+.oj-flex-between-mpocno {
   justify-content: space-between; }
 
-.oj-flex-evenly-rmb8vt {
+.oj-flex-evenly-1iqacd2 {
   justify-content: space-evenly; }
 
-.oj-flex-nowrap-qhhp95 {
+.oj-flex-nowrap-y59k8t {
   flex-wrap: nowrap; }
 
-.oj-flex-wrap-12tnipv {
+.oj-flex-wrap-fmpvou {
   flex-wrap: wrap; }
 
-.oj-flex-reverse-16nj3zj {
+.oj-flex-reverse-1b0qr8v {
   flex-wrap: wrap-reverse; }
 
-.oj-flex-inherit-1n9lln8 {
+.oj-flex-inherit-1ij7eal {
   flex-wrap: inherit; }
 
-.oj-flex-initial-14gjqky {
+.oj-flex-initial-3nzaji {
   flex-wrap: initial; }
 
-.oj-live-region-offScreenStyle-142utbc {
+.oj-live-region-offScreenStyle-14cpbki {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -16500,21 +16517,21 @@ oj-message-banner:not(.oj-complete) {
   width: 1px;
   position: absolute; }
 
-.oj-message-base-1pff9bj {
+.oj-message-base-ph7f1 {
   background-color: var(--oj-private-message-banner-background-color);
   border-bottom: 1px solid var(--oj-core-divider-color); }
 
-.oj-message-base-1pff9bj:focus-visible {
+.oj-message-base-ph7f1:focus-visible {
   outline-style: dotted;
   outline-width: 1px;
   outline-color: var(--oj-core-focus-border-color);
   outline-offset: 1px; }
 
-.oj-message-section-egmprm {
+.oj-message-section-y709vw {
   border: 1px solid var(--oj-core-divider-color);
   border-radius: var(--oj-core-border-radius-lg); }
 
-.oj-message-header-u96tr4 {
+.oj-message-header-13ytxxv {
   line-height: var(--oj-private-message-banner-summary-line-height);
   box-sizing: border-box;
   display: flex;
@@ -16522,10 +16539,10 @@ oj-message-banner:not(.oj-complete) {
   flex-direction: row; }
 
 @media screen and (max-width: 599.9px) {
-  .oj-message-header-u96tr4 {
+  .oj-message-header-13ytxxv {
     flex-direction: column; } }
 
-.oj-message-content-1g7rydb {
+.oj-message-content-1cvp4im {
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
@@ -16534,41 +16551,41 @@ oj-message-banner:not(.oj-complete) {
   padding-bottom: var(--oj-core-spacing-4x);
   padding-left: var(--oj-core-spacing-4x); }
 
-.oj-message-banner-1od9sup {
+.oj-message-banner-2rbena {
   margin-inline-start: 0.25rem;
   margin-inline-end: -0.5rem;
   margin-top: -0.5rem;
   margin-bottom: -0.5rem; }
 
-.oj-message-base-1od7fta {
+.oj-message-base-14kwy8x {
   margin-top: var(--oj-core-spacing-2x);
   overflow-wrap: anywhere; }
 
-.oj-message-banner-vjb6uq {
+.oj-message-banner-takd8k {
   font-size: var(--oj-typography-body-sm-font-size);
   color: var(--oj-core-text-color-primary); }
 
-.oj-message-svgStyles-9kq0vg {
+.oj-message-svgStyles-8z03w3 {
   flex: none; }
 
-.oj-message-messageStartIconStyles-1yd6a19 {
+.oj-message-messageStartIconStyles-iuvtfp {
   margin-inline-end: var(--oj-core-spacing-2x); }
 
-.oj-message-banner-1g1eblq {
+.oj-message-banner-zjhpfj {
   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 {
+.oj-message-base-bowowq {
   flex: 1;
   overflow-wrap: anywhere; }
 
-.oj-message-banner-1cqkul6 {
+.oj-message-banner-vxm2jp {
   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 {
+.oj-message-banner-18frmp1 {
   flex-shrink: 0;
   font-size: var(--oj-typography-body-xs-font-size);
   color: var(--oj-core-text-color-secondary); }