@wavemaker/foundation-css 11.14.1-rc.233 → 11.14.1-rc.236

package/cjs/src_tokens_web_components_container_container_json.foundation-css.cjs

@@ -7,7 +7,7 @@
   \************************************************************/
 /***/ ((module) => {
 
-module.exports = /*#__PURE__*/JSON.parse('{"container":{"meta":{"appearances":{"default":{"mapping":{"selector":{"web":".app-container-default"}}},"outlined":{"mapping":{"selector":{"web":".app-outlined-container","mobile":".app-outlined-container"}}},"elevated":{"mapping":{"selector":{"web":".app-elevated-container","mobile":".app-elevated-container"}}}}},"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}},"appearances":{"default":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"outlined":{"mapping":{"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"elevated":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}}}}}}}');
+module.exports = /*#__PURE__*/JSON.parse('{"container":{"meta":{"appearances":{"default":{"mapping":{"selector":{"web":".app-container-default"}}},"outlined":{"mapping":{"selector":{"web":".app-outlined-container","mobile":".app-outlined-container"}}},"elevated":{"mapping":{"selector":{"web":".app-elevated-container","mobile":".app-elevated-container"}}}}},"mapping":{"background":{"value":"{color.transparent.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}},"appearances":{"default":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"outlined":{"mapping":{"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"elevated":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}}}}}}}');
 
 /***/ })
 

package/foundation/foundation.css

@@ -2085,6 +2085,7 @@ button:active.focus::before {
 }
 /* Container component styles and tokens */
 :root {
+  --wm-container-background: var(--wm-color-transparent);
   --wm-container-border-color: var(--wm-color-border);
   --wm-container-border-width: var(--wm-space-0);
   --wm-container-border-style: var(--wm-border-style-none);
@@ -2114,6 +2115,7 @@ button:active.focus::before {
 }
 .wm-app .app-container {
   position: relative;
+  background-color: var(--wm-container-background);
   border: var(--wm-container-border-width) var(--wm-container-border-style) var(--wm-container-border-color);
   border-radius: var(--wm-container-border-radius);
   box-shadow: var(--wm-container-shadow);
@@ -5824,7 +5826,7 @@ button:active.focus::before {
   pointer-events: none;
 }
 .wm-app .app-popover {
-  position: fixed;
+  position: absolute;
   inset: auto;
   z-index: var(--wm-popover-z-index);
   min-width: var(--wm-popover-min-width);
@@ -8165,6 +8167,9 @@ button:active.focus::before {
   outline: 0 !important;
   position: relative;
 }
+.wm-app *:has(.app-popover) {
+  position: static;
+}
 .wm-app .sr-only {
   position: absolute;
   width: 1px;