npm - @oracle/oraclejet - Versions diffs - 11.1.0 → 11.1.4 - Mend

@oracle/oraclejet 11.1.0 → 11.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (717) hide show

package/dist/css/alta/oj-alta-notag.css CHANGED Viewed

@@ -14,7 +14,7 @@
   visibility: hidden; }
 .oj-theme-json {
-  font-family: '{"name":"alta","targetPlatform":"web","behavior":"alta","jetReleaseVersion":"v11.1.0"}'; }
+  font-family: '{"name":"alta","targetPlatform":"web","behavior":"alta","jetReleaseVersion":"v11.1.4"}'; }
 .oj-helper-hidden-accessible {
   border: 0;
@@ -9692,7 +9692,9 @@ html[dir="rtl"] .oj-treeview-list.oj-treeview-drag-image > .oj-treeview-item {
 .oj-treeview-item-content {
   width: 100%;
   display: inline-block;
-  vertical-align: middle; }
+  vertical-align: middle;
+  padding-inline-start: 0.5rem;
+  padding-inline-end: 0.5rem; }
 .oj-treeview-selector {
   display: inline-block;
@@ -13511,22 +13513,31 @@ oj-form-layout {
   html[dir="rtl"] .oj-formlayout-inline-value {
     text-align: right; }
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
   margin-top: 1px; }
 .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
 .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
 .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
   float: none; }
 html:not([dir="rtl"]) .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
   margin-left: 0;
   margin-right: 6px; }
 html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
   margin-right: 0;
   margin-left: 6px; }
@@ -15682,11 +15693,11 @@ oj-searchselect:not(.oj-complete) {
   vertical-align: middle;
   max-width: 18em;
   min-width: 8em;
-  font-size: var(--oj-text-field-font-size);
+  font-size: 1rem;
   width: 100%; }
   @media screen and (max-width: 767.9px) {
     .oj-searchselect {
-      -webkit-text-size-adjust: var(--oj-text-field-font-size-adjust); } }
+      -webkit-text-size-adjust: 115%; } }
 .oj-form-control-full-width.oj-searchselect,
 .oj-form-control-full-width .oj-searchselect {
@@ -15708,8 +15719,8 @@ oj-searchselect:not(.oj-complete) {
   white-space: nowrap;
   text-overflow: ellipsis;
   background-color: transparent;
-  color: var(--oj-text-field-value-color);
-  font-size: var(--oj-text-field-font-size);
+  color: rgba(0, 0, 0, 0.8);
+  font-size: 1rem;
   box-shadow: none;
   text-align: left;
   color: rgba(0, 0, 0, 0.8);
@@ -15719,13 +15730,17 @@ oj-searchselect:not(.oj-complete) {
   padding-bottom: calc(1px - 1px + 0px); }
   @media screen and (max-width: 767.9px) {
     .oj-searchselect-input {
-      -webkit-text-size-adjust: var(--oj-text-field-font-size-adjust); } }
+      -webkit-text-size-adjust: 115%; } }
   .oj-searchselect-input:-ms-input-placeholder {
-    color: var(--oj-text-field-placeholder-color);
+    color: rgba(0, 0, 0, 0.55);
     opacity: 1;
-    font-style: var(--oj-text-field-placeholder-font-style); }
+    font-style: italic; }
+  .oj-searchselect-input::-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.55);
+    opacity: 1;
+    font-style: italic; }
   .oj-searchselect-input::placeholder {
-    color: var(--oj-text-field-placeholder-color);
+    color: rgba(0, 0, 0, 0.55);
     opacity: 1;
     font-style: italic; }
   html[dir="rtl"] .oj-searchselect-input {
@@ -24613,19 +24628,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
@@ -24771,19 +24795,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
@@ -24929,19 +24962,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
@@ -25087,19 +25129,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label,

package/dist/css/alta/oj-alta.css CHANGED Viewed

@@ -270,7 +270,7 @@ template {
   visibility: hidden; }
 .oj-theme-json {
-  font-family: '{"name":"alta","targetPlatform":"web","behavior":"alta","jetReleaseVersion":"v11.1.0"}'; }
+  font-family: '{"name":"alta","targetPlatform":"web","behavior":"alta","jetReleaseVersion":"v11.1.4"}'; }
 .oj-helper-hidden-accessible {
   border: 0;
@@ -10080,7 +10080,9 @@ html[dir="rtl"] .oj-treeview-list.oj-treeview-drag-image > .oj-treeview-item {
 .oj-treeview-item-content {
   width: 100%;
   display: inline-block;
-  vertical-align: middle; }
+  vertical-align: middle;
+  padding-inline-start: 0.5rem;
+  padding-inline-end: 0.5rem; }
 .oj-treeview-selector {
   display: inline-block;
@@ -13897,22 +13899,31 @@ oj-form-layout {
   html[dir="rtl"] .oj-formlayout-inline-value {
     text-align: right; }
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
   margin-top: 1px; }
 .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
 .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
 .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
   float: none; }
 html:not([dir="rtl"]) .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
   margin-left: 0;
   margin-right: 6px; }
 html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+.oj-formlayout-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
   margin-right: 0;
   margin-left: 6px; }
