@oracle/oraclejet 11.0.6 → 11.1.1

package/dist/css/stable/oj-stable.css

@@ -266,7 +266,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v11.0.6"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v11.1.1"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -8496,14 +8496,14 @@ html .oj-form-control {
   padding-right: var(--oj-text-field-icon-to-text-padding); }
 
 /* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width */
-oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-textarea) .oj-text-field-readonly {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-textarea) .oj-text-field-readonly {
   white-space: nowrap;
   overflow-x: scroll;
   overflow-y: hidden;
   -ms-overflow-style: none;
   scrollbar-width: none; }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-textarea) .oj-text-field-readonly::-webkit-scrollbar {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-textarea) .oj-text-field-readonly::-webkit-scrollbar {
   width: 0;
   height: 0; }
 
@@ -8732,17 +8732,20 @@ oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-textarea) .oj-text-fie
   background-color: transparent;
   height: var(--oj-text-field-height); }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-textarea .oj-text-field-container,
-oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-select-multi .oj-text-field-container,
-oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-combobox-multi .oj-text-field-container {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-textarea .oj-text-field-container,
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-select-multi .oj-text-field-container,
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-combobox-multi .oj-text-field-container {
   height: auto; }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-select-multi.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
-oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-combobox-multi.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-select-multi.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-combobox-multi.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
 .oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-textarea.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
 .oj-form-layout .oj-form.oj-enabled .oj-textarea.oj-read-only:not(.oj-text-field-label-inside) .oj-text-field-container {
   min-height: var(--oj-text-field-height); }
 
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-textarea.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container {
+  min-height: var(--oj-text-field-height); }
+
 .oj-text-field.oj-focus:not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-text-field-container {
   border-color: var(--oj-text-field-border-color-focus); }
 
@@ -8836,7 +8839,7 @@ html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.
 .oj-text-field-label-inside.oj-text-field:not(.oj-read-only):not(.oj-has-no-value) .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
   right: var(--oj-text-field-icon-to-text-padding); }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container .oj-label {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container .oj-label {
   transition: none;
   transform: none;
   background-color: transparent;
@@ -8845,16 +8848,16 @@ oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-
   line-height: var(--oj-label-inside-edge-line-height);
   top: var(--oj-label-inside-edge-position-top); }
 
-html:not([dir="rtl"]) oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
+html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
   left: var(--oj-text-field-icon-to-text-padding); }
 
-html[dir="rtl"] oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
+html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
   right: var(--oj-text-field-icon-to-text-padding); }
 
-html:not([dir="rtl"]) oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
+html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
   left: var(--oj-text-field-text-to-edge-padding); }
 
