@inmotionnow/momentum-components 102.2.0 → 102.4.0

package/dist/src/2_base/_reset.css

@@ -68,3 +68,16 @@ svg {
 svg {
   fill: currentcolor;
 }
+
+/* 
+  Add WCAG Reflow Compliance 
+  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom, applied reflow styles starting at 150% zoom,
+  since some elements become cut off or difficult to use even at that level.
+  At 150% zoom on a 1280px screen, the effective CSS width is about 853.33px.
+*/
+@media (max-width: 854px) {
+  body {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}

package/dist/src/3_components/application/application.css

@@ -23,3 +23,19 @@
     overflow: hidden;
   }
 }
+
+/* 
+  Add WCAG Reflow Compliance 
+  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom, applied reflow styles starting at 150% zoom,
+  since some elements become cut off or difficult to use even at that level.
+  At 150% zoom on a 1280px screen, the effective CSS width is about 853.33px.
+*/
+@media (max-width: 854px) {
+  .mds-c-application {
+    overflow: visible; /* Prevent clipping */
+
+    &__layout {
+      overflow: visible;
+    }
+  }
+}

package/dist/src/3_components/layout/layout.css

@@ -149,3 +149,15 @@
     }
   }
 }
+
+/* 
+  Add WCAG Reflow Compliance 
+  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom, applied reflow styles starting at 150% zoom,
+  since some elements become cut off or difficult to use even at that level.
+  At 150% zoom on a 1280px screen, the effective CSS width is about 853.33px.
+*/
+@media (max-width: 854px) {
+  .mds-c-layout > .mds-c-main-content {
+    overflow: visible;
+  }
+}

package/dist/src/3_components/level/level.css

@@ -46,7 +46,9 @@
   }
 
   &
-    + &:not(.mds-c-level__group--position-absolute-center):not(.mds-c-level__group--position-center) {
+    + &:not(.mds-c-level__group--position-absolute-center):not(
+      .mds-c-level__group--position-center
+    ) {
     padding-left: var(--mds-d-spacing--xl);
   }
 
@@ -168,3 +170,15 @@
   padding-top: var(--mds-d-spacing--xs);
   width: 100%;
 }
+
+/* 
+  Add WCAG Reflow Compliance 
+  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom, applied reflow styles starting at 150% zoom,
+  since some elements become cut off or difficult to use even at that level.
+  At 150% zoom on a 1280px screen, the effective CSS width is about 853.33px.
+*/
+@media (max-width: 854px) {
+  .mds-c-level__group--position-absolute-center {
+    max-width: 100%;
+  }
+}

package/dist/src/3_components/popout/popout.css

@@ -307,3 +307,22 @@
   width: 100%;
   z-index: 9998;
 }
+
+/* 
+  Add WCAG Reflow Compliance 
+  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom, applied reflow styles starting at 150% zoom,
+  since some elements become cut off or difficult to use even at that level.
+  At 150% zoom on a 1280px screen, the effective CSS width is about 853.33px.
+*/
+@media (max-width: 854px) {
+  .mds-c-popout {
+    max-width: 100%;
+
+    /* Override inline style */
+    transform: translate3d(0.3125rem, 0.3125rem, 0) !important;
+
+    &__menu {
+      max-width: 98%;
+    }
+  }
+}

package/dist/src/4_helpers/_application-wrapper.css

@@ -6,3 +6,15 @@
   height: 100%;
   overflow: hidden;
 }
+
+/* 
+  Add WCAG Reflow Compliance 
+  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom, applied reflow styles starting at 150% zoom,
+  since some elements become cut off or difficult to use even at that level.
+  At 150% zoom on a 1280px screen, the effective CSS width is about 853.33px.
+*/
+@media (max-width: 854px) {
+  .mds-h-application-wrapper {
+    overflow: visible; /* Prevent clipping */
+  }
+}

package/dist/src/5_overrides/calendar.css

@@ -14,6 +14,9 @@
   background-color: #fff;
   border: 1px solid #e5e5e5;
   box-shadow: 0 5px 15px rgba(0 0 0 25%);
+  max-height: 350px;
+  max-width: 300px;
+  overflow-y: auto;
   padding: 10px;
   position: absolute;
   z-index: 9999;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inmotionnow/momentum-components",
-  "version": "102.2.0",
+  "version": "102.4.0",
   "description": "CSS Components for inMotionNow",
   "license": "UNLICENSED",
   "files": [
@@ -26,5 +26,5 @@
     "flatpickr": "3.0.7",
     "focus-visible": "4.1.5"
   },
-  "gitHead": "326d13bb58a2839b2a7d5f34b65004eae80b4005"
+  "gitHead": "c9c7a8be24d0ec8e6166d19a57d16ac8fcc44bd0"
 }