@wavemaker/app-runtime-wm-build 12.0.0-next.45082 → 12.0.0-next.45085

app-runtime-wm-build/wmapp/styles/foundation/foundation.css

@@ -452,6 +452,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
     --wm-color-on-tertiary-container: #ffd8e4;
     --wm-color-on-tertiary-fixed: #31111d;
     --wm-color-on-tertiary-fixed-variant: #633b48;
+    --wm-color-on-success: #1d192b;
     --wm-color-outline: #938f99;
     --wm-color-outline-variant: #49454f;
     --wm-color-primary: #d0bcfe;
@@ -463,7 +464,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
     --wm-color-secondary-container: #4a4458;
     --wm-color-secondary-fixed: #e8def8;
     --wm-color-secondary-fixed-dim: #ccc2dc;
-    --wm-color-shadow: #000000;
+    --wm-color-shadow: #ffffff;
     --wm-color-surface: #141218;
     --wm-color-surface-bright: #3b383e;
     --wm-color-surface-container: #211f26;
@@ -554,7 +555,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   /* Tertiary Colors */
   --wm-badge-tertiary: var(--wm-color-tertiary);
   --wm-badge-tertiary-background: var(--wm-color-tertiary-container);
-  --wm-list-item-badge-background: var(--wm-color-white);
+  --wm-list-item-badge-background: var(--wm-color-surface-container-lowest);
   --wm-anchor-badge-background: var(--wm-color-black-hover);
   --wm-anchor-badge-padding: var(--wm-space-1) var(--wm-space-3);
   --wm-anchor-badge-radius: var(--wm-radius-lg);
@@ -832,7 +833,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-caption-margin: var(--wm-space-0);
   --wm-caption-padding: var(--wm-space-0);
   --wm-form-control-color: var(--wm-color-on-surface);
-  --wm-form-control-background: var(--wm-color-white);
+  --wm-form-control-background: var(--wm-color-surface-container-lowest);
   --wm-form-control-border-width: var(--wm-border-width);
   --wm-form-control-border-style: var(--wm-border-style);
   --wm-form-control-border-width-focus: calc(var(--wm-border-width) * 3);
@@ -873,7 +874,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-currency-inputgroup-addon-letter-spacing: var(--wm-form-control-letter-spacing);
   /* table variables   */
   --wm-data-table-border-collapse: unset;
-  --wm-data-table-overlay-background: var(--wm-color-white);
+  --wm-data-table-overlay-background: var(--wm-color-surface-container-lowest);
   --wm-data-table-overlay-color: var(--wm-color-black);
   --wm-data-table-overlay-opacity: 75%;
   --wm-data-table-border-spacing: unset;
@@ -1378,7 +1379,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-progress-bar-background-active: var(--wm-color-primary);
   --wm-progress-bar-label-color: var(--wm-color-on-primary);
   --wm-progress-bar-radius: var(--wm-radius-lg);
-  --wm-progress-bar-striped: linear-gradient(45deg, var(--wm-color-white-active) 25%, transparent 25%, transparent 50%, var(--wm-color-white-active) 50%, var(--wm-color-white-active) 75%, transparent 75%, transparent);
+  --wm-progress-bar-striped: linear-gradient(45deg, var(--wm-color-surface-container-lowest-active) 25%, transparent 25%, transparent 50%, var(--wm-color-surface-container-lowest-active) 50%, var(--wm-color-surface-container-lowest-active) 75%, transparent 75%, transparent);
   --wm-progress-bar-striped-size: var(--wm-space-10) var(--wm-space-10);
   --wm-progress-bar-margin: var(--wm-space-2) var(--wm-space-0);
   --wm-progress-bar-transition-time: 0.5s;
@@ -15793,6 +15794,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   background: var(--wm-modal-backdrop-background);
   padding: var(--wm-modal-margin);
   margin: var(--wm-space-0);
+  pointer-events: none;
 }
 .wm-app .modal-dialog .modal-content {
   display: flex;
@@ -15803,6 +15805,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   max-height: 100%;
   background: var(--wm-modal-background);
   border-radius: var(--wm-modal-radius);
+  pointer-events: auto;
 }
 .wm-app .modal-dialog .modal-content .modal-header {
   padding: var(--wm-modal-header-padding);
@@ -15829,7 +15832,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 }
 .wm-app .modal-dialog .modal-content .modal-body {
   height: 100%;
-  overflow: auto;
   padding: var(--wm-modal-body-padding);
 }
 .wm-app .modal-dialog .modal-content .modal-body > .app-grid-layout {
@@ -15871,6 +15873,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-modal-radius: var(--wm-modal-full-screen-radius);
   --wm-modal-margin: var(--wm-modal-full-screen-margin);
 }
+.wm-app .modal-dialog:not(.modal-sheet).modal-full-screen .modal-body {
+  overflow: auto;
+}
 .wm-app .modal-dialog.modal-sheet {
   --wm-modal-width: var(--wm-modal-sheet-width);
   --wm-modal-radius: var(--wm-modal-sheet-radius);
@@ -15886,6 +15891,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .modal-dialog.modal-sheet.sheet-position-right .modal-content {
   height: var(--wm-modal-full-screen-height);
 }
+.wm-app .modal-dialog.modal-sheet.sheet-position-right .modal-content .modal-body {
+  overflow: auto;
+}
 .wm-app .modal-dialog.modal-sheet.sheet-position-bottom {
   align-items: flex-end;
   --wm-modal-width: var(--wm-modal-full-screen-width);
@@ -15896,6 +15904,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .modal-dialog.modal-sheet.sheet-position-left .modal-content {
   height: var(--wm-modal-full-screen-height);
 }
+.wm-app .modal-dialog.modal-sheet.sheet-position-left .modal-content .modal-body {
+  overflow: auto;
+}
 .wm-app .app-navbar {
   position: relative;
   border: none;
@@ -16163,7 +16174,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 }
 .wm-app .app-page .app-header .app-search,
 .wm-app .app-page .app-mobile-header .app-search {
-  --wm-form-control-background: var(--wm-color-white);
+  --wm-form-control-background: var(--wm-color-surface-container-lowest);
   --wm-form-control-radius: var(--wm-radius-pill);
 }
 .wm-app .app-page .app-header .app-search.input-group .input-group-addon,