monkey-style-guide 21.2.21 → 21.2.22

package/README.md

@@ -1,13 +1,17 @@
-# MonkeyStyleGuideV2
+# Monkey Style Guide
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.0.
+Monkey Exchange design system — Angular 21.
 
-## Code scaffolding
+[![Angular 21](https://img.shields.io/badge/Angular-21.2.4-red)]()
+[![CDK 21](https://img.shields.io/badge/CDK-21.0.5-blue)]()
+[![Version 21.2.8](https://img.shields.io/badge/version-21.2.8-brightgreen)]()
+[![Codacy Badge](https://app.codacy.com/project/badge/Grade/0477845152ef49f09a15670e97f5bad6)](https://app.codacy.com?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)
 
-Run `ng generate component component-name --project monkey-style-guide-v2` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project monkey-style-guide-v2`.
-> Note: Don't forget to add `--project monkey-style-guide-v2` or else it will be added to the default project in your `angular.json` file. 
+> **Development:** scaffolding, build,
+> publish and tests are done in the **workspace root** —
+> see [`README.md`](../../README.md) at the root.
 
-## Build
+## Installation
 
 Run `ng build monkey-style-guide-v2` to build the project. The build artifacts will be stored in the `dist/` directory.
 
@@ -64,4 +68,4 @@ Run `ng test monkey-style-guide-v2` to execute the unit tests via [Karma](https:
 
 ## Further help
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+Angular CLI: `ng help` or [Angular CLI Overview](https://angular.io/cli).

package/assets/scss/partials/_breakpoints.scss

@@ -38,9 +38,9 @@ $breakpoints: (
 
   @if $n < list.length($breakpoint-names) {
     @return list.nth($breakpoint-names, $n + 1);
+  } @else {
+    @return null;
   }
-
-  @return null;
 }
 
 // Minimum breakpoint width. Null for the smallest (first) breakpoint.
@@ -51,9 +51,9 @@ $breakpoints: (
 
   @if $min != 0 {
     @return $min;
+  } @else {
+    @return null;
   }
-
-  @return null;
 }
 
 // Maximum breakpoint width.
@@ -69,9 +69,9 @@ $breakpoints: (
 
   @if $max and $max > 0 {
     @return $max - 0.02;
+  } @else {
+    @return null;
   }
-
-  @return null;
 }
 
 // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
@@ -81,11 +81,11 @@ $breakpoints: (
 //    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
 //    "-sm"
 @function breakpoint-infix($name) {
-  @if not breakpoint-min($name) {
+  @if breakpoint-min($name) == null {
     @return '';
+  } @else {
+    @return '-#{$name}';
   }
-
-  @return '-#{$name}';
 }
 
 // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.

package/assets/scss/partials/_helper-classes.scss

@@ -61,6 +61,7 @@ body {
   --mecx-color-link: #06c;
   --mecx-color-white: #fff;
   --mecx-color-overlay: #00000052;
+  --mecx-z-index-tooltip: 1100;
 }
 
 @each $key, $value in $mecx-gray {