matcha-core 20.82.0 → 20.85.0

package/core.scss

@@ -582,36 +582,36 @@ $base-font-size: 16px;
                 align-self-initial: (display:flex, align-self: initial),
 
                 center-center: (display:flex, justify-content: center, align-items: center),
-                
+
                 justify-center: (display:flex, justify-content: center),
                 center: (display:flex, justify-content: center),
-                
+
                 justify-end: (display:flex, justify-content: flex-end),
                 end: (display:flex, justify-content: flex-end),
-                
+
                 justify-start: (display:flex, justify-content: flex-start),
                 start: (display:flex, justify-content: flex-start),
-                
+
                 justify-inherit: (display:flex, justify-content: inherit),
                 inherit: (display:flex, justify-content: inherit),
-                
+
                 justify-initial: (display:flex, justify-content: initial),
                 initial: (display:flex, justify-content: initial),
-                
+
                 left: (display:flex, justify-content: left),
                 right: (display:flex, justify-content: right),
                 normal: (display:flex, justify-content: normal),
                 revert: (display:flex, justify-content: revert),
-                
+
                 space-around: (display:flex, justify-content: space-around),
                 around: (display:flex, justify-content: space-around),
-                
+
                 space-between: (display:flex, justify-content: space-between),
                 between: (display:flex, justify-content: space-between),
-                
+
                 space-evenly: (display:flex, justify-content: space-evenly),
                 evenly: (display:flex, justify-content: space-evenly),
-                
+
                 stretch: (display:flex, justify-content: stretch),
                 unset: (display:flex, justify-content: unset)
 
@@ -825,6 +825,43 @@ $base-font-size: 16px;
 }
 @include generate-cursor-classes($helper-breakpoints);
 
+// -----------------------------------------------------------------------------------------------------
+// @ Pointer Events classes
+// -----------------------------------------------------------------------------------------------------
+@mixin generate-pointer-events-classes($helper-breakpoints) {
+    $pointer-events: (
+        auto,
+        none,
+        all,
+        visible,
+        visiblePainted,
+        visibleFill,
+        visibleStroke,
+        painted,
+        fill,
+        stroke
+    );
+    @each $breakpoint, $materialBreakpoint in $helper-breakpoints {
+        @include media-breakpoint($materialBreakpoint) {
+            $infix: if($materialBreakpoint == null, "", "-#{$breakpoint}");
+
+            @for $i from 1 through length($pointer-events) {
+                $pointer-event: nth($pointer-events, $i);
+
+                .pointer-events-#{$pointer-event}#{$infix} {
+                    pointer-events: #{$pointer-event};
+                }
+
+                .pointer-events-#{$pointer-event}#{$infix}--force {
+                    pointer-events: #{$pointer-event} !important;
+                }
+            }
+        }
+    }
+}
+@include generate-pointer-events-classes($helper-breakpoints);
+
+
 // -----------------------------------------------------------------------------------------------------
 // @ Opacity
 // -----------------------------------------------------------------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "matcha-core",
-    "version": "20.82.0",
+    "version": "20.85.0",
     "description": "Matcha Core is the core of css classes used in matcha design system",
     "main": "core.scss",
     "author": "",