-html[dir="rtl"] oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
+html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
   right: var(--oj-text-field-text-to-edge-padding); }
 
 .oj-text-field-label-inside.oj-focus:not(.oj-read-only):not(.oj-warning):not(.oj-invalid) .oj-text-field-container .oj-label {
@@ -8922,10 +8925,10 @@ html[dir="rtl"] oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.o
   margin-inline-end: 0;
   margin-inline-start: var(--oj-text-field-icon-to-edge-padding); }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-start .oj-text-field-start-end-icon {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-start .oj-text-field-start-end-icon {
   margin-inline-start: var(--oj-text-field-icon-to-edge-padding); }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-end .oj-text-field-start-end-icon {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-end .oj-text-field-start-end-icon {
   margin-inline-end: var(--oj-text-field-icon-to-edge-padding); }
 
 .oj-text-field.oj-text-field-label-inside.oj-read-only .oj-text-field-start .oj-button {
@@ -11009,7 +11012,7 @@ oj-combobox:not(.oj-complete) {
   padding-right: 0;
   min-height: calc(var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size)); }
 
-oj-form-layout .oj-form.oj-enabled .oj-combobox.oj-read-only .oj-combobox-choices {
+.oj-form-layout .oj-form.oj-enabled .oj-combobox.oj-read-only .oj-combobox-choices {
   padding-left: var(--oj-text-field-text-to-edge-padding);
   padding-right: var(--oj-text-field-text-to-edge-padding); }
 
@@ -11314,7 +11317,7 @@ oj-form-layout .oj-form.oj-enabled .oj-combobox.oj-read-only .oj-combobox-choice
   border-width: 0;
   padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 5px; }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-combobox-choices {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-combobox-choices {
   padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 5px; }
 
 .oj-text-field-label-inside.oj-read-only .oj-combobox-choices {
@@ -13402,7 +13405,7 @@ html[dir="rtl"] .oj-formlayout-inline-label .oj-label-required-icon, html[dir="r
   .oj-formlayout-inline-label > .oj-label {
     padding-left: var(--oj-form-layout-start-edge-label-to-value-padding); }
 
-oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputtext-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputpassword-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputnumber-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputdate-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputtime-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputdatetime-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-select-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-combobox-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-searchselect-label, oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-textarea-label,
+.oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputtext-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputpassword-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputnumber-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputdate-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputtime-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputdatetime-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-select-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-combobox-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-searchselect-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-textarea-label,
 oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputtext-label,
 oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputpassword-label,
 oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputnumber-label,
@@ -13489,15 +13492,15 @@ oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-labe
 .oj-formlayout-max-cols-6.oj-formlayout-labels-inline:not(.oj-formlayout-full-width) {
   max-width: calc(6 * var(--oj-form-layout-start-edge-column-max-width)); }
 
-oj-form-layout > .oj-form {
+.oj-form-layout > .oj-form {
   padding-left: var(--oj-form-layout-horizontal-margin);
   padding-right: var(--oj-form-layout-horizontal-margin); }
 
-oj-form-layout > .oj-form > .oj-flex > .oj-flex-item > oj-form-layout > .oj-form {
+.oj-form-layout > .oj-form > .oj-flex > .oj-flex-item > .oj-form-layout > .oj-form {
   padding-left: 0px;
   padding-right: 0px; }
 
-oj-form-layout.oj-formlayout-form-across > .oj-form {
+.oj-form-layout.oj-formlayout-form-across > .oj-form {
   padding-left: 0px;
   padding-right: 0px;
   column-gap: 0px; }
@@ -13519,14 +13522,19 @@ oj-form-layout:not(.oj-complete) {
 
 :root {
   --oj-private-gantt-dependency-line-color:                    rgb(var(--oj-palette-neutral-rgb-100));
-  --oj-private-gantt-summary-bg-color:                         rgb(var(--oj-palette-neutral-rgb-100));
-  --oj-private-gantt-milestone-bg-color:                       rgb(var(--oj-palette-neutral-rgb-100));
-  --oj-private-gantt-task-label-color:                         var(--oj-core-text-color-primary);
   --oj-private-gantt-task-bg-color:                            rgb(36, 93, 99);
+  --oj-private-gantt-task-border-color:                        var(--oj-private-gantt-task-bg-color);
   --oj-private-gantt-task-progress-bg-color:                   var(--oj-private-gantt-task-bg-color);
+  --oj-private-gantt-task-progress-border-color:               var(--oj-private-gantt-task-border-color);
+  --oj-private-gantt-task-drag-image-border-color:             rgb(var(--oj-palette-neutral-rgb-180));
+  --oj-private-gantt-task-label-color:                         var(--oj-core-text-color-primary);
+  --oj-private-gantt-task-summary-bg-color:                    rgb(var(--oj-palette-neutral-rgb-100));
+  --oj-private-gantt-task-summary-border-color:                var(--oj-private-gantt-task-summary-bg-color);
+  --oj-private-gantt-task-summary-progress-bg-color:           var(--oj-private-gantt-task-summary-bg-color);
+  --oj-private-gantt-task-milestone-bg-color:                  rgb(var(--oj-palette-neutral-rgb-100));
+  --oj-private-gantt-task-milestone-border-color:              var(--oj-core-bg-color-content);
   --oj-private-gantt-baseline-bg-color:                        rgb(var(--oj-palette-neutral-rgb-170));
-  --oj-private-gantt-baseline-milestone-bg-color:              rgb(var(--oj-palette-neutral-rgb-170));
-  --oj-private-gantt-task-drag-image-border-color:             rgb(var(--oj-palette-neutral-rgb-180)); }
+  --oj-private-gantt-baseline-milestone-bg-color:              rgb(var(--oj-palette-neutral-rgb-170)); }
 
 oj-gantt:not(.oj-complete) {
   visibility: hidden; }
@@ -13542,7 +13550,7 @@ oj-gantt:not(.oj-complete) {
 
 /* Styling for the container (around time axis and databody) */
 .oj-gantt-container {
-  fill: var(--oj-collection-free-space-bg-color);
+  fill: var(--oj-collection-bg-color);
   stroke: var(--oj-collection-border-color);
   stroke-width: 2px; }
 
@@ -13557,13 +13565,16 @@ oj-gantt:not(.oj-complete) {
   stroke-width: 1px; }
 
 /* Styling for vertical grid lines */
-.oj-gantt-vertical-gridline {
+.oj-gantt-major-vertical-gridline {
+  stroke: var(--oj-collection-border-color); }
+
+.oj-gantt-minor-vertical-gridline {
   stroke: var(--oj-collection-border-color);
-  stroke-dasharray: 5,5; }
+  stroke-dasharray: 4,4; }
 
 /* Styling for all rows */
 .oj-gantt-row {
-  fill: var(--oj-collection-bg-color);
+  fill: transparent;
   padding-top: 0.375rem;
   padding-bottom: 0.375rem; }
 
@@ -13588,9 +13599,13 @@ oj-gantt:not(.oj-complete) {
   padding-right: 0.25rem;
   margin-left: 0.25rem;
   margin-right: 0.25rem;
-  border-radius: 1px;
+  border-radius: 2px;
   shape-rendering: auto; }
 
+/* Opaque background behind all tasks */
+.oj-gantt-task-backdrop {
+  fill: #ffffff; }
+
 /* Styling for all tasks when hover */
 .oj-gantt-task.oj-hover {
   stroke-width: 2; }
@@ -13605,21 +13620,24 @@ oj-gantt:not(.oj-complete) {
 
 /* Styling for all task bars */
 .oj-gantt-task-bar {
-  fill: var(--oj-private-gantt-task-bg-color); }
+  fill: var(--oj-private-gantt-task-bg-color);
+  stroke: var(--oj-private-gantt-task-border-color);
+  stroke-width: 1px; }
 
-.oj-gantt-task-bar.oj-gantt-task-progress-container {
-  stroke: var(--oj-private-gantt-task-bg-color);
-  fill-opacity: 0.15; }
+.oj-gantt-task-bar.oj-gantt-task-progress-container,
+.oj-gantt-task-summary.oj-gantt-task-progress-container {
+  fill-opacity: 0.2; }
 
 /* Styling for all milestone tasks */
 .oj-gantt-task-milestone {
-  fill: var(--oj-private-gantt-milestone-bg-color);
-  stroke: var(--oj-core-bg-color-content);
+  fill: var(--oj-private-gantt-task-milestone-bg-color);
+  stroke: var(--oj-private-gantt-task-milestone-border-color);
   stroke-width: 1px; }
 
 /* Styling for all summary tasks */
 .oj-gantt-task-summary {
-  fill: var(--oj-private-gantt-summary-bg-color);
+  fill: var(--oj-private-gantt-task-summary-bg-color);
+  stroke: var(--oj-private-gantt-task-summary-border-color);
   filter: none; }
 
 /* Styling related to interactivity */
@@ -13650,9 +13668,14 @@ oj-gantt:not(.oj-complete) {
 /* Styling for all task progress indicators */
 .oj-gantt-task-progress {
   fill: var(--oj-private-gantt-task-progress-bg-color);
+  stroke: var(--oj-private-gantt-task-progress-border-color);
+  stroke-width: 1px;
   border-radius: 1px;
   shape-rendering: auto; }
 
+.oj-gantt-task-summary-progress {
+  fill: var(--oj-private-gantt-task-summary-progress-bg-color); }
+
 /* Styling for all baseline */
 .oj-gantt-baseline {
   fill: var(--oj-private-gantt-baseline-bg-color);
@@ -13668,11 +13691,12 @@ oj-gantt:not(.oj-complete) {
 
 /* Styling for all milestone baseline */
 .oj-gantt-baseline-milestone {
-  fill: var(--oj-private-gantt-baseline-milestone-bg-color); }
+  fill: var(--oj-private-gantt-baseline-milestone-bg-color);
+  border-radius: 1px; }
 
 /* Styling for the major time axis */
 .oj-gantt-major-axis {
-  fill: var(--oj-collection-header-bg-color);
+  fill: transparent;
   stroke: var(--oj-collection-border-color);
   height: 2.25rem; }
 
@@ -13680,7 +13704,7 @@ oj-gantt:not(.oj-complete) {
 .oj-gantt-major-axis-label {
   fill: var(--oj-collection-header-text-color);
   font-size: var(--oj-dvt-label-font-size-md);
-  font-weight: normal; }
+  font-weight: 600; }
 
 /* Styling for the major time axis separators */
 .oj-gantt-major-axis-separator {
@@ -13688,7 +13712,7 @@ oj-gantt:not(.oj-complete) {
 
 /* Styling for the minor time axis */
 .oj-gantt-minor-axis {
-  fill: var(--oj-collection-header-bg-color);
+  fill: transparent;
   stroke: var(--oj-collection-border-color);
   height: 2.25rem; }
 
@@ -13700,7 +13724,8 @@ oj-gantt:not(.oj-complete) {
 
 /* Styling for the minor time axis separators */
 .oj-gantt-minor-axis-separator {
-  stroke: var(--oj-collection-border-color); }
+  stroke: var(--oj-collection-border-color);
+  stroke-dasharray: 4,4; }
 
 /* Styling for reference object */
 .oj-gantt-reference-object-area {
@@ -17783,7 +17808,7 @@ oj-select:not(.oj-complete) {
   padding: 0;
   min-height: calc(var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size)); }
 
-oj-form-layout .oj-form.oj-enabled .oj-select.oj-read-only .oj-select-choices {
+.oj-form-layout .oj-form.oj-enabled .oj-select.oj-read-only .oj-select-choices {
   padding: 0 var(--oj-text-field-text-to-edge-padding) 5px; }
 
 /* apply to the selected entries */
@@ -18157,20 +18182,20 @@ select.oj-select-select.oj-select-default:not([multiple]) {
 .oj-text-field-label-inside.oj-read-only .oj-select-choices {
   padding: 0; }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-select-choices {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-select-choices {
   padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 5px; }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-select-chosen,
+.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-select-chosen,
 .oj-text-field-label-inside:not(.oj-read-only) .oj-select-chosen {
   padding-top: var(--oj-text-field-inside-edge-padding-top);
   line-height: calc(var(--oj-text-field-inside-edge-height) - var(--oj-text-field-inside-edge-padding-top)); }
 
-oj-form-layout .oj-form.oj-enabled .oj-select.oj-read-only .oj-select-chosen,
+.oj-form-layout .oj-form.oj-enabled .oj-select.oj-read-only .oj-select-chosen,
 .oj-text-field-label-inside:not(.oj-read-only) .oj-select-chosen {
   padding-left: var(--oj-text-field-text-to-edge-padding);
   padding-right: var(--oj-text-field-text-to-edge-padding); }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-select.oj-read-only .oj-select-chosen {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-select.oj-read-only .oj-select-chosen {
   min-height: var(--oj-text-field-inside-edge-height); }
 
 .oj-text-field-label-inside .oj-select-choice.oj-hover,
@@ -19844,7 +19869,9 @@ html[dir="rtl"] .oj-table-frozen-end.oj-table-frozen-edge {
 
 /* Styling for the column header drag indicator after a column. */
 .oj-table-column-header-cell.oj-table-column-header-drag-indicator-after,
-.oj-table-data-cell.oj-table-column-header-drag-indicator-after {
+.oj-table-data-cell.oj-table-column-header-drag-indicator-after,
+.oj-table-column-header-cell.oj-table-column-resize-indicator,
+.oj-table-data-cell.oj-table-column-resize-indicator {
   border-inline-end-style: solid;
   border-inline-end-color: var(--oj-core-drag-drop-line-color);
   border-inline-end-width: 2px; }
@@ -20637,6 +20664,14 @@ html[dir="rtl"]
   background-color: var(--oj-collection-free-space-bg-color);
   border-width: 0 1px 1px; }
 
+/* Styling for the resize dialog in mobile device. */
+.oj-table-resize-dialog-mobile {
+  width: 100vw;
+  height: 100vh;
+  min-width: 100vw;
+  min-height: 100vh;
+  border-radius: 0px; }
+
 /* Styling for the default sort icon */
 /* Styling for the sort ascending icon */
 /* Styling for the sort descending icon */
@@ -20659,7 +20694,7 @@ oj-text-area:not(.oj-complete) {
   padding-left: 0;
   padding-right: 0; }
 
-oj-form-layout .oj-form.oj-enabled .oj-textarea.oj-read-only .oj-textarea-input {
+.oj-form-layout .oj-form.oj-enabled .oj-textarea.oj-read-only .oj-textarea-input {
   padding: 0.5rem var(--oj-text-field-text-to-edge-padding); }
 
 .oj-text-field.oj-read-only .oj-textarea-input:focus {
@@ -20706,7 +20741,7 @@ oj-form-layout .oj-form.oj-enabled .oj-textarea.oj-read-only .oj-textarea-input
 .oj-text-field-label-inside.oj-textarea.oj-read-only .oj-textarea-input {
   margin-top: 0; }
 
-oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-textarea-input {
+.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-textarea-input {
   padding: 0 var(--oj-text-field-text-to-edge-padding);
   margin-top: calc(var(--oj-label-inside-edge-font-size) * var(--oj-label-inside-edge-line-height) + var(--oj-label-inside-edge-position-top)); }
 
@@ -20824,7 +20859,10 @@ oj-time-axis:not(.oj-complete) {
   --oj-private-timeline-minor-axis-bg-color:                   rgb(var(--oj-palette-neutral-rgb-40));
   --oj-private-timeline-minor-axis-border-color:               rgb(var(--oj-palette-neutral-rgb-50));
   --oj-private-timeline-minor-axis-separator-color:            var(--oj-private-timeline-major-axis-separator-color);
-  --oj-private-timeline-series-bg-color:                       rgb(var(--oj-palette-neutral-rgb-20)); }
+  --oj-private-timeline-series-bg-color:                       rgb(var(--oj-palette-neutral-rgb-20));
+  --oj-private-timeline-item-padding:                          5px;
+  --oj-private-timeline-item-border-radius:                    0px;
+  --oj-private-timeline-item-duration-event-overflow-bg-color: rgb(var(--oj-palette-neutral-rgb-40)); }
 
 oj-timeline:not(.oj-complete) {
   visibility: hidden; }
@@ -20839,10 +20877,14 @@ oj-timeline:not(.oj-complete) {
 
 .oj-timeline-item {
   background-color: var(--oj-private-timeline-item-bg-color);
-  border-top-color: var(--oj-private-timeline-item-border-color); }
+  border-top-color: var(--oj-private-timeline-item-border-color);
+  padding-top: var(--oj-private-timeline-item-padding);
+  border-top-left-radius: var(--oj-private-timeline-item-border-radius); }
 
 .oj-timeline-item.oj-hover {
-  border-top-color: var(--oj-private-timeline-item-border-color-hover); }
+  background-color: var(--oj-core-bg-color-hover);
+  border-top-color: var(--oj-private-timeline-item-border-color-hover);
+  stroke-width: 1px; }
 
 .oj-timeline-item.oj-selected {
   border-top-color: var(--oj-dvt-item-border-color-selected); }
@@ -20853,19 +20895,22 @@ oj-timeline:not(.oj-complete) {
   line-height: var(--oj-typography-body-sm-line-height);
   white-space: nowrap; }
 
+.oj-timeline-item-duration-event-overflow-bubble {
+  background-color: var(--oj-private-timeline-item-duration-event-overflow-bg-color); }
+
 .oj-timeline-item-title {
-  color: var(--oj-core-text-color-secondary);
+  color: var(--oj-core-text-color-primary);
   font-size: var(--oj-typography-body-sm-font-size);
   line-height: var(--oj-typography-body-sm-line-height);
   white-space: nowrap;
-  font-weight: bold; }
+  font-weight: 600; }
 
 .oj-timeline-major-axis-label {
-  color: var(--oj-core-text-color-secondary);
+  color: var(--oj-core-text-color-primary);
   font-size: var(--oj-typography-body-md-font-size);
   line-height: var(--oj-typography-body-md-line-height);
   white-space: nowrap;
-  font-weight: bold; }
+  font-weight: 600; }
 
 .oj-timeline-major-axis-separator {
   color: var(--oj-private-timeline-major-axis-separator-color); }

package/dist/custom-tsc/JetTypeGenerator.js

@@ -189,6 +189,17 @@ function getComponentTemplateData(metadata, buildOptions, customElementName, vco
     const propsDataParam = (_c = metadata["propsTypeParams"]) !== null && _c !== void 0 ? _c : "";
     const propsClassDataParams = (_d = metadata["propsClassTypeParams"]) !== null && _d !== void 0 ? _d : "";
     const propsClassDataParamsDeclaration = (_e = metadata["propsClassTypeParamsDeclaration"]) !== null && _e !== void 0 ? _e : "";
+    const propsClassName = metadata["propsClassName"];
+    let propsMappedTypesClassName = "";
+    let propsReadonlyMappedTypesClassName = "";
+    if (metadata["propsMappedTypes"]) {
+        const mappedPropsInfo = {
+            mappedTypes: metadata["propsMappedTypes"],
+            wrappedTypeName: propsClassName,
+        };
+        propsMappedTypesClassName = MetaUtils.constructMappedTypeName(mappedPropsInfo, propsClassDataParams);
+        propsReadonlyMappedTypesClassName = MetaUtils.constructMappedTypeName(mappedPropsInfo, propsDataParam);
+    }
     const data = {
         classTypeParams: classDataParam,
         classTypeParamsDeclaration: classDataParamsDeclaration,
@@ -197,7 +208,9 @@ function getComponentTemplateData(metadata, buildOptions, customElementName, vco
         propsClassTypeParamsDeclaration: propsClassDataParamsDeclaration,
         propsTypeParams: propsDataParam,
         propsTypeParamsAny: (_f = metadata["propsTypeParamsAny"]) !== null && _f !== void 0 ? _f : "",
-        propsClassName: metadata["propsClassName"],
+        propsClassName: propsClassName,
+        propsMappedTypesClassName: propsMappedTypesClassName,
+        propsReadonlyMappedTypesClassName: propsReadonlyMappedTypesClassName,
         componentPropertyInterface: `${vcomponentClassName}IntrinsicProps`,
         customElementName: customElementName,
         vcomponentClassName: vcomponentClassName,

package/dist/custom-tsc/metadataTransformer.js

@@ -138,6 +138,7 @@ function storeImportsInBuildOptions(vexportToAlias, aliasToVExport) {
     Object.assign(importMaps.exportToAlias, vexportToAlias);
     Object.assign(importMaps.aliasToExport, aliasToVExport);
 }
+const _EXCLUDED_NAMED_EXPORT_TYPES = ["ObservedGlobalProps"];
 function getNewMetaUtilObj(typeChecker, buildOptions, elementName, classInfo, namedExportToAlias, aliasToNamedExport) {
     if (!buildOptions["reservedGlobalProps"]) {
         const refExtendGlobalProps = classInfo.propsInfo
@@ -164,6 +165,19 @@ function getNewMetaUtilObj(typeChecker, buildOptions, elementName, classInfo, na
     if (buildOptions["reservedGlobalProps"]) {
         rtnObj.reservedGlobalProps = buildOptions["reservedGlobalProps"];
     }
+    _EXCLUDED_NAMED_EXPORT_TYPES.forEach((tName) => {
+        const tNameAlias = namedExportToAlias[tName];
+        if (tNameAlias) {
+            if (!rtnObj.excludedTypes) {
+                rtnObj.excludedTypes = new Set();
+            }
+            rtnObj.excludedTypes.add(tName);
+            if (!rtnObj.excludedTypeAliases) {
+                rtnObj.excludedTypeAliases = new Set();
+            }
+            rtnObj.excludedTypeAliases.add(tNameAlias);
+        }
+    });
     return rtnObj;
 }
 function generateReservedGlobalPropsList(EGPRef, checker) {

package/dist/custom-tsc/templates/container.tmpl

@@ -17,7 +17,13 @@ export interface <?js= data.vcomponentName ?><?js= data.classTypeParamsDeclarati
 <?js
   if (data.properties) {
     data.propsToInclude = 'readOnly';
-    data.typeParams = this.propsTypeParams;
+    if (data.propsReadonlyMappedTypesClassName.length > 0) {
+      data.propsName = data.propsReadonlyMappedTypesClassName;
+      data.typeParams = "";
+    } else {
+      data.propsName = data.propsClassName;
+      data.typeParams = this.propsTypeParams;
+    }
     ?>
     <?js= this.partial('properties.tmpl', data) ?>
   <?js
@@ -59,7 +65,13 @@ export interface <?js= data.settablePropertiesInterface ?><?js= data.propsClassT
 <?js
 if (data.properties) {
     data.propsToInclude = 'settable';
-    data.typeParams = propsClassTypeParams;
+    if (data.propsMappedTypesClassName.length > 0) {
+      data.propsName = data.propsMappedTypesClassName;
+      data.typeParams = "";
+    } else {
+      data.propsName = data.propsClassName;
+      data.typeParams = this.propsClassTypeParams;
+    }
   ?>
   <?js= this.partial('properties.tmpl', data) ?>
 <?js

package/dist/custom-tsc/templates/properties.tmpl

@@ -1,7 +1,7 @@
 <?js
 var properties = obj.properties;
-var propsClassName = obj.propsClassName;
-var propsTypeParams = obj.typeParams;
+var propsName = obj.propsName;
+var typeParams = obj.typeParams;
 var propsToInclude = obj.propsToInclude; // readOnly | settable
 var self = this;
 var props = properties? Object.keys(properties) : undefined;
@@ -20,7 +20,7 @@ for (let prop of props) {
     let strProp = properties[prop]['readOnly']? `readonly ${prop}`: `${prop}`;
     strProp = `${strProp}${optional}`;
     ?>
-  <?js= `${strProp}: ${propsClassName}${propsTypeParams}['${prop}'];` ?>
+  <?js= `${strProp}: ${propsName}${typeParams}['${prop}'];` ?>
   <?js
   }
 }

package/dist/custom-tsc/utils/MetadataEventUtils.js

@@ -62,6 +62,7 @@ function generateEventsMetadata(memberKey, propDeclaration, metaUtilObj) {
 exports.generateEventsMetadata = generateEventsMetadata;
 function getDtMetadataForEvent(propDeclaration, typeName, typeNode, metaUtilObj) {
     var _a, _b;
+    const checker = metaUtilObj.typeChecker;
     const dt = MetaUtils.getDtMetadata(propDeclaration, metaUtilObj);
     const typeRefNode = typeNode;
     let cancelableDetail = null;
@@ -78,21 +79,33 @@ function getDtMetadataForEvent(propDeclaration, typeName, typeNode, metaUtilObj)
     if ((typeRefNode === null || typeRefNode === void 0 ? void 0 : typeRefNode.typeArguments) && typeRefNode.typeArguments.length) {
         const detailNode = typeRefNode.typeArguments[0];
         if (detailNode.kind == ts.SyntaxKind.TypeReference) {
-            const typeObject = metaUtilObj.typeChecker.getTypeAtLocation(detailNode);
-            const declaration = ((_a = typeObject.aliasSymbol) === null || _a === void 0 ? void 0 : _a.getDeclarations()[0]) ||
-                ((_b = typeObject.symbol) === null || _b === void 0 ? void 0 : _b.getDeclarations()[0]);
-            if (ts.isTypeAliasDeclaration(declaration) ||
-                ts.isClassDeclaration(declaration)) {
-                const eventDetailType = declaration;
-                let eventDetailName = eventDetailType.name.getText();
-                const genericsInfo = TypeUtils.getGenericsAndTypeParametersFromType(typeObject);
+            const typeObject = checker.getTypeAtLocation(detailNode);
+            const mappedTypesInfo = MetaUtils.getMappedTypesInfo(typeObject, checker, false, detailNode);
+            if (mappedTypesInfo && mappedTypesInfo.wrappedTypeNode) {
+                const innerTypeObject = checker.getTypeAtLocation(mappedTypesInfo.wrappedTypeNode);
+                const genericsInfo = TypeUtils.getGenericsAndTypeParametersFromType(innerTypeObject);
                 if (genericsInfo) {
                     dt["evnDetailTypeParamsDeclaration"] =
                         genericsInfo.genericsDeclaration;
-                    dt["evnDetailNameTypeParams"] = `${eventDetailName}${genericsInfo.genericsTypeParams}`;
+                    dt["evnDetailNameTypeParams"] = MetaUtils.constructMappedTypeName(mappedTypesInfo, genericsInfo.genericsTypeParams);
                 }
-                else {
-                    dt["evnDetailNameTypeParams"] = eventDetailName;
+            }
+            else {
+                const declaration = ((_a = typeObject.aliasSymbol) === null || _a === void 0 ? void 0 : _a.getDeclarations()[0]) ||
+                    ((_b = typeObject.symbol) === null || _b === void 0 ? void 0 : _b.getDeclarations()[0]);
+                if (ts.isTypeAliasDeclaration(declaration) ||
+                    ts.isClassDeclaration(declaration)) {
+                    const eventDetailType = declaration;
+                    let eventDetailName = eventDetailType.name.getText();
+                    const genericsInfo = TypeUtils.getGenericsAndTypeParametersFromType(typeObject);
+                    if (genericsInfo) {
+                        dt["evnDetailTypeParamsDeclaration"] =
+                            genericsInfo.genericsDeclaration;
+                        dt["evnDetailNameTypeParams"] = `${eventDetailName}${genericsInfo.genericsTypeParams}`;
+                    }
+                    else {
+                        dt["evnDetailNameTypeParams"] = eventDetailName;
+                    }
                 }
             }
         }
@@ -107,17 +120,16 @@ exports.getDtMetadataForEvent = getDtMetadataForEvent;
 function getEventDetails(detailNode, metaUtilObj) {
     let details;
     if ((detailNode === null || detailNode === void 0 ? void 0 : detailNode.kind) !== ts.SyntaxKind.NullKeyword) {
-        const checker = metaUtilObj.typeChecker;
         let detailName;
         if (ts.isTypeReferenceNode(detailNode)) {
             detailName = TypeUtils.getTypeNameFromTypeReference(detailNode);
         }
-        MetaUtils.walkTypeNodeMembers(detailNode, checker, (value, key) => {
-            const propSignature = value.valueDeclaration;
+        MetaUtils.walkTypeNodeMembers(detailNode, metaUtilObj, (symbol, key, mappedTypeSymbol) => {
+            const propSignature = symbol.valueDeclaration;
             if (!propSignature) {
                 return;
             }
-            const symbolType = checker.getTypeOfSymbolAtLocation(value, propSignature);
+            const symbolType = metaUtilObj.typeChecker.getTypeOfSymbolAtLocation(symbol, propSignature);
             if (ts.isPropertySignature(propSignature) ||
                 ts.isPropertyDeclaration(propSignature)) {
                 const property = key.toString();
@@ -129,7 +141,7 @@ function getEventDetails(detailNode, metaUtilObj) {
                     if (eventDetailMetadata.type === "Array<object>") {
                         stack.push(key);
                     }
-                    const subprops = TypeUtils.getComplexPropertyMetadata(value, eventDetailMetadata.type, detailName, MetaTypes.MetadataScope.DT, stack, metaUtilObj);
+                    const subprops = TypeUtils.getComplexPropertyMetadata(symbol, eventDetailMetadata.type, detailName, MetaTypes.MetadataScope.DT, stack, metaUtilObj);
                     if (subprops) {
                         if (subprops.circRefDetected) {
                             details[property].type = TypeUtils.getSubstituteTypeForCircularReference(eventDetailMetadata);