@oracle/oraclejet 11.0.6 → 11.1.1

package/dist/pcss/oj/{v11.0.6 → v11.1.1}/oj/form-control/themes/base/_oj-form-control.scss

@@ -153,7 +153,7 @@
     // want scrolling, but no visible scrollbar
     // this contains hiding the scrollbar for FF and IE.
     /* 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;
@@ -163,13 +163,13 @@
 
     // On all browsers, we want scrolling, but no visible scrollbar.
     // This is what we have to do for Chrome
-    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;
     }
 
     // need a little less in mixed mode for non-textarea because it has justify:center.
-    // oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside:not(.oj-textarea) .oj-text-field-readonly-div {
+    // .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside:not(.oj-textarea) .oj-text-field-readonly-div {
     //   padding-top: var(--oj-text-field-inside-edge-padding-top);
     // }
   }
@@ -465,18 +465,18 @@
   }
   // the height is 'auto' in mixed/readonly mode
   // we want them to grow in readonly mode like the enabled one does.
-  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;
   }
 
   // set min-height to match the height in mixed/readonly mode when value is none.
-  oj-form-layout
+  .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-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,
@@ -489,6 +489,10 @@
     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);
   }
@@ -594,7 +598,7 @@
   }
 
   // readonly in a mixed form has indentation, otherwise it doesn't
-  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;
@@ -604,7 +608,7 @@
     top: var(--oj-label-inside-edge-position-top);
   }
 
-  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 {
+  .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 {
     @include oj-ltr() {
       left: var(--oj-text-field-icon-to-text-padding);
     }
@@ -613,7 +617,7 @@
     }
   }
 
-  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 {
+  .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 {
     @include oj-ltr() {
       left: var(--oj-text-field-text-to-edge-padding);
     }
@@ -711,10 +715,10 @@
     margin-inline-start: var(--oj-text-field-icon-to-edge-padding);
   }
   // mixed readonly needs to work like enabled
-  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);
   }
 

package/dist/pcss/oj/{v11.0.6 → v11.1.1}/oj/form-layout/themes/base/_oj-form-layout.scss

@@ -211,7 +211,7 @@
     }
   }
 
-  oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label,
+  .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label,
   oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only) {
     &.oj-inputtext-label,
     &.oj-inputpassword-label,
@@ -341,20 +341,19 @@
     max-width: calc(6 * var(--oj-form-layout-start-edge-column-max-width));
   }
 
-  // this is just for oj-form-layout component, not form layout in general.
-  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);
   }
   // Nested forms layouts need no 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;
   }
 
   // in direction row, things are a little more complex, so we need to apply spacing
   // to the flex-item divs.
-  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;

package/dist/pcss/oj/{v11.0.6 → v11.1.1}/oj/gantt/themes/base/_oj-gantt.scss

@@ -20,12 +20,11 @@
       outline: none;
       width:100%;
       height:35rem;
-
     }
 
     /* 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);
       // If stroke-width is 1px, then there is 0.5px border on each side of the edge, and because svg is
       // not pixel aware, in cases where the edge is between two pixels (e.g. on resize), the 0.5px doesn't show up, and the
@@ -48,14 +47,18 @@
     }
 
     /* 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;
     }
@@ -84,10 +87,18 @@
         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 {
+      // Tasks have fill with transparency. A white opaque background
+      // is needed behind the task to prevent canvas elements from showing through
+      // (e.g. gridlines)
+      fill: #ffffff;
+    }
+
     /* Styling for all tasks when hover */
     .oj-gantt-task.oj-hover {
       stroke-width: 2;
@@ -106,24 +117,27 @@
     /* Styling for all task bars */
     .oj-gantt-task-bar {
         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;
 
     }
@@ -164,10 +178,16 @@
     /* 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);
@@ -186,11 +206,12 @@
     /* Styling for all milestone baseline */
     .oj-gantt-baseline-milestone {
       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;
     }
@@ -199,7 +220,7 @@
     .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 */
@@ -209,7 +230,7 @@
 
     /* 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;
     }
@@ -225,6 +246,7 @@
     /* Styling for the minor time axis separators */
     .oj-gantt-minor-axis-separator {
       stroke: var(--oj-collection-border-color);
+      stroke-dasharray: 4,4;
     }
 
     /* Styling for reference object */

package/dist/pcss/oj/{v11.0.6 → v11.1.1}/oj/gantt/themes/redwood/_oj-gantt.cssvars.scss

@@ -11,15 +11,22 @@
     // ----------------------------
     --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-bg-color:                            rgb(95, 162, 186);
+    --oj-private-gantt-task-border-color:                        rgba(var(--oj-palette-neutral-rgb-190), 0.5);
     --oj-private-gantt-task-progress-bg-color:                   var(--oj-private-gantt-task-bg-color);
-    --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-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:                    rgba(var(--oj-palette-neutral-rgb-160));
+    --oj-private-gantt-task-summary-border-color:                var(--oj-private-gantt-task-border-color);
+    --oj-private-gantt-task-summary-progress-bg-color:           var(--oj-private-gantt-task-summary-bg-color);
+
+    --oj-private-gantt-task-milestone-bg-color:                  rgba(var(--oj-palette-neutral-rgb-0));
+    --oj-private-gantt-task-milestone-border-color:              var(--oj-private-gantt-task-border-color);
+
+    --oj-private-gantt-baseline-bg-color:                        rgb(var(--oj-palette-neutral-rgb-100));
+    --oj-private-gantt-baseline-milestone-bg-color:              rgb(var(--oj-palette-neutral-rgb-100));
 }
 
 }

package/dist/pcss/oj/{v11.0.6 → v11.1.1}/oj/gantt/themes/stable/_oj-gantt.cssvars.scss

@@ -11,15 +11,22 @@
     // ----------------------------
     --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)); 
 }
 
 }

package/dist/pcss/oj/{v11.0.6 → v11.1.1}/oj/helpers/themes/base/_oj-helpers.scss

@@ -45,7 +45,7 @@
   $themeRootMap: map-merge(
     $themeRootMap,
     (
-      jetReleaseVersion: "v11.0.6"
+      jetReleaseVersion: "v11.1.1"
     )
   );