@@ -16053,11 +16064,11 @@ oj-searchselect:not(.oj-complete) {
   vertical-align: middle;
   max-width: 18em;
   min-width: 8em;
-  font-size: var(--oj-text-field-font-size);
+  font-size: 1rem;
   width: 100%; }
   @media screen and (max-width: 767.9px) {
     .oj-searchselect {
-      -webkit-text-size-adjust: var(--oj-text-field-font-size-adjust); } }
+      -webkit-text-size-adjust: 115%; } }
 .oj-form-control-full-width.oj-searchselect,
 .oj-form-control-full-width .oj-searchselect {
@@ -16079,8 +16090,8 @@ oj-searchselect:not(.oj-complete) {
   white-space: nowrap;
   text-overflow: ellipsis;
   background-color: transparent;
-  color: var(--oj-text-field-value-color);
-  font-size: var(--oj-text-field-font-size);
+  color: rgba(0, 0, 0, 0.8);
+  font-size: 1rem;
   box-shadow: none;
   text-align: left;
   color: rgba(0, 0, 0, 0.8);
@@ -16090,13 +16101,17 @@ oj-searchselect:not(.oj-complete) {
   padding-bottom: 0px; }
   @media screen and (max-width: 767.9px) {
     .oj-searchselect-input {
-      -webkit-text-size-adjust: var(--oj-text-field-font-size-adjust); } }
+      -webkit-text-size-adjust: 115%; } }
   .oj-searchselect-input:-ms-input-placeholder {
-    color: var(--oj-text-field-placeholder-color);
+    color: rgba(0, 0, 0, 0.55);
     opacity: 1;
-    font-style: var(--oj-text-field-placeholder-font-style); }
+    font-style: italic; }
+  .oj-searchselect-input::-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.55);
+    opacity: 1;
+    font-style: italic; }
   .oj-searchselect-input::placeholder {
-    color: var(--oj-text-field-placeholder-color);
+    color: rgba(0, 0, 0, 0.55);
     opacity: 1;
     font-style: italic; }
   html[dir="rtl"] .oj-searchselect-input {
@@ -24981,19 +24996,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-sm-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
@@ -25139,19 +25163,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-md-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
@@ -25297,19 +25330,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-lg-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
@@ -25455,19 +25497,28 @@ html[dir="rtl"] .oj-flex-bar-end {
     text-align: left; }
     html[dir="rtl"] .oj-formlayout-inline-value {
       text-align: right; }
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
     margin-top: 1px; }
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) label,
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor,
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
     float: none; }
   html:not([dir="rtl"]) .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html:not([dir="rtl"])
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-left: 0;
     margin-right: 6px; }
   html[dir="rtl"] .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
-  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon, html[dir="rtl"]
+  .oj-xl-labels-inline > .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
     margin-right: 0;
     margin-left: 6px; }
   .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label,